:root{--bg: #15121f;--line: #4a4560;--sel: #3d3560;--text: #f2f0ff;--mute: #8f8aa8;--focus: #a78bff;--drift: 0deg;--hl: hsl(calc(var(--drift) + 200deg) 90% 68%);--spectrum: repeating-linear-gradient(132deg, hsl(calc(var(--drift) + 0deg) 90% 68%) 0rem, hsl(calc(var(--drift) + 30deg) 90% 68%) 3.833rem, hsl(calc(var(--drift) + 60deg) 90% 68%) 7.667rem, hsl(calc(var(--drift) + 90deg) 90% 68%) 11.5rem, hsl(calc(var(--drift) + 120deg) 90% 68%) 15.333rem, hsl(calc(var(--drift) + 150deg) 90% 68%) 19.167rem, hsl(calc(var(--drift) + 180deg) 90% 68%) 23rem, hsl(calc(var(--drift) + 210deg) 90% 68%) 26.833rem, hsl(calc(var(--drift) + 240deg) 90% 68%) 30.667rem, hsl(calc(var(--drift) + 270deg) 90% 68%) 34.5rem, hsl(calc(var(--drift) + 300deg) 90% 68%) 38.333rem, hsl(calc(var(--drift) + 330deg) 90% 68%) 42.167rem, hsl(calc(var(--drift) + 360deg) 90% 68%) 46rem);--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs: clamp(.78rem, .72rem + .28vw, .875rem);--lh: 1.65;--row: 1.65em}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:var(--fs);line-height:var(--lh);font-variant-ligatures:none;-webkit-font-smoothing:antialiased}::selection{background:var(--focus);color:var(--bg)}a{color:inherit;text-underline-offset:.25em;text-decoration-color:var(--line)}a:hover{text-decoration-color:var(--hl)}:focus-visible{outline:1px solid var(--hl);outline-offset:2px}.rb,.titlebar .brand,.pane[data-focused=true]>.label .t,.tree button:hover,.tree button[aria-selected=true],.doc strong,.grid-block pre i,.keys td:first-child,.statusbar .pos,a:hover{background:var(--spectrum);background-attachment:fixed;-webkit-background-clip:text;background-clip:text;color:transparent}.screen{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0 clamp(.5rem,2vw,1.25rem) clamp(.35rem,1.2vw,.6rem);max-width:78rem;margin-inline:auto}.titlebar{display:flex;align-items:baseline;gap:1.25rem;padding:.9rem .25rem .75rem;white-space:nowrap;overflow:hidden}.titlebar .brand{letter-spacing:.02em;font-weight:600}.titlebar .desc{color:var(--mute);overflow:hidden;text-overflow:ellipsis}.titlebar .right{margin-left:auto;color:var(--mute)}.titlebar .right a{text-decoration:none}.panes{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:.6rem;min-height:0}.pane{position:relative;border:1px solid var(--line);min-height:0;display:flex;flex-direction:column}.pane>.label{position:absolute;top:0;left:1.1em;transform:translateY(-50%);background:var(--bg);padding:0 .6em;color:var(--mute);letter-spacing:.14em;font-size:.82em;text-transform:uppercase;pointer-events:none}.pane>.label{z-index:1}.pane:after{content:"";position:absolute;inset:-1px;padding:1px;background:var(--spectrum);background-attachment:fixed;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .26s ease;pointer-events:none}.pane[data-focused=true]:after{opacity:1}.pane-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.pane-body::-webkit-scrollbar{width:7px}.pane-body::-webkit-scrollbar-thumb{background:var(--line)}.tree .pane-body{padding:1.1rem 0 .7rem}.tree ol{list-style:none;margin:0;padding:0}.tree button{all:unset;display:block;width:100%;box-sizing:border-box;padding:.1em 1.1em;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree button:before{content:"• ";color:var(--mute)}.tree button:hover:before{color:transparent}.tree button[aria-selected=true]:before{content:"● ";color:transparent}.tree .group{padding:1.4em 1.1em .2em;color:var(--mute);font-size:.82em;letter-spacing:.14em;text-transform:uppercase}.doc .pane-body{padding:1.35rem clamp(1rem,3vw,2.4rem) 1.6rem}.doc section{scroll-margin-top:1.35rem}.doc p,.doc ul,.doc .keys{max-width:62ch}.js .doc section{display:none}.js .doc section.on{display:block}.doc section+section{margin-top:2.4em}.js .doc section+section{margin-top:0}.doc h2{font-size:1em;font-weight:600;margin:0 0 var(--row);color:var(--text);letter-spacing:.02em}.doc h2:before{content:"# ";color:var(--mute);font-weight:400}.doc p{margin:0 0 var(--row);color:var(--text)}.doc p.mute{color:var(--mute)}.doc strong{font-weight:600}.doc ul{margin:0 0 var(--row);padding:0;list-style:none}.doc ul li{padding-left:1.4em;text-indent:-1.4em}.doc ul li:before{content:"— ";color:var(--mute)}.grid-block{margin:0 0 var(--row);overflow-x:auto;scrollbar-width:thin}.grid-block pre{margin:0;font:inherit;font-size:clamp(.52rem,1.15vw,.8rem);line-height:1.5;white-space:pre;color:var(--mute)}.grid-block pre b{font-weight:400;color:var(--text)}.grid-block pre i{font-style:normal}.keys{width:100%;border-collapse:collapse;margin:0 0 var(--row)}.keys td{padding:.05em 1.2em .05em 0;vertical-align:top}.keys td:first-child{white-space:nowrap;width:1%}.keys td:last-child{color:var(--text)}.cmd{display:block;padding:.1em 0 .1em 1.4em;text-indent:-1.4em;color:var(--text)}.cmd:before{content:"$ ";color:var(--mute)}.cmd+.cmd{margin-top:.1em}.cmd.note:before{content:"# "}.cmd.note{color:var(--mute)}.statusbar{display:flex;gap:1.5rem;padding:.5rem .35rem .2rem;color:var(--mute);white-space:nowrap;overflow:hidden}.statusbar .pos{font-weight:600}.statusbar .right{margin-left:auto}.statusbar kbd{font:inherit;color:var(--text)}.statusbar .hint+.hint{margin-left:1.1rem}.left{display:flex;flex-direction:column;gap:.6rem;min-height:0}.left>.tree{flex:1 1 auto}.book{display:none;margin:0 auto .2rem}.js .book{display:block}.clearing{flex:none;display:none}.js .clearing{display:flex}.clearing .pane-body{padding:.9rem 0 .55rem;overflow:hidden}.clearing canvas,.clearing img{display:block;margin:0 auto}.clearing [hidden]{display:none}.clearing>.label{text-transform:none;letter-spacing:.04em;font-size:.9em}.clearing>.label .t{color:var(--text)}@media(max-height:850px){.js .clearing{display:none}}@media(max-height:600px){.js .book{display:none}}@media(max-width:46rem){.screen{height:auto;min-height:100dvh}.panes{grid-template-columns:minmax(0,1fr)}.doc,.tree{overflow:visible}.statusbar .keys-hint,.js .clearing{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.shot{margin:0 0 var(--row)}.shot img{display:block;width:100%;height:auto;border:1px solid var(--line)}.shot figcaption{margin-top:.4em;color:var(--mute)}.shot figcaption:before{content:"fig. "}.cmd{overflow-wrap:anywhere}.kofi{margin:0 0 var(--row)}.kofi a{display:inline-block;text-decoration:none}body{transition:background-color .24s ease,color .24s ease}.theme-btn,.link-btn{all:unset;cursor:pointer}.theme-btn{color:var(--mute);margin-right:1.25rem}.titlebar .right .learn-link{margin-right:1.25rem;text-decoration:none}@media(max-width:46rem){.titlebar .right .learn-link,.statusbar .makers{display:none}}.theme-btn:hover{color:var(--text)}.theme-btn .swatch{display:inline-block;width:.62em;height:.62em;border-radius:50%;background:var(--spectrum);background-attachment:fixed;vertical-align:.02em}.theme-btn:focus-visible,.link-btn:focus-visible{outline:1px solid var(--hl);outline-offset:2px}.link-btn{text-decoration:underline;text-underline-offset:.25em;text-decoration-color:var(--line)}.link-btn:hover{text-decoration-color:var(--hl)}kbd{font:inherit;color:var(--text);border:1px solid var(--line);padding:0 .3em}.statusbar kbd{border:0;padding:0}.doc p.try{border-left:2px solid var(--line);padding-left:.9em}.chips{display:flex;flex-wrap:wrap;gap:.45rem .5rem;margin:0 0 var(--row);max-width:62ch}.chips button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.45em;padding:.12em .65em;border:1px solid var(--line);color:var(--text);white-space:nowrap}.chips button:hover{border-color:var(--mute)}.chips button:focus-visible{outline:1px solid var(--hl);outline-offset:2px}.chips button[aria-pressed=true]{border-color:var(--focus);background:var(--sel)}.chips i,.pick-list .sw i{display:inline-block;width:.62em;height:.62em;border-radius:50%}.spec,.spec-bar{background:linear-gradient(90deg,#ff5f5f,#ffd23c,#5fe07a,#5fd7ff,#a78bff,#ff6ec7)}.chips i.spec{width:.62em}dialog.picker{position:fixed;inset:0;margin:auto;width:min(26rem,calc(100vw - 2rem));height:fit-content;max-height:calc(100dvh - 2rem);padding:1.2rem 0 .6rem;background:var(--bg);color:var(--text);border:1px solid var(--line);overflow:visible;font:inherit}dialog.picker:not([open]){display:none}dialog.picker::backdrop{background:#0000008c}.pick-list{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:calc(100dvh - 7rem)}.pick-list button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:.6em;width:100%;padding:.05em 1.1em}.pick-list button:focus,.pick-list button:hover{background:var(--sel);outline:none}.pick-list .mark{width:1ch}.pick-list .current .mark:before{content:"●"}.pick-list .current .n{font-weight:600}.pick-list .n{flex:1}.pick-list .sw{display:inline-flex;gap:.3em}.pick-list .spec-bar{width:5.2em;height:.62em;border-radius:.31em}.pick-hint{margin:.6rem 1.1rem 0;color:var(--mute);font-size:.9em}.pick-hint kbd{border:0;padding:0}@media(max-width:46rem){.theme-btn{margin-right:.8rem}}