*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{color-scheme:light dark;min-height:100%;font-family:monospace;line-height:1.5;font-size:calc((18 / 16) * 100%)}:root,body{display:grid}body{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;margin:0;align-content:start}h2{margin:1rem 0 0}h2:first-child{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);margin:-1px;border:0;padding:0}summary{cursor:pointer;font-weight:700;font-size:1.333em}h3{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);margin:-1px;border:0;padding:0}details{& p{margin-top:0}}form{display:grid;grid-gap:1rem;gap:1rem}header{padding:0 1em}.main{padding:0 1px;grid-gap:1rem}.main,fieldset{display:grid;gap:1rem}fieldset{grid-template-columns:auto minmax(0,1fr);grid-gap:1rem;padding:.5rem 1rem 1rem;margin:0}fieldset label:not([hidden]){display:grid;grid-gap:1rem;gap:1rem;align-items:center;grid-template-columns:subgrid;grid-column:1/-1;text-align:end}fieldset label p{display:grid;font-weight:700;margin:0;text-align:start;& small{font-weight:400}}label div{display:flex;gap:1rem;width:100%}output{width:7.5ch;text-align:start;overflow:hidden}input[type=range],textarea{width:100%}textarea{height:25em;height:25lh;font-family:monospace}