@layer tokens,base,components,utilities;@font-face{font-family:NES Mono;src:url(./fonts/nes-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+0259,U+1E00-1EFF,U+2000-206F,U+20AB,U+2190-21FF,U+25A0-25FF}@font-face{font-family:NES Mono;src:url(./fonts/nes-mono-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+0259,U+1E00-1EFF,U+2000-206F,U+20AB,U+2190-21FF,U+25A0-25FF}@font-face{font-family:NES Sans;src:url(./fonts/nes-sans-var.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+0259,U+1E00-1EFF,U+2000-206F,U+20AB}@layer tokens{:root{--bg: #07071c;--screen: #0a0a24;--panel: #15153f;--panel-2: #1c1c56;--slot: #0d0d2b;--line: #000000;--line-hi: #4646a0;--ink: #f8f9ff;--text: #e8eaff;--muted: #d6d8ee;--dim: #c0c2de;--blue: #5c94fc;--blue-d: #2f4fb0;--gold: #fbd000;--gold-d: #c99700;--cyan: #33e0e0;--cyan-d: #1f9e9e;--purple: #b759e5;--purple-d: #7d33a8;--lime: #b8e62e;--lime-d: #75980f;--teal: #2ad8b8;--teal-d: #158f78;--indigo: #7c7cff;--indigo-d: #4a45c8;--pink: #ff6ec7;--pink-d: #c23d90;--steel: #9aa2d8;--steel-d: #565d95;--good: #56d364;--good-d: #2f9e3f;--warn: #ff9e2c;--warn-d: #c46e00;--crit: #f23c4e;--crit-d: #a81f2e;--ink-on-accent: #0a0a1a;--primary: var(--good);--primary-d: var(--good-d);--font-mono: "NES Mono", ui-monospace, "Cascadia Code", Menlo, monospace;--font-body: "NES Sans", system-ui, -apple-system, sans-serif;--fs-label: .5625rem;--fs-chip: .6875rem;--fs-h3: .75rem;--fs-body: .875rem;--fs-lead: 1rem;--fs-h2: 1.0625rem;--fs-h1: 1.625rem;--fs-code: .9em;--lh-tight: 1.25;--lh-body: 1.65;--lh-heading: 1.4;--lh-none: 1;--ls-chrome: .06em;--fw-regular: 400;--fw-medium: 450;--fw-bold: 700;--icon-sm: 14px;--icon-md: 20px;--icon-lg: 28px;--icon-xl: 40px;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-hair: 2px;--pad-tight: var(--sp-1) var(--sp-2);--pad-snug: var(--sp-2) var(--sp-3);--pad-box: var(--sp-3) var(--sp-4);--chip-py: .25em;--chip-px: .5em;--atom-py: .05em;--atom-px: .35em;--notch: 6px;--bw: 3px;--bw-2: 2px;--bw-1: 1px;--accent-bar: 6px;--dot: 10px;--pip: 12px;--sh-1: 1px 1px 0 var(--line);--sh-2: 2px 2px 0 var(--line);--sh-3: 3px 3px 0 var(--line);--sh-4: 4px 4px 0 var(--line);--sh-5: 6px 6px 0 var(--line);--dur-fast: .12s;--dur-mid: .2s;--dur-slow: .34s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-fill: cubic-bezier(.22, 1, .36, 1);--ctrl-h-xs: 1.75rem;--ctrl-h-sm: 2rem;--ctrl-h-md: 2.25rem;--ctrl-h-lg: 2.75rem;--ctrl-h-xl: 3.25rem;--ctrl-px-xs: var(--sp-2);--ctrl-px-sm: var(--sp-3);--ctrl-px-md: var(--sp-3);--ctrl-px-lg: var(--sp-4);--ctrl-px-xl: var(--sp-5);--ctrl-fs-xs: var(--fs-label);--ctrl-fs-sm: var(--fs-label);--ctrl-fs-md: var(--fs-chip);--ctrl-fs-lg: var(--fs-h3);--ctrl-fs-xl: var(--fs-h2);--ctrl-h: var(--ctrl-h-md);--ctrl-pad: var(--ctrl-px-md);--ctrl-fs: var(--ctrl-fs-md);--tap: var(--ctrl-h-lg);--tap-dense: 2.5rem;--z-raised: 1;--z-pop: 2;--z-sticky: 20;--z-drawer: 30;--z-chrome: 40;--z-overlay: 100;--z-top: 9999;--op-disabled: .6;--op-dim: .3;--ring-w: var(--bw-2);--ring-c: var(--gold);--bp-sm: 36rem;--bp-lg: 56rem;--bp-xl: 74rem;--bp-2xl: 100rem;--gutter: var(--sp-4);--chrome-h: var(--ctrl-h-xl);--nav-w: 15rem;--rail-w: 14rem;--scanline-opacity: .06;--maxw: 960px;--prose-measure: 72ch;--mmd-fs: var(--fs-body)}@media(min-width:36rem){:root{--gutter: var(--sp-5)}}@media(min-width:56rem){:root{--gutter: var(--sp-7)}}@media(min-width:100rem){:root{--fs-label: .625rem;--fs-chip: .75rem;--fs-h3: .8125rem;--fs-body: 1rem;--fs-lead: 1.125rem;--fs-h2: 1.25rem;--fs-h1: 2rem}}}@layer base{*,*:before,*:after{box-sizing:border-box}:where(html){-webkit-text-size-adjust:100%;scroll-behavior:smooth}:where(body,h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd){margin:0}:where(ul,ol){padding:0;list-style:none}:where(a){color:inherit;text-decoration:none}:where(button,input,select,textarea){font:inherit;color:inherit;border-radius:0}:where(a,button,summary,label,select,input,textarea,[role=button],[role=tab],[role=option],[tabindex]){touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(img,svg,canvas,video){display:block;max-width:100%;height:auto}html{color-scheme:dark}body{margin:0;background:var(--screen);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-mono);color:var(--ink);line-height:var(--lh-heading);text-wrap:balance}h1{font-size:var(--fs-h1);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}h2{font-size:var(--fs-h2);font-weight:var(--fw-bold)}h3{font-size:var(--fs-h3);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome)}:is(p,li,dd,td,th,figcaption) a:not(.btn,.card,.chip,.tab){color:var(--ink);text-decoration:underline;text-decoration-thickness:var(--bw);text-underline-offset:2px}code,kbd,samp,pre{font-family:var(--font-mono)}:not(pre)>code{font-size:var(--fs-code);color:var(--cyan);background:var(--slot);border:var(--bw-2) solid var(--line);padding:.05em .4em}b,strong{color:var(--ink);font-weight:var(--fw-bold)}::selection{background:var(--primary);color:var(--ink-on-accent)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--ring-w) solid var(--ring-c);outline-offset:calc(-1 * var(--ring-w));border-color:var(--ring-c)}*{scrollbar-width:thin;scrollbar-color:var(--line-hi) var(--slot)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--slot)}*::-webkit-scrollbar-thumb{background:var(--line-hi);border:2px solid var(--slot)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}:where(html){scroll-behavior:auto}}}@layer utilities{.pixel-box{--_notch: var(--notch);background:var(--panel);border:var(--bw) solid var(--line-hi);box-shadow:var(--sh-4);clip-path:polygon(var(--_notch) 0,calc(100% - var(--_notch)) 0,100% var(--_notch),100% calc(100% - var(--_notch)),calc(100% - var(--_notch)) 100%,var(--_notch) 100%,0 calc(100% - var(--_notch)),0 var(--_notch))}.sh-1{box-shadow:var(--sh-1)}.sh-2{box-shadow:var(--sh-2)}.sh-3{box-shadow:var(--sh-3)}.sh-4{box-shadow:var(--sh-4)}.sh-5{box-shadow:var(--sh-5)}[data-accent=blue]{--accent: var(--blue);--accent-d: var(--blue-d)}[data-accent=gold]{--accent: var(--gold);--accent-d: var(--gold-d)}[data-accent=cyan]{--accent: var(--cyan);--accent-d: var(--cyan-d)}[data-accent=purple]{--accent: var(--purple);--accent-d: var(--purple-d)}[data-accent=lime]{--accent: var(--lime);--accent-d: var(--lime-d)}[data-accent=teal]{--accent: var(--teal);--accent-d: var(--teal-d)}[data-accent=indigo]{--accent: var(--indigo);--accent-d: var(--indigo-d)}[data-accent=pink]{--accent: var(--pink);--accent-d: var(--pink-d)}[data-accent=steel]{--accent: var(--steel);--accent-d: var(--steel-d)}[data-accent=good]{--accent: var(--good);--accent-d: var(--good-d)}[data-accent=warn]{--accent: var(--warn);--accent-d: var(--warn-d)}[data-accent=crit]{--accent: var(--crit);--accent-d: var(--crit-d)}:root{--accent: var(--primary);--accent-d: var(--primary-d)}[data-size=xs]{--ctrl-h: var(--ctrl-h-xs);--ctrl-pad: var(--ctrl-px-xs);--ctrl-fs: var(--ctrl-fs-xs)}[data-size=sm]{--ctrl-h: var(--ctrl-h-sm);--ctrl-pad: var(--ctrl-px-sm);--ctrl-fs: var(--ctrl-fs-sm)}[data-size=md]{--ctrl-h: var(--ctrl-h-md);--ctrl-pad: var(--ctrl-px-md);--ctrl-fs: var(--ctrl-fs-md)}[data-size=lg]{--ctrl-h: var(--ctrl-h-lg);--ctrl-pad: var(--ctrl-px-lg);--ctrl-fs: var(--ctrl-fs-lg)}[data-size=xl]{--ctrl-h: var(--ctrl-h-xl);--ctrl-pad: var(--ctrl-px-xl);--ctrl-fs: var(--ctrl-fs-xl)}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--primary)}.scanlines{position:relative}.scanlines:after{content:"";position:fixed;inset:0;z-index:var(--z-top);pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,var(--scanline-opacity)) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}@media(prefers-reduced-motion:reduce){.scanlines:after{display:none}}.wrap{max-inline-size:var(--maxw);margin-inline:auto;padding-inline:clamp(var(--sp-3),4vw,var(--sp-6))}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 32%,transparent),var(--sh-2)}}.blink{animation:blink 1.1s steps(2) infinite}.pulse{animation:pulse 1.4s var(--ease) infinite}}@property --fill{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@layer components{.btn{--accent: var(--primary);--accent-d: var(--primary-d);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--ctrl-fs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--ink-on-accent);background:var(--accent);border:var(--bw) solid var(--accent-d);box-shadow:var(--sh-3);min-block-size:var(--ctrl-h);padding-block:0;padding-inline:var(--ctrl-pad);cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast);&:hover{filter:brightness(1.08)}&:active{transform:translate(2px,2px);box-shadow:var(--sh-1)}&:disabled{background:var(--panel-2);color:var(--dim);border-color:var(--line-hi);box-shadow:none;cursor:not-allowed;filter:none}&.ghost{background:var(--panel);color:var(--muted);border-color:var(--line-hi);box-shadow:var(--sh-2);&:hover{color:var(--ink);border-color:var(--primary);filter:none}}&[aria-pressed=true]{background:var(--accent);color:var(--ink-on-accent);border-color:var(--accent-d)}&.outline{background:none;color:var(--accent);border-color:var(--accent);box-shadow:var(--sh-2);&:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);filter:none}}&.soft{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:var(--sh-2);&:hover{background:color-mix(in srgb,var(--accent) 26%,transparent);filter:none}}&.link{background:none;color:var(--accent);border-color:transparent;box-shadow:none;padding-inline:0;min-block-size:0;&:hover{filter:none;text-decoration:underline;text-underline-offset:3px}&:active{transform:none;box-shadow:none}}&.xs{--ctrl-h: var(--ctrl-h-xs);--ctrl-pad: var(--ctrl-px-xs);--ctrl-fs: var(--ctrl-fs-xs);gap:var(--sp-1)}&.sm{--ctrl-h: var(--ctrl-h-sm);--ctrl-pad: var(--ctrl-px-sm);--ctrl-fs: var(--ctrl-fs-sm)}&.lg{--ctrl-h: var(--ctrl-h-lg);--ctrl-pad: var(--ctrl-px-lg);--ctrl-fs: var(--ctrl-fs-lg);box-shadow:var(--sh-4)}&.xl{--ctrl-h: var(--ctrl-h-xl);--ctrl-pad: var(--ctrl-px-xl);--ctrl-fs: var(--ctrl-fs-xl);box-shadow:var(--sh-4)}&.block{display:flex;inline-size:100%}&.icon{padding-inline:0;aspect-ratio:1}&[aria-busy=true]{cursor:progress;pointer-events:none;&:before{content:"";flex:none;inline-size:1em;block-size:1em;border:var(--bw-2) solid currentColor;border-inline-end-color:transparent;border-block-end-color:transparent;animation:spinner .7s linear infinite}}}.btn-group{display:inline-flex;box-shadow:var(--sh-3);>.btn{position:relative;box-shadow:none;&:hover,&:focus-visible{z-index:var(--z-raised)}&:active{transform:none;box-shadow:none;filter:brightness(.9)}}>.btn+.btn{margin-inline-start:calc(-1 * var(--bw))}&.block{display:flex;>.btn{flex:1;justify-content:center}}&.stack{flex-direction:column;>.btn{justify-content:center}>.btn+.btn{margin-inline-start:0;margin-block-start:calc(-1 * var(--bw))}}}.card{--accent: var(--primary);--accent-d: var(--primary-d);container-type:inline-size;background:var(--panel);border:var(--bw) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--accent);box-shadow:var(--sh-4);padding:var(--sp-4);transition:border-color var(--dur-fast);&:hover{border-block-color:var(--accent);border-inline-end-color:var(--accent)}&.lg{box-shadow:var(--sh-5);padding:var(--sp-5)}>.head{display:flex;align-items:center;gap:var(--sp-3);margin-block-end:var(--sp-3)}.num{flex:none;display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;font-family:var(--font-mono);font-size:var(--fs-chip);font-weight:var(--fw-bold);color:var(--ink-on-accent);background:var(--accent);border:var(--bw-2) solid var(--accent-d);box-shadow:var(--sh-2)}.title{font-family:var(--font-mono);font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--ink);line-height:var(--lh-tight)}}@container (max-width:280px){.card .num{display:none}}.callout{--accent: var(--gold);--mark: "*";position:relative;border:var(--bw-2) solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:var(--pad-box);padding-inline-start:calc(var(--sp-4) + var(--sp-5));font-size:var(--fs-body);&:before{content:var(--mark);content:var(--mark) / "";position:absolute;inset-block-start:var(--sp-3);inset-inline-start:var(--sp-4);inline-size:var(--sp-5);font-family:var(--font-mono);font-weight:var(--fw-bold);line-height:inherit;color:var(--accent)}& b{color:var(--accent)}&.tip{--accent: var(--good);--mark: "+"}&.gotcha{--accent: var(--crit);--mark: "X"}&.memo{--accent: var(--gold);--mark: "#"}&.quest{--accent: var(--purple);--mark: "?"}&.info{--accent: var(--blue);--mark: "i"}&.warn{--accent: var(--warn);--mark: "!"}}.badge{--accent: var(--panel-2);--accent-d: var(--line-hi);display:inline-block;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--text);background:var(--accent);border:var(--bw-2) solid var(--accent-d);box-shadow:var(--sh-2);padding:var(--pad-tight);line-height:var(--lh-tight);&.clear,&.warn,&.crit{color:var(--ink-on-accent)}&.todo{color:var(--dim)}&.clear{--accent: var(--good);--accent-d: var(--good-d)}&.warn{--accent: var(--warn);--accent-d: var(--warn-d)}&.crit{--accent: var(--crit);--accent-d: var(--crit-d)}}.badge[data-accent]{color:var(--ink-on-accent)}:is(dialog,.modal) .palette-list{max-block-size:min(50vh,340px)}.chip{--accent: var(--primary);--accent-d: var(--primary-d);display:inline-flex;align-items:baseline;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-chip);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted);background:var(--panel);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-2);padding:var(--pad-snug);cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);.dot{inline-size:.5rem;block-size:.5rem;background:var(--accent);border:var(--bw-1) solid var(--accent-d)}&:active{transform:translate(1px,1px);box-shadow:var(--sh-1)}&.active,&[aria-pressed=true]{background:var(--accent);color:var(--ink-on-accent);border-color:var(--accent-d)}}nes-code,nes-tabs,nes-tree,nes-chat-prompt,nes-chat-messages,nes-editor,nes-code-tree,nes-mermaid,nes-walkthrough,nes-zoom,nes-annotate,nes-compare,nes-graph{display:block}nes-icon{display:inline-flex;align-items:center;vertical-align:-.125em}nes-icon>svg{display:block}.i-sm{font-size:var(--icon-sm)}.i-md{font-size:var(--icon-md)}.i-lg{font-size:var(--icon-lg)}.i-xl{font-size:var(--icon-xl)}.i-spin>svg,nes-icon.i-spin>svg{transform-origin:center;animation:spinner 1s linear infinite}.icon-box{--accent: var(--primary);display:inline-grid;place-items:center;flex:none;inline-size:2.5rem;block-size:2.5rem;font-size:var(--icon-md);color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--panel));border:var(--bw-2) solid var(--accent);box-shadow:var(--sh-1)}.icon-box.solid{color:var(--ink-on-accent);background:var(--accent);border-color:var(--accent-d)}.icon-box.lg{inline-size:3.5rem;block-size:3.5rem;font-size:var(--icon-lg)}.codeblock{max-inline-size:100%;position:relative;background:var(--slot);border:var(--bw) solid var(--line-hi);box-shadow:var(--sh-3);& pre{margin:0;padding:var(--sp-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-chip);line-height:var(--lh-body);color:var(--text)}.cp{position:absolute;inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted);background:var(--panel-2);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-1);padding:var(--chip-py) var(--chip-px);cursor:pointer;&:hover{color:var(--ink);border-color:var(--primary)}&:active{transform:translate(1px,1px)}}.t-sel{color:var(--purple)}.t-key{color:var(--blue)}.t-str{color:var(--warn)}.t-num{color:var(--lime)}.t-com{color:var(--dim);font-style:italic}.t-at{color:var(--cyan)}.t-fn{color:var(--gold)}}.pbar{--fill: 0%;display:block;block-size:1rem;background:var(--slot);border:var(--bw-2) solid var(--line-hi);overflow:hidden;>i{display:block;block-size:100%;inline-size:var(--fill);background:repeating-linear-gradient(90deg,var(--primary) 0 6px,var(--primary-d) 6px 8px);transition:--fill var(--dur-slow) var(--ease-fill)}}.stat{.n{font-family:var(--font-mono);font-weight:var(--fw-bold);color:var(--accent, var(--primary));font-size:var(--fs-h1);font-variant-numeric:tabular-nums;line-height:var(--lh-tight)}.l{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted)}}.opt{display:flex;align-items:center;gap:var(--sp-3);inline-size:100%;text-align:start;color:var(--text);background:var(--slot);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-2);padding:var(--sp-3);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-body);transition:transform var(--dur-fast) var(--ease);.key{flex:none;display:grid;place-items:center;inline-size:26px;block-size:26px;font-family:var(--font-mono);font-weight:var(--fw-bold);color:var(--muted);background:var(--panel-2);border:var(--bw-2) solid var(--line-hi)}&:hover{border-color:var(--primary)}&:active{transform:translate(1px,1px);box-shadow:var(--sh-1)}&.ok{border-color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent);.key{background:var(--good);border-color:var(--good-d);color:var(--ink-on-accent)}}&.bad{border-color:var(--crit);background:color-mix(in srgb,var(--crit) 12%,transparent);.key{background:var(--crit);border-color:var(--crit-d);color:var(--ink-on-accent)}}&:disabled{cursor:default;&:hover{border-color:var(--line-hi)}}}.avatar{--sz: 2.5rem;--accent: var(--primary);display:inline-grid;place-items:center;overflow:hidden;flex:none;inline-size:var(--sz);block-size:var(--sz);font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:calc(var(--sz) * .38);color:var(--ink-on-accent);background:var(--accent);border:var(--bw-2) solid var(--line);box-shadow:var(--sh-2);& img{inline-size:100%;block-size:100%;object-fit:cover}&.sm{--sz: 1.75rem}&.lg{--sz: 3.5rem}}.avatar-group{display:inline-flex}.avatar-group>.avatar{margin-inline-start:calc(var(--sp-2) * -1);outline:var(--ring-w) solid var(--panel)}.avatar-group>.avatar:first-child{margin-inline-start:0}.kbd{display:inline-block;font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--fs-label);color:var(--ink);line-height:var(--lh-none);background:var(--panel-2);border:var(--bw-2) solid var(--line);box-shadow:var(--sh-1);padding:var(--chip-py) var(--chip-px)}.separator{border:0;block-size:var(--bw-2);inline-size:100%;background:var(--line-hi);margin-block:var(--sp-4);&.dashed{background:repeating-linear-gradient(90deg,var(--line-hi) 0 6px,transparent 6px 12px)}&[data-orientation=vertical]{inline-size:var(--bw-2);block-size:auto;align-self:stretch;margin:0 var(--sp-3);background:var(--line-hi)}}.field{display:flex;flex-direction:column;gap:var(--sp-2);>.label{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted)}>.hint{font-size:var(--fs-chip);color:var(--dim)}.req{color:var(--crit)}&.err{>.label,>.hint{color:var(--crit)}}}.input,.textarea{inline-size:100%;font-family:var(--font-body);font-size:var(--fs-body);color:var(--ink);background:var(--slot);border:var(--bw-2) solid var(--line-hi);block-size:var(--ctrl-h);padding-inline:var(--ctrl-pad);transition:border-color var(--dur-fast);&::placeholder{color:var(--dim)}&:hover{border-color:var(--dim)}&:disabled{color:var(--dim);background:var(--panel);cursor:not-allowed}&[aria-invalid=true]{border-color:var(--crit)}}.textarea{block-size:auto;min-block-size:5.5rem;padding-block:var(--sp-3);line-height:var(--lh-body);resize:vertical}.select{inline-size:100%;font-family:var(--font-body);font-size:var(--fs-body);color:var(--ink);background:var(--slot);cursor:pointer;border:var(--bw-2) solid var(--line-hi);block-size:var(--ctrl-h);padding-inline:var(--ctrl-pad);padding-inline-end:calc(var(--ctrl-pad) + 1.25rem);appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right var(--ctrl-pad) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2356d364' stroke-width='2' fill='none'/%3E%3C/svg%3E");transition:border-color var(--dur-fast);&:hover{border-color:var(--dim)}&:disabled{color:var(--dim);background-color:var(--panel);cursor:not-allowed}}.checkbox,.radio{--accent: var(--primary);--accent-d: var(--primary-d);appearance:none;-webkit-appearance:none;flex:none;inline-size:18px;block-size:18px;display:inline-grid;place-items:center;cursor:pointer;background:var(--slot);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-1);transition:background var(--dur-fast);&:checked{background:var(--accent);border-color:var(--accent-d)}&:disabled{background:var(--panel);cursor:not-allowed}}.checkbox:checked:after{content:"";inline-size:6px;block-size:10px;margin-block-start:-2px;border:solid var(--ink-on-accent);border-width:0 var(--bw-2) var(--bw-2) 0;transform:rotate(45deg)}.radio:checked:after{content:"";inline-size:.5rem;block-size:.5rem;background:var(--ink-on-accent)}.check{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:var(--fs-body);color:var(--text)}.switch{--accent: var(--good);--sw-w: var(--ctrl-h-lg);--sw-h: 22px;--sw-thumb: 16px;appearance:none;-webkit-appearance:none;position:relative;flex:none;cursor:pointer;inline-size:var(--sw-w);block-size:var(--sw-h);background:var(--slot);border:var(--bw-2) solid var(--line-hi);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast);&:after{content:"";position:absolute;inset-block:var(--bw-1);inset-inline-start:var(--bw-1);inline-size:var(--sw-thumb);background:var(--line-hi);border:var(--bw-1) solid var(--line);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast)}&:checked{background:color-mix(in srgb,var(--accent) 28%,var(--slot));border-color:var(--accent)}&:checked:after{transform:translate(calc(var(--sw-w) - 2 * var(--bw-2) - var(--sw-thumb) - 2 * var(--bw-1)));background:var(--accent)}&:disabled{cursor:not-allowed;opacity:var(--op-disabled)}}.skeleton{display:block;block-size:1rem;inline-size:100%;background:var(--panel-2);background-image:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--line-hi) 45%,transparent) 50%,transparent 100%);background-size:220% 100%;animation:skeleton 1.4s linear infinite}@keyframes skeleton{to{background-position:-220% 0}}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;z-index:var(--z-overlay);inset-block-end:calc(100% + var(--sp-2));inset-inline-start:50%;transform:translate(-50%);pointer-events:none;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--ink);background:var(--panel-2);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-2);padding:var(--chip-py) var(--chip-px)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted);& li{display:flex;align-items:center;gap:var(--sp-2)}& li+li:before{content:"\25b8";color:var(--dim)}& a{color:var(--muted)}& a:hover{color:var(--primary)}[aria-current]{color:var(--ink)}}.pagination{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.pg{min-inline-size:2rem;block-size:2rem;padding-inline:var(--sp-2);display:inline-grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted);background:var(--panel);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-1);cursor:pointer;transition:transform var(--dur-fast) var(--ease);&:hover{border-color:var(--primary);color:var(--ink)}&:active{transform:translate(1px,1px);box-shadow:none}&[aria-current=page]{background:var(--primary);color:var(--ink-on-accent);border-color:var(--primary-d);cursor:default}&:disabled{color:var(--dim);cursor:not-allowed;&:hover{border-color:var(--line-hi)}}}.tablist{display:flex;flex-wrap:wrap;gap:var(--sp-1);border-block-end:var(--bw-2) solid var(--line-hi)}.tab{font-family:var(--font-mono);font-size:var(--fs-chip);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted);background:none;border:0;cursor:pointer;padding:var(--pad-box);border-block-end:var(--accent-bar) solid transparent;margin-block-end:calc(var(--bw-2) * -1);transition:color var(--dur-fast);&:hover{color:var(--ink)}&[aria-selected=true]{color:var(--primary);border-block-end-color:var(--primary)}}.tabpanel{padding-block-start:var(--sp-4)}.tabpanel[hidden]{display:none}.dropdown{position:relative;display:inline-block}.dropdown>summary{list-style:none;cursor:pointer}.dropdown>summary::-webkit-details-marker{display:none}.menu{position:absolute;z-index:var(--z-overlay);inset-block-start:calc(100% + var(--sp-2));inset-inline-start:0;min-inline-size:12rem;display:flex;flex-direction:column;gap:var(--sp-hair);background:var(--panel);border:var(--bw) solid var(--line-hi);box-shadow:var(--sh-4);padding:var(--sp-2)}.menu.end{inset-inline-start:auto;inset-inline-end:0}.menuitem{display:flex;align-items:center;gap:var(--sp-2);text-align:start;font-family:var(--font-body);font-size:var(--fs-body);color:var(--text);background:none;border:0;padding:var(--pad-snug);cursor:pointer;&:hover{background:var(--panel-2);color:var(--ink)}&.crit{color:var(--crit);&:hover{background:color-mix(in srgb,var(--crit) 15%,transparent)}}}.modal{--accent: var(--primary);inline-size:min(92vw,32rem);color:var(--text);background:var(--panel);border:var(--bw) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--accent);box-shadow:var(--sh-5);padding:var(--sp-5);&::backdrop{background:color-mix(in srgb,var(--bg) 72%,transparent)}.head{display:flex;align-items:center;gap:var(--sp-3);margin-block-end:var(--sp-3)}.title{font-family:var(--font-mono);font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--ink);flex:1}.foot{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-block-start:var(--sp-5)}}.table-wrap{overflow-x:auto;border:var(--bw) solid var(--line-hi);box-shadow:var(--sh-3)}.table{inline-size:100%;border-collapse:collapse;font-size:var(--fs-body);color:var(--text);background:var(--panel);& th{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted);text-align:start;vertical-align:top;padding:var(--sp-3);background:var(--panel-2);border-block-end:var(--bw-2) solid var(--line-hi);white-space:nowrap}& td{vertical-align:top;padding:var(--sp-3);border-block-end:var(--bw-2) solid color-mix(in srgb,var(--line-hi) 45%,transparent);font-variant-numeric:tabular-nums}& tbody tr:last-child td{border-block-end:0}& tbody tr:hover{background:color-mix(in srgb,var(--line-hi) 12%,transparent)}}.toast-host{position:fixed;z-index:var(--z-overlay);inset-block-end:var(--sp-5);inset-inline:0;margin-inline:auto;inline-size:max-content;max-inline-size:92vw;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{--accent: var(--primary);pointer-events:auto;display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-body);color:var(--text);background:var(--panel);border:var(--bw-2) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--accent);box-shadow:var(--sh-4);padding:var(--pad-box);animation:toast-in var(--dur-mid) var(--ease);touch-action:pan-y;& b{color:var(--accent)}.toast-msg{flex:1;min-inline-size:0}.toast-title{display:block;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--accent)}.toast-act{flex:none}.toast-x{flex:none;inline-size:var(--pip);block-size:var(--pip);display:grid;place-items:center;padding:0;font-family:var(--font-mono);font-size:var(--fs-chip);line-height:var(--lh-none);color:var(--dim);background:none;border:0;cursor:pointer;&:hover{color:var(--ink)}}&[data-paused] .toast-bar{animation-play-state:paused}.toast-bar{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:var(--sp-hair);background:var(--accent);animation:toast-time var(--toast-ms, 3.2s) linear forwards}&:has(.toast-bar){position:relative;overflow:hidden}}@media(pointer:coarse){.toast-x{position:relative}.toast-x:after{content:"";position:absolute;inset:calc((var(--tap) - var(--pip)) / -2)}}@keyframes toast-time{0%{inline-size:100%}to{inline-size:0%}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.spinner{--sz: 1.5rem;--accent: var(--primary);display:inline-block;flex:none;inline-size:var(--sz);block-size:var(--sz);background:var(--slot);border:var(--bw-2) solid var(--line-hi);border-block-start-color:var(--accent);border-inline-end-color:var(--accent);animation:spinner .7s linear infinite;&.sm{--sz: 1rem}&.lg{--sz: 2.5rem;border-width:var(--bw)}}@keyframes spinner{to{transform:rotate(360deg)}}.range{--accent: var(--primary);--accent-d: var(--primary-d);--track-h: .5rem;--thumb: 1.15rem;inline-size:100%;block-size:var(--thumb);appearance:none;-webkit-appearance:none;background:none;cursor:pointer;&:disabled{cursor:not-allowed;opacity:var(--op-disabled)}&::-webkit-slider-runnable-track{block-size:var(--track-h);background:var(--slot);border:var(--bw-2) solid var(--line-hi)}&::-webkit-slider-thumb{-webkit-appearance:none;inline-size:var(--thumb);block-size:var(--thumb);margin-top:calc((var(--track-h) - var(--thumb)) / 2 - var(--bw-2));background:var(--accent);border:var(--bw-2) solid var(--accent-d);box-shadow:var(--sh-2)}&::-moz-range-track{block-size:var(--track-h);background:var(--slot);border:var(--bw-2) solid var(--line-hi)}&::-moz-range-thumb{inline-size:var(--thumb);block-size:var(--thumb);background:var(--accent);border:var(--bw-2) solid var(--accent-d);border-radius:0;box-shadow:var(--sh-2)}}.segment{--accent: var(--primary);--accent-d: var(--primary-d);display:inline-flex;background:var(--panel);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-2);>button{font-family:var(--font-mono);font-size:var(--fs-chip);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted);background:none;border:0;border-inline-start:var(--bw-2) solid var(--line-hi);padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast)}>button:first-child{border-inline-start:0}>button:hover{color:var(--ink)}>button[aria-pressed=true]{color:var(--ink-on-accent);background:var(--accent)}>button:disabled{color:var(--dim);cursor:not-allowed}}.steps{--accent: var(--primary);--accent-d: var(--primary-d);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);counter-reset:step;>li{counter-increment:step;display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--dim)}>li:before{content:counter(step);flex:none;display:grid;place-items:center;inline-size:26px;block-size:26px;font-weight:var(--fw-bold);color:var(--muted);background:var(--slot);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-1)}>li.done{color:var(--muted)}>li.done:before{content:"\2713";color:var(--ink-on-accent);background:var(--accent);border-color:var(--accent-d)}>li[aria-current]{color:var(--ink)}>li[aria-current]:before{color:var(--ink-on-accent);background:var(--accent);border-color:var(--accent-d)}}.meter{--accent: var(--good);--accent-d: var(--good-d);display:inline-flex;gap:var(--sp-hair);>.cell{inline-size:14px;block-size:18px;background:var(--slot);border:var(--bw-2) solid var(--line-hi)}>.cell.on{background:var(--accent);border-color:var(--accent-d)}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;color:var(--muted);background:var(--slot);border:var(--bw-2) dashed var(--line-hi);padding:var(--sp-6) var(--sp-5);.icon{font-size:var(--fs-h1);line-height:var(--lh-none)}.title{font-family:var(--font-mono);font-size:var(--fs-h3);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--ink)}& p{font-size:var(--fs-body);color:var(--dim);max-inline-size:42ch}}.rating{--accent: var(--gold);display:inline-flex;gap:var(--sp-1);font-size:var(--fs-h3);line-height:var(--lh-none);color:var(--line-hi);>.s.on{color:var(--accent)}>button.s{padding:0;background:none;border:0;color:inherit;font:inherit;line-height:var(--lh-none);cursor:pointer;transition:color var(--dur-fast),transform var(--dur-fast) var(--ease)}>button.s:hover{transform:translateY(-1px)}}.rating.lg{font-size:var(--fs-h1)}.drawer{--accent: var(--primary);position:fixed;inset-block:0;inset-inline-start:auto;inset-inline-end:0;margin:0;block-size:100dvh;max-block-size:100dvh;inline-size:min(90vw,22rem);color:var(--text);background:var(--panel);border:0;border-inline-start:var(--bw) solid var(--line-hi);box-shadow:var(--sh-5);padding:var(--sp-5);&::backdrop{background:color-mix(in srgb,var(--bg) 72%,transparent)}&[open]{animation:drawer-in var(--dur-mid) var(--ease)}&.start{inset-inline-end:auto;inset-inline-start:0;border-inline-start:0;border-inline-end:var(--bw) solid var(--line-hi)}&.start[open]{animation:drawer-in-start var(--dur-mid) var(--ease)}.head{display:flex;align-items:center;gap:var(--sp-3);margin-block-end:var(--sp-4)}.title{flex:1;font-family:var(--font-mono);font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--ink)}}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes drawer-in-start{0%{transform:translate(-100%)}}.prose{--accent: var(--primary);color:var(--text);font-size:var(--fs-body);line-height:var(--lh-body);>*{margin-block:0;max-inline-size:var(--prose-measure)}>:is(.table-wrap,table,pre,.codeblock,.code-preview,.diff,.terminal,.card-group,hr,nes-code,nes-mermaid,nes-graph,nes-zoom,nes-walkthrough,nes-compare,nes-annotate,nes-preview,nes-diff,nes-logs,nes-code-tree,nes-split){max-inline-size:none}>:is(img,svg,video){max-inline-size:100%;block-size:auto}>*+*{margin-block-start:var(--sp-4)}>:is(h2,h3){margin-block-start:var(--sp-6)}& a:not(.cite){color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:var(--bw-2)}& a:hover{color:var(--ink)}& ul,ol{padding-inline-start:var(--sp-5)}& ul{list-style:square}& ol{list-style:decimal}& li{margin-block-start:var(--sp-2)}& li::marker{color:var(--accent)}& blockquote{border-inline-start:var(--accent-bar) solid var(--accent);padding-inline-start:var(--sp-4);color:var(--muted);font-style:italic}& hr{border:0;block-size:var(--bw-2);background:var(--line-hi);margin-block:var(--sp-5)}& img{border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-3)}}.datalist{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-body);>dt{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted)}>dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}}@container (max-width:320px){.datalist{grid-template-columns:1fr;gap:var(--sp-1) 0}}.timeline{--accent: var(--primary);--accent-d: var(--primary-d);display:flex;flex-direction:column;>li{position:relative;margin-inline-start:var(--sp-1);padding-inline-start:var(--sp-5);padding-block-end:var(--sp-5);border-inline-start:var(--bw-2) solid var(--line-hi)}>li:last-child{border-inline-start-color:transparent;padding-block-end:0}>li:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:calc((var(--dot) + var(--bw-2)) / -2);inline-size:var(--dot);block-size:var(--dot);background:var(--accent);border:var(--bw-2) solid var(--accent-d);box-shadow:var(--sh-1)}.time{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted)}.title{color:var(--ink);font-weight:var(--fw-bold)}}.stepper{display:inline-flex;align-items:stretch;background:var(--slot);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-2);>button{font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--fs-body);color:var(--muted);background:var(--panel-2);border:0;inline-size:2.25rem;cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast)}>button:hover{color:var(--ink)}>button:first-child{border-inline-end:var(--bw-2) solid var(--line-hi)}>button:last-child{border-inline-start:var(--bw-2) solid var(--line-hi)}>button:disabled{color:var(--dim);cursor:not-allowed}>input{inline-size:3.5rem;text-align:center;font-family:var(--font-mono);font-weight:var(--fw-bold);color:var(--ink);background:none;border:0;padding-block:var(--sp-2);appearance:textfield;-moz-appearance:textfield}>input::-webkit-outer-spin-button,>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}.switcher{--accent: var(--gold);--accent-d: var(--gold-d);display:inline-flex;align-items:stretch;min-block-size:var(--ctrl-h);background:var(--slot);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-2);font-family:var(--font-mono);>button{flex:none;inline-size:var(--ctrl-h);display:grid;place-items:center;color:var(--accent);background:var(--panel-2);border:0;font-size:var(--ctrl-fs);line-height:var(--lh-none);cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast) var(--ease)}>button:first-child{border-inline-end:var(--bw-2) solid var(--line-hi)}>button:last-child{border-inline-start:var(--bw-2) solid var(--line-hi)}>button:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 22%,var(--panel-2))}>button:active{transform:translate(1px,1px)}>button:disabled{color:var(--line-hi);background:var(--panel-2);cursor:not-allowed}>.switcher-label{flex:1;display:grid;place-items:center;min-inline-size:6rem;padding-inline:var(--ctrl-pad);color:var(--ink);font-size:var(--ctrl-fs);text-transform:uppercase;letter-spacing:var(--ls-chrome);white-space:nowrap}}.banner{--accent: var(--primary);display:flex;align-items:center;gap:var(--sp-3);inline-size:100%;font-size:var(--fs-body);color:var(--ink);background:color-mix(in srgb,var(--accent) 16%,var(--panel));border-block-end:var(--bw-2) solid var(--accent);padding:var(--pad-box);& b{color:var(--accent)}.close{margin-inline-start:auto;flex:none;font-family:var(--font-mono);color:var(--muted);background:none;border:0;cursor:pointer}.close:hover{color:var(--ink)}}.navlist{--accent: var(--primary);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:var(--fs-chip);.lab{padding:var(--pad-snug);margin-block-start:var(--sp-3);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--accent)}& a,button{display:flex;align-items:center;gap:var(--sp-2);text-align:start;color:var(--muted);background:none;border:0;border-inline-start:var(--accent-bar) solid transparent;padding:var(--pad-snug);cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast)}& a:hover,button:hover{color:var(--ink);background:color-mix(in srgb,var(--line-hi) 14%,transparent)}[aria-current]{color:var(--accent);border-inline-start-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}}.control-group{--accent: var(--primary);display:flex;flex-direction:column;gap:var(--sp-3);border:0;padding:0;margin:0;min-inline-size:0;>legend{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted);padding:0;margin-block-end:var(--sp-1)}&.row{flex-flow:row wrap;column-gap:var(--sp-4)}&.err>legend{color:var(--crit)}}.swatch{--accent: var(--primary);appearance:none;-webkit-appearance:none;inline-size:var(--ctrl-h);block-size:var(--ctrl-h);flex:none;padding:var(--bw);cursor:pointer;background:var(--slot);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-1);transition:border-color var(--dur-fast);&:hover{border-color:var(--dim)}&:focus-visible{border-color:var(--accent)}&:disabled{cursor:not-allowed;opacity:var(--op-disabled)}&::-webkit-color-swatch-wrapper{padding:0}&::-webkit-color-swatch{border:0}&::-moz-color-swatch{border:0}}.input[type=date],.input[type=time],.input[type=datetime-local],.input[type=month],.input[type=week]{cursor:pointer;&::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;filter:invert(64%) sepia(58%) saturate(560%) hue-rotate(74deg) brightness(96%);transition:opacity var(--dur-fast)}&::-webkit-calendar-picker-indicator:hover{opacity:1}}.pin{display:inline-flex;gap:var(--sp-2);& input{inline-size:var(--ctrl-h);block-size:var(--ctrl-h);text-align:center;font-family:var(--font-mono);font-size:var(--fs-h2);color:var(--ink);background:var(--slot);border:var(--bw-2) solid var(--line-hi);transition:border-color var(--dur-fast);appearance:textfield;-moz-appearance:textfield}& input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}& input:focus-visible{border-color:var(--gold)}& input:disabled{opacity:var(--op-disabled);cursor:not-allowed}}.dropzone{--accent: var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);text-align:center;padding:var(--sp-5) var(--sp-4);color:var(--muted);background:var(--slot);border:var(--bw-2) dashed var(--line-hi);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast);.big{font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--ink)}.sub{font-size:var(--fs-chip);color:var(--dim)}&:hover,&:focus-within{border-color:var(--dim);color:var(--ink)}&.over{border-color:var(--accent);border-style:solid;background:color-mix(in srgb,var(--accent) 10%,var(--slot));color:var(--ink)}}.filelist{display:flex;flex-direction:column;gap:var(--sp-2);margin-block-start:var(--sp-3);padding:0;list-style:none;& li{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted);background:var(--panel-2);border:var(--bw) solid var(--line);padding:var(--pad-snug)}.name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size{color:var(--dim)}.x{background:none;border:0;cursor:pointer;color:var(--dim);font-family:var(--font-mono);line-height:var(--lh-none);&:hover{color:var(--crit)}}}.tags{--accent: var(--primary);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);inline-size:100%;min-block-size:var(--ctrl-h);padding:var(--sp-2);background:var(--slot);border:var(--bw-2) solid var(--line-hi);cursor:text;transition:border-color var(--dur-fast);&:focus-within{border-color:var(--gold)}>input{flex:1;min-inline-size:6ch;border:0;outline:none;background:none;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);&::placeholder{color:var(--dim)}}}.token{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--ink-on-accent);background:var(--accent);padding:var(--sp-hair) var(--sp-2);line-height:var(--lh-heading);.x{background:none;border:0;cursor:pointer;color:inherit;font-family:var(--font-mono);line-height:var(--lh-none);opacity:.8;&:hover{opacity:1}}}.listbox{--accent: var(--primary);display:flex;flex-direction:column;gap:var(--sp-hair);inline-size:100%;max-block-size:16rem;overflow-y:auto;padding:var(--sp-2);background:var(--slot);border:var(--bw-2) solid var(--line-hi);[role=option]{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-body);font-size:var(--fs-body);color:var(--text);padding:var(--pad-snug);cursor:pointer;border:var(--bw) solid transparent;transition:background var(--dur-fast),color var(--dur-fast);&:hover{background:var(--panel-2);color:var(--ink)}}[role=option].active{border-color:var(--line-hi)}[role=option][aria-selected=true]{background:var(--accent);color:var(--ink-on-accent);&:after{content:"\2713";margin-inline-start:auto}}}.combo{--accent: var(--primary);position:relative;display:block;inline-size:100%;>.menu{inline-size:100%;min-inline-size:0;max-block-size:15rem;overflow-y:auto}>.menu[hidden]{display:none}.menuitem.active{background:var(--panel-2);color:var(--ink)}.menuitem[aria-selected=true]{color:var(--accent)}.menu-empty{padding:var(--pad-snug);font-size:var(--fs-chip);color:var(--dim)}>.trigger{display:flex;align-items:center;gap:var(--sp-2);inline-size:100%;text-align:start;font-family:var(--font-body);font-size:var(--fs-body);color:var(--ink);background:var(--slot);border:var(--bw-2) solid var(--line-hi);block-size:var(--ctrl-h);padding-inline:var(--ctrl-pad);cursor:pointer;transition:border-color var(--dur-fast);&:hover{border-color:var(--dim)}&[aria-expanded=true]{border-color:var(--gold)}.ph{color:var(--dim)}.caret{margin-inline-start:auto;color:var(--accent)}}}.tree{--accent: var(--primary);display:block;inline-size:100%;max-block-size:24rem;overflow:auto;font-family:var(--font-body);font-size:var(--fs-body);color:var(--text);background:var(--slot);border:var(--bw-2) solid var(--line-hi);padding:var(--sp-2);[role=group][hidden]{display:none}.row{display:flex;align-items:center;gap:var(--sp-2);padding-block:var(--sp-1);padding-inline:var(--sp-2);padding-inline-start:calc(var(--sp-2) + var(--lvl, 0) * var(--sp-4));cursor:pointer;border:var(--bw) solid transparent;transition:background var(--dur-fast),color var(--dur-fast)}.row:hover{background:var(--panel-2);color:var(--ink)}.chev{flex:none;inline-size:1em;text-align:center;color:var(--muted);font-family:var(--font-mono)}.ic{flex:none}.lab{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[role=treeitem].active>.row{border-color:var(--line-hi)}[role=treeitem][aria-selected=true]>.row{background:var(--accent);color:var(--ink-on-accent);.chev{color:var(--ink-on-accent)}}[role=treeitem][aria-disabled=true]>.row{color:var(--dim);cursor:not-allowed}}.chat{--accent: var(--primary);display:flex;flex-direction:column;gap:var(--sp-4);block-size:100%;min-block-size:0}.chat-messages{display:flex;flex-direction:column;gap:var(--sp-4);flex:1;min-block-size:0;overflow-y:auto;padding:var(--sp-1)}.msg{--accent: var(--primary);display:flex;gap:var(--sp-3);align-items:flex-start}.msg>.avatar{flex:none}.msg .bubble{max-inline-size:min(80%,48ch);padding:var(--sp-3);color:var(--text);font-size:var(--fs-body);line-height:var(--lh-body);background:var(--panel);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-1);>:first-child{margin-block-start:0}>:last-child{margin-block-end:0}}.msg.user{flex-direction:row-reverse}.msg.user .bubble{background:color-mix(in srgb,var(--accent) 20%,var(--panel));border-color:var(--accent)}.chat-prompt{display:flex;align-items:flex-end;gap:var(--sp-2);padding:var(--sp-2);background:var(--slot);border:var(--bw-2) solid var(--line-hi);transition:border-color var(--dur-fast);&:focus-within{border-color:var(--gold)}& textarea{flex:1;border:0;outline:none;resize:none;background:none;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);max-block-size:40vh;&::placeholder{color:var(--dim)}}}.chat-submit{flex:none;inline-size:var(--ctrl-h);block-size:var(--ctrl-h);display:grid;place-items:center;cursor:pointer;color:var(--ink-on-accent);background:var(--accent);border:var(--bw-2) solid var(--accent-d);box-shadow:var(--sh-1);font-family:var(--font-mono);transition:transform var(--dur-fast) var(--ease),filter var(--dur-fast);&:hover{filter:brightness(1.08)}&:active{transform:translate(1px,1px);box-shadow:none}&.busy{color:var(--ink-on-accent);background:var(--crit);border-color:var(--crit-d)}&:disabled{cursor:not-allowed;opacity:.5}}.reasoning{border:var(--bw-2) dashed var(--line-hi);background:color-mix(in srgb,var(--panel) 55%,transparent);>summary{list-style:none;cursor:pointer;padding:var(--pad-snug);font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted)}>summary::-webkit-details-marker{display:none}&[open]>summary{color:var(--gold)}.body{padding:0 var(--sp-3) var(--sp-3);color:var(--dim);font-family:var(--font-mono);font-size:var(--fs-chip);line-height:var(--lh-body);white-space:pre-wrap}}.tool{background:var(--slot);border:var(--bw-2) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-chip);>summary{display:flex;align-items:center;gap:var(--sp-2);list-style:none;cursor:pointer;padding:var(--pad-snug);color:var(--muted)}>summary::-webkit-details-marker{display:none}.tname{color:var(--cyan)}>summary .badge{margin-inline-start:auto}.body{padding:var(--sp-3);border-block-start:var(--bw) solid var(--line);color:var(--dim);white-space:pre-wrap;overflow-x:auto}}.shimmer{display:flex;flex-direction:column;gap:var(--sp-2);>span{display:block;block-size:var(--pip);background:var(--panel-2);background-image:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--line-hi) 45%,transparent) 50%,transparent 100%);background-size:220% 100%;animation:skeleton 1.4s linear infinite}>span:nth-child(2){inline-size:90%}>span:last-child{inline-size:60%}}.chat-palette{display:flex;flex-direction:column;block-size:100%;min-block-size:0;background:var(--panel);border:var(--bw) solid var(--line-hi);box-shadow:var(--sh-4);.chat-messages{padding:var(--sp-4)}.chat-prompt{border:0;border-block-start:var(--bw-2) solid var(--line-hi)}}.composer{--accent: var(--primary);display:flex;flex-direction:column;background:var(--slot);border:var(--bw-2) solid var(--line-hi);transition:border-color var(--dur-fast);&:focus-within{border-color:var(--gold)}.composer-attach{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) 0}& textarea{border:0;outline:none;resize:none;background:none;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);padding:var(--sp-3);max-block-size:40vh;&::placeholder{color:var(--dim)}}.composer-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-block-start:var(--bw-2) solid var(--line)}.composer-hint{margin-inline-start:auto;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim)}}.attach{display:inline-flex;align-items:center;gap:var(--sp-2);max-inline-size:14rem;padding:var(--pad-tight);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted);background:var(--panel-2);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-1);.attach-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-size{flex:none;color:var(--dim)}.attach-x{flex:none;display:grid;place-items:center;padding:0;color:var(--dim);background:none;border:0;cursor:pointer;&:hover{color:var(--crit)}}}.suggest{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.suggest-item{display:inline-flex;align-items:center;gap:var(--sp-2);text-align:start;color:var(--muted);background:var(--panel);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-1);padding:var(--pad-snug);font-family:var(--font-body);font-size:var(--fs-body);cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast) var(--ease);& nes-icon{color:var(--dim)}&:hover{color:var(--ink);border-color:var(--primary);& nes-icon{color:var(--primary)}}&:active{transform:translate(1px,1px);box-shadow:none}}.cite{display:inline-flex;align-items:center;justify-content:center;min-inline-size:18px;padding:0 var(--sp-1);font-family:var(--font-mono);font-size:.7em;font-weight:var(--fw-bold);vertical-align:super;line-height:var(--lh-heading);color:var(--cyan);background:var(--slot);border:var(--bw-1) solid var(--cyan-d);text-decoration:none;cursor:pointer;&:hover{background:color-mix(in srgb,var(--cyan) 22%,transparent)}}@supports (text-box-trim: trim-both){.cite{display:inline-block;text-align:center;text-box-trim:trim-both;text-box-edge:cap alphabetic;padding-block:var(--sp-1)}}.sources{display:flex;flex-direction:column;gap:var(--sp-2);margin-block-start:var(--sp-3)}.source{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-body);color:var(--muted);.source-n{flex:none;inline-size:20px;block-size:20px;display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--fw-bold);color:var(--cyan);background:var(--slot);border:var(--bw-1) solid var(--cyan-d)}.source-title{color:var(--ink);text-decoration:none;&:hover{text-decoration:underline;text-underline-offset:3px}}.source-host{color:var(--dim);font-family:var(--font-mono);font-size:var(--fs-label)}}.editor{--accent: var(--primary);position:relative;display:flex;flex-direction:column;inline-size:100%;background:var(--panel);border:var(--bw-2) solid var(--line-hi);transition:border-color var(--dur-fast)}.editor:focus-within{border-color:var(--gold)}.editor-toolbar{display:flex;align-items:center;gap:var(--sp-hair);overflow-x:auto;padding:var(--sp-2);background:var(--panel-2);border-block-end:var(--bw-2) solid var(--line-hi);scrollbar-width:none}.editor-toolbar::-webkit-scrollbar{display:none}.editor-toolbar button{flex:none;min-inline-size:30px;block-size:30px;padding-inline:var(--sp-2);display:inline-grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted);background:none;border:var(--bw) solid transparent;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.editor-toolbar button:hover{background:var(--slot);color:var(--ink)}.editor-toolbar button.on{color:var(--ink-on-accent);background:var(--accent);border-color:var(--accent-d)}.editor-toolbar .editor-sep{flex:none;inline-size:var(--bw);align-self:stretch;margin-inline:var(--sp-1);background:var(--line-hi)}.editor-lang{flex:none;display:inline-flex;align-items:center;gap:var(--sp-2);margin-inline-start:auto;padding-inline:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted);.pair{display:inline-flex;align-items:center;gap:.25em}.arw{color:var(--primary)}.m{min-inline-size:1.2em;text-align:center;color:var(--ink-on-accent);background:var(--primary);border:var(--bw) solid var(--primary)}}.editor-stats{padding:var(--sp-2) var(--sp-4);border-block-start:var(--bw-2) solid var(--line-hi);background:var(--panel-2);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-chrome);text-transform:uppercase;color:var(--dim)}.editor-content{min-block-size:8rem;max-block-size:60vh;overflow-y:auto;padding:var(--sp-4);padding-inline-start:var(--sp-5);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);outline:none;&[data-empty]:before{content:attr(data-placeholder);color:var(--dim);pointer-events:none}>*{margin-block:0 var(--sp-3)}>:last-child{margin-block-end:0}& h1{font-size:var(--fs-h2);font-weight:var(--fw-bold)}& h2{font-size:var(--fs-lead);font-weight:var(--fw-bold);text-transform:none;letter-spacing:0}& h3{font-size:var(--fs-body);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted)}& ul,ol{padding-inline-start:var(--sp-5)}& ul{list-style:square}& ol{list-style:decimal}& li::marker{color:var(--accent)}& blockquote{margin-inline:0;padding-inline-start:var(--sp-3);border-inline-start:var(--accent-bar) solid var(--accent);color:var(--muted)}:not(pre)>code{font-family:var(--font-mono);font-size:var(--fs-code);color:var(--cyan);background:var(--slot);border:var(--bw) solid var(--line);padding:var(--atom-py) var(--atom-px)}& pre{font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--ink);background:var(--slot);border:var(--bw-2) solid var(--line-hi);padding:var(--sp-3);overflow-x:auto}& a{color:var(--accent);text-decoration:underline}& hr{border:0;border-block-start:var(--bw-2) solid var(--line-hi)}.mention{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);border:var(--bw) solid var(--accent);padding:var(--atom-py) var(--atom-px);font-family:var(--font-mono);font-size:var(--fs-code);white-space:nowrap}.ghost{color:var(--dim);opacity:.75;user-select:none}.ghost:after{content:" \21e5";font-family:var(--font-mono);font-size:.8em;color:var(--accent)}}.editor-menu[hidden]{display:none}.editor-menu{position:absolute;z-index:var(--z-overlay);min-inline-size:12rem;max-block-size:15rem;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-hair);padding:var(--sp-2);background:var(--panel);border:var(--bw) solid var(--line-hi);box-shadow:var(--sh-4);.menuitem .k{flex:none;inline-size:1.4em;text-align:center;color:var(--muted);font-family:var(--font-mono)}.menuitem .sub{margin-inline-start:auto;color:var(--dim);font-size:var(--fs-label)}.menuitem.active{background:var(--panel-2);color:var(--ink)}}.editor-drag{position:absolute;z-index:var(--z-pop);inline-size:1rem;text-align:center;color:var(--dim);cursor:grab;user-select:none;font-family:var(--font-mono);opacity:0;transition:opacity var(--dur-fast),color var(--dur-fast)}.editor-drag.show{opacity:1}.editor-drag:hover{color:var(--accent)}.editor-drag:active{cursor:grabbing}.editor-content .drop-before{box-shadow:0 -2px 0 var(--accent)}.editor-content .drop-after{box-shadow:0 2px 0 var(--accent)}.card-group{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.code-preview{--accent: var(--primary);inline-size:100%;background:var(--panel);border:var(--bw-2) solid var(--line-hi);>.preview{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4)}>nes-code,>.codeblock{display:block;border-block-start:var(--bw-2) solid var(--line-hi)}>nes-code .codeblock,>.codeblock{border:0;box-shadow:none}}.code-group{border:var(--bw-2) solid var(--line-hi);background:var(--slot);>.tablist{background:var(--panel-2);border-block-end:var(--bw-2) solid var(--line-hi);padding-inline:var(--sp-2)}.codeblock,nes-code .codeblock{border:0;box-shadow:none}}.code-collapse{border:var(--bw-2) solid var(--line-hi);background:var(--slot);>summary{list-style:none;cursor:pointer;padding:var(--pad-snug);font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted);border-block-end:var(--bw-2) solid transparent}>summary::-webkit-details-marker{display:none}&[open]>summary{color:var(--accent);border-block-end-color:var(--line-hi)}.codeblock{border:0;box-shadow:none}}.field-group{--accent: var(--primary);inline-size:100%;border:var(--bw-2) solid var(--line-hi);background:var(--slot);>.field-row{padding:var(--pad-box)}>.field-row+.field-row{border-block-start:var(--bw) solid var(--line)}}.field-row{.name{font-family:var(--font-mono);font-weight:var(--fw-bold);color:var(--ink)}.type{font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--cyan);margin-inline-start:var(--sp-2)}.req{color:var(--crit);margin-inline-start:var(--sp-1)}& p{margin:var(--sp-1) 0 0;color:var(--muted);font-size:var(--fs-body)}}.prompt{display:flex;align-items:center;gap:var(--sp-2);inline-size:100%;padding:var(--pad-box);background:var(--slot);border:var(--bw-2) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-body);color:var(--ink);&:before{content:"\276f";color:var(--accent);font-weight:var(--fw-bold)}}.terminal{--accent: var(--primary);inline-size:100%;overflow-x:auto;padding:var(--sp-4);background:var(--slot);border:var(--bw-2) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);white-space:pre;.cmd{display:block;color:var(--ink)}.cmd:before{content:"\276f  ";color:var(--accent);font-weight:var(--fw-bold)}.out{display:block;color:var(--muted)}.ok{color:var(--good)}.err{color:var(--crit)}}.diff{inline-size:100%;overflow-x:auto;background:var(--slot);border:var(--bw-2) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-body);line-height:var(--lh-body);white-space:pre;.add,.del,.ctx{display:block;padding-inline:var(--sp-6) var(--sp-3);color:var(--text)}.add{background:color-mix(in srgb,var(--good) 14%,transparent)}.del{background:color-mix(in srgb,var(--crit) 14%,transparent)}.add:before,.del:before,.ctx:before{display:inline-block;inline-size:1.2em;margin-inline-start:-1.6em;color:var(--dim);content:" "}.add:before{content:"+";color:var(--good)}.del:before{content:"-";color:var(--crit)}.file,.meta{display:block;padding-inline:var(--sp-6) var(--sp-3);color:var(--dim)}.file{background:var(--panel-2);color:var(--muted);font-weight:var(--fw-bold)}.meta{color:var(--cyan)}}.tasklist{list-style:none;margin:0;padding:0;inline-size:100%;& li{display:flex;align-items:baseline;gap:var(--sp-2);padding-block:var(--sp-1);color:var(--text)}& li:before{content:"";flex:none;inline-size:var(--pip);block-size:var(--pip);translate:0 .15em;background:var(--panel-2);border:var(--bw-2) solid var(--line-hi)}& li.done{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line-hi)}& li.done:before{content:"\2713";display:flex;align-items:center;justify-content:center;font-size:var(--fs-chip);color:var(--ink-on-accent);background:var(--good);border-color:var(--good)}}.cb-file{padding:var(--pad-snug);background:var(--panel-2);border:var(--bw-2) solid var(--line-hi);border-block-end:0;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-chrome);color:var(--muted)}.code-tree{display:grid;grid-template-columns:1fr;inline-size:100%;max-block-size:26rem;background:var(--slot);border:var(--bw-2) solid var(--line-hi)}.code-tree>.tree{border:0;border-block-end:var(--bw-2) solid var(--line-hi);max-block-size:10rem;overflow:auto}.code-tree>.ct-view{overflow:auto;min-inline-size:0;.codeblock{border:0;box-shadow:none}.ct-empty{padding:var(--sp-4);color:var(--dim);font-family:var(--font-mono);font-size:var(--fs-chip)}}@media(min-width:36rem){.code-tree{grid-template-columns:minmax(9rem,15rem) minmax(0,1fr)}.code-tree>.tree{border-block-end:0;border-inline-end:var(--bw-2) solid var(--line-hi);max-block-size:none}}nes-mermaid{--accent: var(--primary)}.mermaid-view{inline-size:100%;overflow:auto;padding:var(--sp-4);background:var(--panel);border:var(--bw-2) solid var(--line-hi)}.mermaid-view svg{display:block;max-inline-size:100%;block-size:auto;margin-inline:auto}.mermaid-view :is(.node,.cluster) rect,.mermaid-view rect.actor,.mermaid-view .label-container{rx:0;ry:0}.mermaid-view .mmd-raw{margin:0;font-family:var(--font-mono);font-size:var(--fs-body);color:var(--muted);white-space:pre-wrap;word-break:break-word}.mermaid-view.has-focus :is(.node,.actor,.cluster):not(.nes-focus){opacity:var(--op-dim);transition:opacity var(--dur-fast)}.mermaid-view .nes-focus :is(rect,polygon,circle,path){stroke:var(--accent);stroke-width:3px}.walkthrough{--accent: var(--primary);display:flex;flex-direction:column;gap:var(--sp-4);inline-size:100%;padding:var(--sp-4);background:var(--slot);border:var(--bw-2) solid var(--line-hi);outline:none;&:focus-visible{box-shadow:inset 0 0 0 var(--bw-2) var(--accent)}}.wt-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.wt-title{font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--fs-h3);color:var(--ink)}.wt-count{flex:none;font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted)}.wt-body{min-block-size:3.5rem;color:var(--text);>:first-child{margin-block-start:0}>:last-child{margin-block-end:0}}.wt-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.wt-dots{display:flex;flex:1;flex-wrap:wrap;justify-content:center;gap:var(--sp-2)}.wt-dot{inline-size:.75rem;block-size:.75rem;padding:0;cursor:pointer;background:var(--panel-2);border:var(--bw) solid var(--line-hi);transition:background var(--dur-fast);&[aria-current=true]{background:var(--accent);border-color:var(--accent)}}nes-tabs.lens{border:var(--bw-2) solid var(--line-hi);background:var(--slot);>.tablist{background:var(--panel-2);border-block-end:var(--bw-2) solid var(--line-hi);padding-inline:var(--sp-2)}.tabpanel{padding:var(--sp-4)}.mermaid-view{border:0;padding:0}}.walkthrough.is-auto .wt-head{border-block-end:var(--bw-2) solid var(--accent);padding-block-end:var(--sp-2)}nes-zoom{position:relative}nes-zoom .zoom-view{inline-size:100%;block-size:100%;min-block-size:12rem;overflow:hidden;background:var(--panel);border:var(--bw-2) solid var(--line-hi);cursor:grab;touch-action:none;&.grabbing{cursor:grabbing}}nes-zoom .zoom-stage{inline-size:100%;transform-origin:center center;& svg,img{display:block;max-inline-size:100%;block-size:auto;margin-inline:auto;pointer-events:none}}nes-zoom .zoom-bar{position:absolute;inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);display:flex;gap:var(--sp-2)}nes-annotate{position:relative}.anno-canvas{position:relative;inline-size:100%;& img{display:block;max-inline-size:100%;block-size:auto}}.anno-pin{position:absolute;translate:-50% -50%;inline-size:26px;block-size:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--fw-bold);color:var(--ink-on-accent);background:var(--accent, var(--primary));border:var(--bw-2) solid var(--ink);box-shadow:var(--sh-2);cursor:pointer;z-index:var(--z-raised);&:hover,&.active{background:var(--ink);color:var(--accent, var(--primary))}}.anno-pop{position:absolute;z-index:var(--z-pop);inline-size:min(16rem,80%);margin-block-start:var(--sp-4);margin-inline-start:var(--sp-2);padding:var(--pad-box);background:var(--panel-2);border:var(--bw-2) solid var(--accent, var(--primary));box-shadow:var(--sh-3);font-size:var(--fs-body);color:var(--text);&[hidden]{display:none}}.anno-title{margin-block-end:var(--sp-1);font-family:var(--font-mono);font-weight:var(--fw-bold);color:var(--accent, var(--primary))}.compare{position:relative;display:grid;inline-size:100%;overflow:hidden;border:var(--bw-2) solid var(--line-hi);user-select:none;touch-action:pan-y;>.cmp-a,>.cmp-b{grid-area:1 / 1;inline-size:100%}& img{display:block;inline-size:100%;block-size:auto;pointer-events:none}>.cmp-a{z-index:var(--z-raised)}}.cmp-handle{position:absolute;z-index:var(--z-pop);inset-block:0;inline-size:var(--bw-2);translate:-50% 0;background:var(--accent, var(--primary));cursor:ew-resize;&:before{content:"\25c0\25b6";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;padding:var(--chip-py) var(--chip-px);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--ink-on-accent);background:var(--accent, var(--primary));white-space:nowrap}&:focus-visible{outline:var(--ring-w) solid var(--ink);outline-offset:2px}}.legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}.legend-item{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted);&:before{content:"";inline-size:var(--pip);block-size:var(--pip);flex:none;background:var(--accent, var(--primary));border:var(--bw) solid var(--line-hi)}}:is(.agent,.trace-step,.plan-step,.statusline,.sandbox,.check-item,.runbar,.deploy)[data-state=queued]{--state: var(--steel)}:is(.agent,.trace-step,.plan-step,.statusline,.sandbox,.check-item,.runbar,.deploy)[data-state=thinking]{--state: var(--gold)}:is(.agent,.trace-step,.plan-step,.statusline,.sandbox,.check-item,.runbar,.deploy)[data-state=running]{--state: var(--primary)}:is(.agent,.trace-step,.plan-step,.statusline,.sandbox,.check-item,.runbar,.deploy)[data-state=done]{--state: var(--good)}:is(.agent,.trace-step,.plan-step,.statusline,.sandbox,.check-item,.runbar,.deploy)[data-state=error]{--state: var(--crit)}.agent{display:grid;grid-template-columns:auto 1fr;column-gap:var(--sp-3);align-items:start;background:var(--panel);border:var(--bw-2) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--state, var(--line-hi));box-shadow:var(--sh-3);padding:var(--pad-box);&:before{content:"";grid-row:1 / span 2;align-self:start;margin-block-start:var(--sp-1);inline-size:var(--dot);block-size:var(--dot);background:var(--state, var(--dim));border:var(--bw-1) solid var(--line);box-shadow:var(--sh-1)}&[data-state=thinking]:before,&[data-state=running]:before{animation:blink 1.1s steps(2) infinite}.agent-head{grid-column:2;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-2)}.agent-name{font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--fs-chip);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--ink)}.agent-role{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim)}.agent-task{grid-column:2;min-inline-size:0;margin-block-start:var(--sp-1);font-size:var(--fs-body);color:var(--muted)}}.usage{display:flex;flex-direction:column;gap:var(--sp-2)}.usage-bar{display:flex;block-size:18px;background:var(--slot);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-2);overflow:hidden;>span{flex:0 0 var(--seg, 0%);background:var(--accent, var(--primary));border-inline-end:var(--bw-2) solid var(--line)}}.usage-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted)}.trace{display:flex;flex-direction:column;font-family:var(--font-mono);>.trace-step{position:relative;margin-inline-start:var(--sp-1);padding-inline-start:var(--sp-5);padding-block-end:var(--sp-4);border-inline-start:var(--bw-2) solid var(--line-hi)}>.trace-step:last-child{border-inline-start-color:transparent;padding-block-end:0}>.trace-step:before{content:"";position:absolute;inset-block-start:var(--sp-hair);inset-inline-start:calc((var(--pip) + var(--bw-2)) / -2);inline-size:var(--pip);block-size:var(--pip);background:var(--state, var(--dim));border:var(--bw-2) solid var(--line);box-shadow:var(--sh-1)}>.trace-step[data-state=thinking]:before,>.trace-step[data-state=running]:before{animation:blink 1.1s steps(2) infinite}}.trace-label{color:var(--ink);font-weight:var(--fw-bold);font-size:var(--fs-chip)}.trace-meta{color:var(--dim);font-size:var(--fs-label);margin-inline-start:var(--sp-2)}.trace-detail{margin-block-start:var(--sp-2);font-family:var(--font-body);font-size:var(--fs-body);color:var(--muted)}.trace-step details>summary{display:flex;align-items:baseline;gap:var(--sp-2);cursor:pointer;list-style:none}.trace-step details>summary::-webkit-details-marker{display:none}.trace-caret{transition:transform var(--dur-fast) var(--ease)}.trace-step details[open]>summary .trace-caret{transform:rotate(90deg)}.feedback{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);margin-block-start:var(--sp-3);padding-block-start:var(--sp-3);border-block-start:var(--bw-2) solid var(--line);.feedback-actions{display:flex;gap:var(--sp-2)}.feedback-meta{margin-inline-start:auto;display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim)}}.note{--accent: var(--primary);display:flex;flex-direction:column;gap:var(--sp-2);background:var(--panel);border:var(--bw-2) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--accent);box-shadow:var(--sh-3);padding:var(--pad-box);cursor:pointer;transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease);&:hover{border-inline-end-color:var(--accent);border-block-color:var(--accent)}&:active{transform:translate(1px,1px);box-shadow:var(--sh-1)}.note-head{display:flex;align-items:baseline;gap:var(--sp-3)}.note-title{margin:0;font-family:var(--font-mono);font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--ink)}.note-time{flex:none;margin-inline-start:auto;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim)}.note-excerpt{margin:0;font-size:var(--fs-body);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.note-meta{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim)}}.tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim);background:var(--slot);border:var(--bw-1) solid var(--line-hi);padding:var(--sp-hair) var(--sp-2);cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast);&:hover{color:var(--primary);border-color:var(--primary)}}.wikilink{color:var(--indigo);text-decoration:none;border-block-end:var(--bw-1) dashed color-mix(in srgb,var(--indigo) 60%,transparent);transition:color var(--dur-fast),background var(--dur-fast);&:hover{color:var(--ink);background:color-mix(in srgb,var(--indigo) 14%,transparent);border-block-end-style:solid}&.new{color:var(--dim);border-block-end-color:var(--line-hi)}}.backlinks{display:flex;flex-direction:column;gap:var(--sp-2)}.backlinks-head{display:flex;align-items:center;gap:var(--sp-2);margin:0;font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted)}.backlink{display:flex;flex-direction:column;gap:var(--sp-hair);padding:var(--pad-snug);background:var(--slot);border:var(--bw-2) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--line-hi);box-shadow:var(--sh-1);text-decoration:none;transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease);&:hover{border-inline-start-color:var(--primary)}&:active{transform:translate(1px,1px)}.backlink-title{font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--ink)}.backlink-ctx{font-size:var(--fs-body);color:var(--dim);& mark{color:var(--ink);background:color-mix(in srgb,var(--gold) 32%,transparent)}}}.graph-svg{inline-size:100%;block-size:auto;background:var(--slot);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-2);touch-action:none}.graph-edge{stroke:var(--line-hi);stroke-width:2}.graph-edge.on{stroke:var(--primary);stroke-width:3}.graph-node{cursor:pointer;.graph-dot{fill:var(--accent, var(--primary));stroke:var(--line);stroke-width:2}.graph-label{fill:var(--muted);font-family:var(--font-mono);font-size:var(--fs-h3);text-anchor:middle}&:hover .graph-dot,&:focus-visible .graph-dot{fill:var(--ink)}&:focus-visible{outline:none}&:focus-visible .graph-dot{stroke:var(--gold);stroke-width:3}&.focus .graph-dot{stroke:var(--gold);stroke-width:3}&.focus .graph-label{fill:var(--ink)}&.dim{opacity:var(--op-dim)}}.props{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-1) var(--sp-4);font-size:var(--fs-body);>dt{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--dim);align-self:center}>dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);color:var(--text)}}.outline{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:var(--fs-label);>a{display:block;padding:var(--pad-tight);color:var(--muted);border-inline-start:var(--bw-2) solid var(--line-hi);transition:color var(--dur-fast),border-color var(--dur-fast)}>a:hover{color:var(--ink);border-inline-start-color:var(--primary)}>a.active{color:var(--primary);border-inline-start-color:var(--primary)}>a.lvl-2{padding-inline-start:var(--sp-4)}>a.lvl-3{padding-inline-start:var(--sp-6);color:var(--dim)}}.heatmap{--accent: var(--primary);--accent-d: var(--primary-d);display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:var(--sp-hair);inline-size:max-content;>i{inline-size:12px;block-size:12px;background:var(--slot);border:var(--bw-1) solid var(--line-hi)}>i[data-level="1"]{background:color-mix(in srgb,var(--accent) 30%,var(--slot))}>i[data-level="2"]{background:color-mix(in srgb,var(--accent) 55%,var(--slot))}>i[data-level="3"]{background:color-mix(in srgb,var(--accent) 78%,var(--slot))}>i[data-level="4"]{background:var(--accent);border-color:var(--accent-d)}}.board{display:flex;align-items:flex-start;gap:var(--sp-3);overflow-x:auto;padding-block-end:var(--sp-2)}.board-col{flex:0 0 min(260px,78vw);display:flex;flex-direction:column;gap:var(--sp-2);background:var(--slot);border:var(--bw-2) solid var(--line-hi);border-block-start:var(--accent-bar) solid var(--accent, var(--line-hi));padding:var(--sp-2);>.board-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--pad-tight);font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted);.count{margin-inline-start:auto;color:var(--dim)}}}.board-card{background:var(--panel);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-2);padding:var(--sp-3);font-size:var(--fs-body);color:var(--text);cursor:grab;transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease);&:hover{border-color:var(--primary)}&:active{cursor:grabbing;transform:translate(1px,1px);box-shadow:var(--sh-1)}}.palette{display:flex;flex-direction:column;background:var(--panel);border:var(--bw) solid var(--line-hi);box-shadow:var(--sh-5);.palette-input{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-block-end:var(--bw-2) solid var(--line-hi);color:var(--dim);& input{flex:1;border:0;outline:none;background:none;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-h3);&::placeholder{color:var(--dim)}}}.palette-list{display:flex;flex-direction:column;gap:var(--sp-hair);overflow-y:auto;padding:var(--sp-2)}.palette-empty{padding:var(--sp-4);text-align:center;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim)}}.result{display:flex;align-items:center;gap:var(--sp-3);padding:var(--pad-snug);background:none;border:var(--bw-2) solid transparent;text-align:start;text-decoration:none;color:var(--text);cursor:pointer;&:hover,&.active{background:var(--slot);border-color:var(--line-hi)}&.active{border-color:var(--primary)}.result-icon{flex:none;color:var(--dim)}.result-body{min-inline-size:0;display:flex;flex-direction:column}.result-title{color:var(--ink);font-size:var(--fs-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;& mark{color:var(--ink);background:color-mix(in srgb,var(--gold) 32%,transparent)}}.result-path{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-hint{margin-inline-start:auto;flex:none}}.embed{--accent: var(--primary);background:color-mix(in srgb,var(--panel) 55%,transparent);border:var(--bw-2) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--accent);padding:var(--pad-box);>.embed-head{display:flex;align-items:center;gap:var(--sp-2);margin-block-end:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--dim);& a{color:var(--indigo);text-decoration:none}}>:last-child{margin-block-end:0}}.maturity{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--muted);background:var(--slot);border:var(--bw-2) solid var(--line-hi);padding:var(--sp-hair) var(--sp-2);&:before{content:"\1f331"}&.budding{color:var(--lime);border-color:var(--lime-d);&:before{content:"\1f33f"}}&.evergreen{color:var(--good);border-color:var(--good-d);&:before{content:"\1f333"}}}.tag-cloud{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);.tag .tag-n{margin-inline-start:var(--sp-1);color:var(--dim)}.tag[data-weight="2"]{font-size:var(--fs-chip);color:var(--muted)}.tag[data-weight="3"]{font-size:var(--fs-body);color:var(--primary);border-color:var(--primary)}}.concept{--accent: var(--cyan);background:var(--panel);border:var(--bw-2) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--accent);box-shadow:var(--sh-3);padding:var(--pad-box);>.concept-term{margin:0 0 var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-h3);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--ink);font-style:normal}>.concept-def{margin:0;color:var(--muted);font-size:var(--fs-body)}>.concept-see{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim)}}.note-stats{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim);>span{display:inline-flex;align-items:center;gap:var(--sp-1)}& nes-icon{color:var(--muted)}}.workbench{--wb-rail: var(--rail-w);--wb-side: 22rem;--wb-h: 30rem;display:grid;grid-template-columns:minmax(0,1fr);inline-size:100%;background:var(--screen);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-4);overflow:hidden;>*{min-inline-size:0;overflow:auto}>.wb-rail,>.wb-side{max-block-size:12rem;background:var(--slot);border-block-end:var(--bw-2) solid var(--line-hi)}>.wb-main{display:flex;flex-direction:column;min-block-size:0}@media(min-width:56rem){grid-template-columns:var(--wb-rail) minmax(0,1fr) var(--wb-side);block-size:var(--wb-h);&:not(:has(>.wb-side)){grid-template-columns:var(--wb-rail) minmax(0,1fr)}&:not(:has(>.wb-rail)){grid-template-columns:minmax(0,1fr) var(--wb-side)}&:not(:has(>.wb-rail)):not(:has(>.wb-side)){grid-template-columns:minmax(0,1fr)}>.wb-rail,>.wb-side{max-block-size:none;border-block-end:0}>.wb-rail{border-inline-end:var(--bw-2) solid var(--line-hi)}>.wb-side{border-inline-start:var(--bw-2) solid var(--line-hi)}}}.repobar{--accent: var(--primary);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);inline-size:100%;min-block-size:var(--ctrl-h);padding:var(--pad-snug);background:var(--panel-2);border:var(--bw-2) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted);.repo-name{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-bold);color:var(--ink)}.repo-branch{display:inline-flex;align-items:center;gap:var(--sp-2);min-inline-size:0;color:var(--accent)}.repo-dirty{padding-inline:var(--sp-2);background:color-mix(in srgb,var(--gold) 18%,transparent);border:var(--bw-1) solid var(--gold);font-size:var(--fs-label);letter-spacing:var(--ls-chrome);color:var(--gold)}.repo-actions{display:flex;align-items:center;gap:var(--sp-2);margin-inline-start:auto}}.statusline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4);inline-size:100%;min-block-size:var(--ctrl-h-xs);padding:var(--sp-1) var(--sp-3);background:var(--panel);border-block-start:var(--bw-2) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-chrome);color:var(--dim);.sl-state{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-bold);color:var(--ink);&:before{content:"";inline-size:.5rem;block-size:.5rem;background:var(--state, var(--dim));border:var(--bw-1) solid var(--line)}}&[data-state=thinking] .sl-state:before,&[data-state=running] .sl-state:before{animation:blink 1.1s steps(2) infinite}.sl-item{display:inline-flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.sl-end{display:inline-flex;align-items:center;gap:var(--sp-4);margin-inline-start:auto}}.sandbox{--accent: var(--primary);display:grid;grid-template-columns:auto 1fr;column-gap:var(--sp-3);align-items:start;inline-size:100%;padding:var(--pad-box);background:var(--panel);border:var(--bw-2) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--state, var(--line-hi));box-shadow:var(--sh-3);&:before{content:"";grid-row:1 / span 2;margin-block-start:var(--sp-1);inline-size:var(--dot);block-size:var(--dot);background:var(--state, var(--dim));border:var(--bw-1) solid var(--line);box-shadow:var(--sh-1)}&[data-state=thinking]:before,&[data-state=running]:before{animation:blink 1.1s steps(2) infinite}.sb-head{grid-column:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) var(--sp-3);font-family:var(--font-mono)}.sb-name{font-size:var(--fs-chip);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--ink)}.sb-actions{display:flex;gap:var(--sp-2);margin-inline-start:auto}.sb-specs{grid-column:2;display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);margin-block-start:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim);>span{display:inline-flex;gap:var(--sp-1)}& b{font-weight:var(--fw-regular);color:var(--muted)}}}.plan{counter-reset:plan;list-style:none;margin:0;padding:0;inline-size:100%;font-family:var(--font-mono);>.plan-step{counter-increment:plan;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--sp-3);align-items:start;padding-block:var(--sp-2);font-size:var(--fs-chip);color:var(--text)}>.plan-step+.plan-step{border-block-start:var(--bw-1) solid var(--line-hi)}>.plan-step:before{content:counter(plan);display:flex;align-items:center;justify-content:center;inline-size:1.25rem;block-size:1.25rem;background:color-mix(in srgb,var(--state, var(--panel-2)) 26%,var(--slot));border:var(--bw-2) solid var(--state, var(--line-hi));box-shadow:var(--sh-1);font-size:var(--fs-label);font-weight:var(--fw-bold);color:var(--ink)}>.plan-step[data-state=thinking]:before,>.plan-step[data-state=running]:before{animation:blink 1.1s steps(2) infinite}>.plan-step[data-state=done]{color:var(--muted)}.plan-note{grid-column:2;margin-block-start:var(--sp-1);font-size:var(--fs-label);color:var(--dim)}}.perm{--accent: var(--warn);display:flex;flex-direction:column;gap:var(--sp-2);inline-size:100%;padding:var(--pad-box);background:var(--panel);border:var(--bw-2) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--accent);box-shadow:var(--sh-3);.perm-kind{align-self:flex-start;padding-inline:var(--sp-2);background:var(--accent);border:var(--bw-1) solid var(--line);font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--ink-on-accent)}.perm-target{display:block;overflow-x:auto;padding:var(--pad-snug);background:var(--slot);border:var(--bw-1) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-body);white-space:pre;color:var(--ink)}.perm-why{margin:0;font-size:var(--fs-body);color:var(--muted)}.perm-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-block-start:var(--sp-1)}&.decided{opacity:var(--op-disabled);.perm-actions{display:none}}}.diffstat{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted);.ds-files{font-weight:var(--fw-bold);color:var(--ink)}.ds-add{color:var(--good)}.ds-del{color:var(--crit)}.ds-bar{display:flex;inline-size:5rem;block-size:var(--dot);background:var(--slot);border:var(--bw-1) solid var(--line-hi);>i{flex:0 0 var(--seg, 0%)}>i.add{background:var(--good)}>i.del{background:var(--crit)}}}.filechange{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);inline-size:100%;padding:var(--pad-snug);background:var(--panel);border:var(--bw-1) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-chip);text-align:start;text-decoration:none;color:var(--text);transition:background var(--dur-fast) var(--ease);&:hover{background:var(--panel-2)}.fc-mark{display:flex;align-items:center;justify-content:center;inline-size:18px;block-size:18px;background:color-mix(in srgb,var(--mark, var(--steel)) 26%,var(--slot));border:var(--bw-1) solid var(--mark, var(--steel));font-size:var(--fs-label);font-weight:var(--fw-bold);color:var(--ink)}.fc-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.fc-dir{color:var(--dim)}.fc-count{display:inline-flex;gap:var(--sp-2);font-size:var(--fs-label);.add{color:var(--good)}.del{color:var(--crit)}}}.filechange[data-change=A]{--mark: var(--good)}.filechange[data-change=M]{--mark: var(--gold)}.filechange[data-change=D]{--mark: var(--crit)}.filechange[data-change=R]{--mark: var(--blue)}.hunk{inline-size:100%;background:var(--panel);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-2);>.hunk-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--pad-snug);background:var(--panel-2);font-family:var(--font-mono);font-size:var(--fs-label);list-style:none}>summary.hunk-head{cursor:pointer;&::-webkit-details-marker{display:none}}.hunk-range{color:var(--cyan)}.hunk-scope{color:var(--dim)}.hunk-actions{display:flex;gap:var(--sp-2);margin-inline-start:auto}>.diff,>nes-diff .diff{border:0;border-block-start:var(--bw-2) solid var(--line-hi)}}.checks{list-style:none;margin:0;padding:0;inline-size:100%;font-family:var(--font-mono);>.check-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--pad-snug);background:var(--panel);border:var(--bw-1) solid var(--line-hi);font-size:var(--fs-chip);color:var(--text);&:before{content:"";flex:none;inline-size:var(--pip);block-size:var(--pip);background:var(--state, var(--dim));border:var(--bw-1) solid var(--line);box-shadow:var(--sh-1)}}>.check-item+.check-item{border-block-start:0}>.check-item[data-state=thinking]:before,>.check-item[data-state=running]:before{animation:blink 1.1s steps(2) infinite}.chk-name{font-weight:var(--fw-bold);color:var(--ink)}.chk-meta{font-size:var(--fs-label);color:var(--dim)}.chk-link{margin-inline-start:auto;font-size:var(--fs-label);color:var(--cyan)}}.runbar{--accent: var(--primary);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);inline-size:100%;min-block-size:var(--ctrl-h);padding:var(--pad-snug);background:var(--slot);border:var(--bw-2) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted);&:before{content:"";flex:none;inline-size:var(--dot);block-size:var(--dot);background:var(--state, var(--dim));border:var(--bw-1) solid var(--line)}&[data-state=thinking]:before,&[data-state=running]:before{animation:blink 1.1s steps(2) infinite}.run-cmd{font-weight:var(--fw-bold);color:var(--ink)}.run-url{color:var(--accent)}.run-meta{margin-inline-start:auto;font-size:var(--fs-label);color:var(--dim)}}.logs{display:block;inline-size:100%;max-block-size:var(--logs-h, 14rem);overflow:auto;padding:var(--pad-snug);background:var(--slot);border:var(--bw-2) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted)}.logline{display:block;white-space:pre-wrap;overflow-wrap:anywhere;&[hidden]{display:none}&[data-level=debug]{color:var(--dim)}&[data-level=warn]{color:var(--warn)}&[data-level=error]{color:var(--crit)}&[data-level=done]{color:var(--good)}}.stacktrace{--accent: var(--crit);display:flex;flex-direction:column;gap:var(--sp-2);inline-size:100%;padding:var(--pad-box);background:var(--panel);border:var(--bw-2) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--accent);box-shadow:var(--sh-3);.st-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) var(--sp-3);font-family:var(--font-mono)}.st-kind{font-size:var(--fs-chip);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--accent)}.st-msg{font-family:var(--font-body);font-size:var(--fs-body);color:var(--ink)}.st-frames{list-style:none;margin:0;padding:0;overflow-x:auto;background:var(--slot);border:var(--bw-1) solid var(--line-hi);font-family:var(--font-mono);font-size:var(--fs-label)}.st-frame{display:flex;gap:var(--sp-3);padding:var(--pad-tight);white-space:nowrap;color:var(--dim)}.st-frame.app{background:color-mix(in srgb,var(--crit) 10%,transparent);color:var(--text)}.st-fn{color:var(--muted)}.st-frame.app .st-fn{color:var(--ink)}.st-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}}.ckpt{--accent: var(--primary);list-style:none;margin:0;padding:0;inline-size:100%;font-family:var(--font-mono);>.ckpt-item{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);padding-block:var(--sp-2);padding-inline:var(--sp-5) var(--sp-3);border-inline-start:var(--bw-2) solid var(--line-hi);font-size:var(--fs-chip);color:var(--muted);&:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:calc((var(--pip) + var(--bw-2)) / -2);translate:0 -50%;inline-size:var(--pip);block-size:var(--pip);background:var(--slot);border:var(--bw-2) solid var(--line-hi)}}>.ckpt-item:last-child{border-inline-start-color:transparent}>.ckpt-item.current{color:var(--ink);&:before{background:var(--accent);border-color:var(--accent)}}.cp-time{flex:none;font-size:var(--fs-label);color:var(--dim)}.cp-label{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-actions{margin-inline-start:auto}}.deploy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);inline-size:100%;min-block-size:var(--ctrl-h);padding:var(--pad-snug);background:var(--panel);border:var(--bw-2) solid var(--line-hi);border-inline-start:var(--accent-bar) solid var(--state, var(--line-hi));box-shadow:var(--sh-2);font-family:var(--font-mono);font-size:var(--fs-chip);color:var(--muted);.dp-env{font-size:var(--fs-label);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--ink)}.dp-url{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cyan)}.dp-meta{margin-inline-start:auto;font-size:var(--fs-label);color:var(--dim)}}.filetabs{--accent: var(--primary);display:flex;inline-size:100%;overflow-x:auto;background:var(--panel-2);border-block-end:var(--bw-2) solid var(--line-hi);scrollbar-width:thin;.filetab{display:inline-flex;flex:none;align-items:center;gap:var(--sp-2);min-block-size:var(--ctrl-h-sm);padding-inline:var(--sp-3);background:var(--slot);border-inline-end:var(--bw-1) solid var(--line-hi);border-block-end:var(--bw-2) solid transparent;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--dim)}.filetab.active{background:var(--screen);border-block-end-color:var(--accent);color:var(--ink)}.ft-name,.ft-close{padding:0;background:none;border:0;font:inherit;color:inherit;cursor:pointer}.ft-close{line-height:var(--lh-none);color:var(--dim);&:hover{color:var(--crit)}}.ft-dirty{flex:none;inline-size:6px;block-size:6px;background:var(--gold)}}.appview{--accent: var(--primary);display:flex;flex-direction:column;inline-size:100%;background:var(--screen);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-4);.av-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-2);background:var(--panel-2);border-block-end:var(--bw-2) solid var(--line-hi)}.av-url{flex:1 1 8rem;min-inline-size:0}.av-stage{display:flex;justify-content:center;overflow:auto;padding:var(--sp-3);background:var(--bg)}& iframe{inline-size:var(--av-w, 100%);max-inline-size:100%;block-size:var(--av-h, 22rem);background:var(--screen);border:var(--bw-2) solid var(--line);box-shadow:var(--sh-3)}}.appview[data-view=mobile]{--av-w: 375px}.appview[data-view=tablet]{--av-w: 768px}.appview[data-view=desktop]{--av-w: 100%}nes-toc{--accent: var(--primary);display:block;position:sticky;inset-block-start:var(--toc-top, 0px);z-index:var(--z-sticky);margin-block-end:var(--sp-5);background:var(--panel);border:var(--bw-2) solid var(--line-hi);&[hidden]{display:none}.toc-bar{display:flex;align-items:center;gap:var(--sp-2);inline-size:100%;min-block-size:var(--ctrl-h-lg);padding-inline:var(--sp-4);background:none;border:0;cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);text-align:start;color:var(--accent)}.toc-now{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:normal;color:var(--muted)}.toc-caret{margin-inline-start:auto;transition:rotate var(--dur-fast) var(--ease)}&[data-open] .toc-caret{rotate:180deg}.toc-lab{display:none;font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--accent)}.outline{display:none;max-block-size:50dvh;overflow-y:auto;padding:0 var(--sp-3) var(--sp-3);border-block-start:var(--bw-2) solid var(--line-hi)}&[data-open] .outline{display:flex}}nes-toc[data-rail]{block-size:calc(100dvh - var(--toc-top, 0px));overflow-y:auto;margin-block-end:0;padding:var(--sp-5) var(--sp-4) var(--sp-7) 0;background:none;border:0;.toc-bar{display:none}.toc-lab{display:block;margin-block-end:var(--sp-3)}.outline{display:flex;max-block-size:none;overflow:visible;padding:0;border-block-start:0}}.toolbar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--pad-snug);background:var(--panel);border:var(--bw-2) solid var(--line-hi);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;&::-webkit-scrollbar{display:none}>*{flex:none}&.wrap{flex-wrap:wrap;overflow:visible}.toolbar-gap{flex:1 1 auto;min-inline-size:var(--sp-2)}.toolbar-sep{align-self:stretch;inline-size:var(--bw-2);margin-inline:var(--sp-1);background:var(--line-hi)}}.popover{position:fixed;margin:0;inline-size:max-content;max-inline-size:min(92vw,22rem);padding:var(--pad-box);color:var(--text);background:var(--panel);border:var(--bw-2) solid var(--line-hi);box-shadow:var(--sh-4);&::backdrop{background:none}&:popover-open{animation:pop-in var(--dur-fast) var(--ease)}.popover-title{display:block;margin-block-end:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-chrome);color:var(--accent, var(--primary))}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}nes-split{--split: 50%;display:grid;grid-template-columns:var(--split) auto minmax(0,1fr);inline-size:100%;background:var(--slot);border:var(--bw-2) solid var(--line-hi);&[dir=column]{grid-template-columns:none;grid-template-rows:var(--split) auto minmax(0,1fr)}>*{min-inline-size:0;overflow:auto}.split-bar{position:relative;inline-size:var(--sp-2);background:var(--line-hi);border:0;padding:0;cursor:col-resize;touch-action:none;&:hover,&:focus-visible{background:var(--accent, var(--primary))}}&[dir=column] .split-bar{inline-size:auto;block-size:var(--sp-2);cursor:row-resize}&[data-dragging]{user-select:none;>*{pointer-events:none}.split-bar{pointer-events:auto;background:var(--accent, var(--primary))}}}@media(pointer:coarse){.btn,.select,.input,.swatch,.tags,.combo>.trigger{min-block-size:var(--tap)}.swatch{min-inline-size:var(--tap)}.pg,.stepper>button{min-inline-size:var(--tap-dense)}.chip,.pg,.segment>button,.stepper>button,.suggest-item,.result,.outline>a,.filetabs .filetab,.filechange{min-block-size:var(--tap-dense)}.check{min-block-size:var(--tap)}.split-bar:after{content:"";position:absolute;inset-block:0;inset-inline:calc((var(--tap) - var(--sp-2)) / -2)}nes-split[dir=column] .split-bar:after{inset-inline:0;inset-block:calc((var(--tap) - var(--sp-2)) / -2)}.filetabs .ft-close{min-inline-size:1.75rem;min-block-size:1.75rem}.pin input{inline-size:2.75rem;block-size:2.75rem}.checkbox,.radio{position:relative;inline-size:22px;block-size:22px}.switch{position:relative}:is(.checkbox,.radio,.switch):before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:max(100%,var(--tap));block-size:max(100%,var(--tap))}.menuitem{padding-block:var(--sp-3)}.tree .row{padding-block:var(--sp-2)}.input,.textarea,.select,.tags>input,.chat-prompt textarea,.composer textarea{font-size:max(16px,var(--fs-body))}.chat-submit{--ctrl-h: var(--ctrl-h-lg)}.wt-dot{position:relative}.wt-dot:after{content:"";position:absolute;inset:-1rem}}}