@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-600-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2")}:root{color-scheme:dark;--ink-0: oklch(.11 .005 265);--ink-1: oklch(.146 .005 265);--ink-2: oklch(.178 .006 265);--ink-3: oklch(.215 .006 265);--ink-4: oklch(.262 .007 265);--ink-5: oklch(.325 .008 264);--ink-6: oklch(.42 .008 262);--ink-7: oklch(.56 .009 260);--ink-8: oklch(.72 .008 258);--ink-9: oklch(.88 .005 255);--ink-10: oklch(.972 .003 250);--cyan-300: oklch(.905 .088 200);--cyan-400: oklch(.855 .11 200);--cyan-500: oklch(.802 .128 200);--cyan-600: oklch(.7 .126 203);--cyan-700: oklch(.575 .115 206);--green-300: oklch(.925 .14 145);--green-400: oklch(.878 .168 143);--green-500: oklch(.832 .188 142);--green-600: oklch(.72 .168 143);--green-700: oklch(.602 .148 145);--amber-400: oklch(.862 .13 82);--amber-500: oklch(.818 .142 80);--amber-600: oklch(.72 .14 72);--red-400: oklch(.72 .176 26);--red-500: oklch(.66 .192 25);--red-600: oklch(.575 .19 26);--blue-400: oklch(.76 .118 248);--blue-500: oklch(.7 .132 248);--magenta-500: oklch(.742 .168 330);--color-bg-canvas: var(--ink-0);--color-bg-page: var(--ink-1);--color-bg-inset: var(--ink-2);--color-bg-elevated: var(--ink-3);--color-text-primary: var(--ink-10);--color-text-secondary: var(--ink-8);--color-text-tertiary: oklch(.62 .009 260);--color-text-disabled: var(--ink-6);--color-border-subtle: var(--ink-4);--color-border-default: var(--ink-5);--color-border-strong: var(--ink-6);--color-border-focus: var(--cyan-500);--color-accent-primary: var(--cyan-500);--color-accent-primary-ink: var(--ink-0);--color-accent-secondary: var(--green-500);--color-success: var(--green-500);--color-warning: var(--amber-500);--color-error: var(--red-500);--color-info: var(--blue-500);--color-success-surface: oklch(.832 .188 142 / .12);--color-warning-surface: oklch(.818 .142 80 / .12);--color-error-surface: oklch(.66 .192 25 / .14);--color-info-surface: oklch(.7 .132 248 / .12);--viz-series-1: var(--cyan-500);--viz-series-2: var(--amber-500);--viz-series-3: var(--magenta-500);--viz-series-4: var(--green-500);--viz-series-5: var(--blue-500);--viz-edge: oklch(.42 .008 262);--viz-edge-active: var(--cyan-500);--viz-node: oklch(.64 .008 258);--viz-node-active: var(--ink-10);--viz-selection: oklch(.802 .128 200 / .18);--code-text: var(--ink-9);--code-keyword: var(--cyan-400);--code-string: var(--green-400);--code-number: var(--amber-500);--code-function: var(--magenta-500);--code-comment: var(--ink-7);--code-punct: var(--ink-8);--color-bg-translucent: oklch(.146 .005 265 / .82);--color-bg-translucent-inset: oklch(.178 .006 265 / .9);--overlay-scrim: oklch(0 0 0 / .62);--overlay-hover: oklch(1 0 0 / .045);--overlay-press: oklch(1 0 0 / .075);--focus-ring: oklch(.802 .128 200 / .55);--font-sans: "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--display-sm: 1.875rem;--display-md: 2.75rem;--display-lg: 4rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-label: .14em;--tracking-wide: .22em;--measure-prose: 68ch;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--space-11: 12rem;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-control-sm: 32px;--size-control-md: 40px;--size-control-lg: 48px;--size-touch-min: 44px;--container-max: 1200px;--container-narrow: 920px;--container-prose: 680px;--radius-none: 0;--radius-sm: 3px;--radius-md: 7px;--radius-lg: 12px;--radius-full: 999px;--border-width-hair: 1px;--border-width-thick: 2px;--elevation-0: none;--elevation-1: 0 1px 1px oklch(0 0 0 / .3), 0 1px 2px oklch(0 0 0 / .32);--elevation-2: 0 2px 4px oklch(0 0 0 / .34), 0 6px 14px oklch(0 0 0 / .4);--elevation-3: 0 4px 8px oklch(0 0 0 / .38), 0 16px 40px oklch(0 0 0 / .48);--glow-sm: 0 0 0 1px oklch(.802 .128 200 / .45), 0 0 10px oklch(.802 .128 200 / .28);--glow-md: 0 0 0 1px oklch(.802 .128 200 / .55), 0 0 20px oklch(.802 .128 200 / .34);--glow-focus: 0 0 0 2px var(--color-bg-page), 0 0 0 4px var(--focus-ring);--motion-instant: 80ms;--motion-fast: .16s;--motion-normal: .28s;--motion-slow: .52s;--motion-pulse: 1.4s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-enter: cubic-bezier(0, 0, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-signal: cubic-bezier(.65, 0, .35, 1);--canvas-node-r-min: .8px;--canvas-node-r-max: 2.2px;--canvas-edge-width: .6px;--canvas-link-dist: 140px;--canvas-pointer-r: 180px;--canvas-node-color: var(--viz-node);--canvas-edge-color: var(--viz-edge);--canvas-active-color: var(--cyan-500);--z-canvas: 0;--z-content: 10;--z-sticky: 100;--z-overlay: 1000;--z-toast: 1100}@media(prefers-reduced-motion:reduce){:root{--motion-instant: 1ms;--motion-fast: 1ms;--motion-normal: 1ms;--motion-slow: 1ms;--motion-pulse: 1ms}}:root[data-theme=light]{color-scheme:light;--color-bg-canvas: oklch(.985 .002 250);--color-bg-page: oklch(.995 .001 250);--color-bg-inset: oklch(.96 .003 255);--color-bg-elevated: oklch(1 0 0);--color-text-primary: oklch(.205 .01 265);--color-text-secondary: oklch(.42 .01 262);--color-text-tertiary: oklch(.52 .01 260);--color-text-disabled: oklch(.7 .008 258);--color-border-subtle: oklch(.92 .004 258);--color-border-default: oklch(.87 .005 258);--color-border-strong: oklch(.78 .006 258);--color-accent-primary: oklch(.5 .12 208);--color-accent-primary-ink: oklch(.995 .001 250);--color-accent-secondary: var(--green-700);--code-keyword: var(--cyan-700);--code-string: var(--green-700);--code-comment: oklch(.56 .01 260);--color-bg-translucent: oklch(.995 .001 250 / .82);--color-bg-translucent-inset: oklch(.96 .003 255 / .9);--overlay-hover: oklch(0 0 0 / .045);--overlay-press: oklch(0 0 0 / .075);--focus-ring: oklch(.575 .115 206 / .6);--elevation-1: 0 1px 1px oklch(0 0 0 / .04), 0 1px 2px oklch(0 0 0 / .06);--elevation-2: 0 2px 4px oklch(0 0 0 / .05), 0 6px 14px oklch(0 0 0 / .08);--elevation-3: 0 4px 8px oklch(0 0 0 / .06), 0 16px 40px oklch(0 0 0 / .1)}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}::-webkit-scrollbar{width:14px;height:14px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full);border:4px solid transparent;background-clip:padding-box;transition:background-color var(--motion-fast) var(--ease-standard)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--color-accent-primary);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.scrollbar-slim::-webkit-scrollbar{width:10px;height:10px}.scrollbar-slim::-webkit-scrollbar-thumb{border-width:3px}body{background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--viz-selection);color:var(--color-text-primary)}a{color:inherit}:focus-visible{outline:none;box-shadow:var(--glow-focus);border-radius:var(--radius-sm)}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:var(--z-toast);background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-strong);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);transform:translateY(-200%);transition:transform var(--motion-fast) var(--ease-enter)}.skip-link:focus{transform:translateY(0)}.canvas-bg{position:fixed;inset:0;z-index:var(--z-canvas);background:var(--color-bg-canvas)}.canvas-bg canvas{display:block;width:100%;height:100%}.shell{position:relative;z-index:var(--z-content);max-width:var(--container-max);margin:0 auto;padding:0 var(--space-5);display:grid;grid-template-columns:1fr;gap:var(--space-7)}@media(min-width:960px){.shell{grid-template-columns:232px minmax(0,1fr);gap:var(--space-9);padding:0 var(--space-7)}}.index{display:none}@media(min-width:960px){.index{display:block;position:sticky;top:0;align-self:start;height:100vh;padding:var(--space-8) 0 var(--space-6);overflow-y:auto}}.index__brand{font:var(--weight-bold) var(--text-lg)/1 var(--font-mono);letter-spacing:.02em;margin-bottom:var(--space-2)}.index__brand b{color:var(--color-accent-primary)}.index__tag{font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:var(--tracking-label)}.index__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1px}.index__list a{display:flex;gap:var(--space-3);align-items:baseline;text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);border-left:2px solid transparent;transition:color var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast)}.index__list a:hover{color:var(--color-text-primary);background:var(--overlay-hover)}.index__list a.is-active{color:var(--color-text-primary);border-left-color:var(--color-accent-primary)}.index__num{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary);min-width:1.4em}.index__list a.is-active .index__num{color:var(--color-accent-primary)}.index__label{font-size:var(--text-sm)}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:var(--color-bg-translucent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-subtle);font:var(--weight-bold) var(--text-sm)/1 var(--font-mono)}.topbar b{color:var(--color-accent-primary)}.topbar span{color:var(--color-text-tertiary);font-weight:var(--weight-regular)}@media(min-width:960px){.topbar{display:none}}.masthead{position:relative;z-index:var(--z-content);min-height:92vh;display:flex;flex-direction:column;justify-content:center;max-width:var(--container-max);margin:0 auto;padding:var(--space-9) var(--space-5) var(--space-8);pointer-events:none}@media(min-width:960px){.masthead{padding-inline:var(--space-7)}}.masthead>*{pointer-events:auto}.eyebrow{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary);display:inline-flex;align-items:center;gap:var(--space-2)}.eyebrow:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-accent-primary);box-shadow:var(--glow-sm)}.masthead__mark{font:var(--weight-bold) clamp(3rem,9vw,var(--display-lg))/1 var(--font-mono);letter-spacing:-.02em;margin:var(--space-5) 0 var(--space-4)}.masthead__mark b{color:var(--color-accent-primary)}.masthead__line{font-size:clamp(1.5rem,4vw,var(--display-md));font-weight:var(--weight-regular);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);max-width:18ch}.masthead__sub{margin-top:var(--space-5);max-width:54ch;color:var(--color-text-secondary);font-size:var(--text-lg)}.masthead__meta{margin-top:var(--space-7);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}.masthead__meta span b{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.masthead__hint{margin-top:var(--space-8);font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label);display:inline-flex;align-items:center;gap:var(--space-3)}.masthead__hint .pulse-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-accent-primary);animation:hintPulse var(--motion-pulse) var(--ease-signal) infinite}@keyframes hintPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.masthead__hint .pulse-dot{animation:none;opacity:.8}}.section{position:relative;padding:var(--space-9) 0;border-top:1px solid var(--color-border-subtle);scroll-margin-top:var(--space-6)}.section__head{margin-bottom:var(--space-7);max-width:var(--measure-prose)}.section__num{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-accent-primary);letter-spacing:var(--tracking-label)}.section__title{font-size:var(--display-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin:var(--space-3) 0 var(--space-4)}.section__intro{color:var(--color-text-secondary);font-size:var(--text-lg)}.subhead{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary);margin:var(--space-8) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.subhead:first-of-type{margin-top:var(--space-2)}.surface{background:var(--color-bg-translucent);backdrop-filter:blur(6px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.prose{max-width:var(--measure-prose);color:var(--color-text-secondary)}.prose p+p{margin-top:var(--space-4)}.prose strong{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.grid{display:grid;gap:var(--space-4)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.swatch{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-elevated)}.swatch__chip{height:76px;width:100%;display:block}.swatch__body{padding:var(--space-3);display:flex;flex-direction:column;gap:2px}.swatch__name{font:var(--weight-medium) var(--text-sm)/1.3 var(--font-sans)}.swatch__var{font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary);word-break:break-all}.swatch__val{font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary)}.swatch__use{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.ramp{display:grid;grid-template-columns:repeat(11,1fr);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-subtle)}.ramp__step{aspect-ratio:1 / 1.3;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.ramp__step span{font:var(--weight-regular) 10px/1 var(--font-mono);color:var(--color-text-tertiary);mix-blend-mode:difference}@media(max-width:640px){.ramp{grid-template-columns:repeat(6,1fr)}}.tokens{display:flex;flex-direction:column}.token-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.token-row__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.token-row__name{font:var(--weight-medium) var(--text-xs)/1.3 var(--font-mono);color:var(--color-text-secondary)}.token-row__use{font-size:var(--text-xs);color:var(--color-text-tertiary)}.token-row__demo{display:flex;align-items:center;gap:var(--space-4);justify-content:flex-end}.token-row__val{font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary);white-space:nowrap}.bar{height:14px;background:var(--color-accent-primary);border-radius:var(--radius-sm);opacity:.85}.bar--ghost{background:var(--color-border-strong)}.panel{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5)}.specimen{background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5);position:relative}.specimen__label{position:absolute;top:var(--space-3);right:var(--space-3);font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}.type-row__spec{font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary);min-width:130px}.code{background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow-x:auto;font:var(--weight-regular) var(--text-sm)/1.65 var(--font-mono);color:var(--code-text);tab-size:2}.code .c-key{color:var(--code-keyword)}.code .c-str{color:var(--code-string)}.code .c-num{color:var(--code-number)}.code .c-fn{color:var(--code-function)}.code .c-com{color:var(--code-comment)}.code .c-pun{color:var(--code-punct)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:6px 10px;border-radius:var(--radius-full);border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.dot{width:8px;height:8px;border-radius:var(--radius-full);flex:none}.kbd{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);padding:3px 7px;border-radius:var(--radius-sm);background:var(--color-bg-inset);border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.note{border-left:2px solid var(--color-border-strong);padding:var(--space-2) 0 var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.note--do{border-left-color:var(--color-success)}.note--dont{border-left-color:var(--color-error)}.note b{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label)}.note--do b{color:var(--color-success)}.note--dont b{color:var(--color-error)}.do-dont{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.tbl{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.tbl th,.tbl td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.tbl th{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary)}.tbl td.num{text-align:right;font-family:var(--font-mono)}.tbl tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);padding:6px 10px;border-radius:var(--radius-sm);border:1px solid transparent}.footer{position:relative;z-index:var(--z-content);max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-9);border-top:1px solid var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-5) var(--space-7);justify-content:space-between;font:var(--weight-regular) var(--text-xs)/1.6 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}@media(min-width:960px){.footer{padding-inline:var(--space-7)}}.footer b{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.stack-2>*+*{margin-top:var(--space-2)}.stack-3>*+*{margin-top:var(--space-3)}.stack-4>*+*{margin-top:var(--space-4)}.stack-5>*+*{margin-top:var(--space-5)}.row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.muted{color:var(--color-text-tertiary)}.mono{font-family:var(--font-mono)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dur-demo{cursor:default}.dur-demo__track{height:40px;background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);position:relative;overflow:hidden;margin-top:var(--space-3)}.dur-demo__dot{position:absolute;top:50%;left:6px;width:18px;height:18px;margin-top:-9px;border-radius:var(--radius-full);background:var(--color-accent-primary);box-shadow:var(--glow-sm);transition:transform var(--d) var(--ease-standard)}.dur-demo:hover .dur-demo__dot{transform:translate(calc(100% + 100px))}.ease-demo{background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.ease-demo__track{position:relative;height:28px;margin-top:var(--space-3)}.ease-demo__dot{position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-8px;border-radius:var(--radius-full);background:var(--color-accent-secondary);transition:transform .9s var(--e)}.ease-demo:hover .ease-demo__dot{transform:translate(calc(100% + 220px))}.mp-trace{transition:box-shadow var(--motion-fast) var(--ease-standard),border-color var(--motion-fast)}.mp-trace:hover{box-shadow:var(--glow-md);border-color:var(--color-accent-primary)}.mp-pulse:after{content:"";position:absolute;inset:-1px;border-radius:var(--radius-full);border:1px solid var(--color-accent-primary);opacity:0;pointer-events:none}.mp-pulse:active:after{animation:pulseRing var(--motion-slow) var(--ease-exit)}@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.mp-load{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent-primary);animation:loadPulse var(--motion-pulse) var(--ease-signal) infinite;animation-delay:calc(var(--i) * .18s)}@keyframes loadPulse{0%,to{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.mp-load{animation:none;opacity:.6}}.st-demo{font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);height:var(--size-control-md);padding:0 var(--space-5);display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;white-space:nowrap;transition:background var(--motion-instant),border-color var(--motion-instant),box-shadow var(--motion-fast),color var(--motion-instant)}.st-demo:hover:not(:disabled){background:color-mix(in oklab,var(--color-bg-elevated),white 5%)}.st-demo:active:not(:disabled){background:color-mix(in oklab,var(--color-bg-elevated),white 8%)}.st-demo:disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:1;border-color:var(--color-border-subtle)}.st-demo--hover{background:color-mix(in oklab,var(--color-bg-elevated),white 5%)}.st-demo--focus{box-shadow:var(--glow-focus)}.st-demo--active{background:color-mix(in oklab,var(--color-bg-elevated),white 8%);transform:translateY(1px)}.st-demo--loading{color:var(--color-text-secondary)}.st-demo--primary{background:var(--color-accent-primary);color:var(--color-accent-primary-ink);border-color:var(--color-accent-primary);font-weight:var(--weight-semibold)}.st-demo--primary:hover:not(:disabled){box-shadow:var(--glow-sm);background:var(--cyan-400)}.st-demo--tertiary{background:transparent;border-color:transparent;color:var(--color-text-secondary);padding-inline:var(--space-2)}.st-demo--tertiary:hover{color:var(--color-text-primary);background:transparent;text-decoration:underline;text-underline-offset:3px}.st-spin{width:13px;height:13px;border-radius:var(--radius-full);border:2px solid color-mix(in oklab,var(--color-text-secondary),transparent 65%);border-top-color:var(--color-accent-primary);animation:stSpin .7s linear infinite}@keyframes stSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.st-spin{animation-duration:2s}}.media-ph{aspect-ratio:16 / 10;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);background-color:var(--color-bg-inset);background-image:repeating-linear-gradient(-45deg,transparent 0 11px,color-mix(in oklab,var(--color-border-subtle),transparent 35%) 11px 12px)}.media-ph span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label)}.media-ph--diagram{background-image:radial-gradient(circle at 22% 38%,var(--color-border-strong) 0 2px,transparent 2px),radial-gradient(circle at 70% 30%,var(--color-border-strong) 0 2px,transparent 2px),radial-gradient(circle at 52% 70%,var(--color-accent-primary) 0 2px,transparent 2px),radial-gradient(circle at 82% 66%,var(--color-border-strong) 0 2px,transparent 2px)}.pill[data-cstate]{cursor:pointer;background:var(--color-bg-elevated)}.pill[data-cstate]:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.pill[data-cstate].is-active{color:var(--color-accent-primary);border-color:color-mix(in oklab,var(--color-accent-primary),transparent 55%);box-shadow:var(--glow-sm)}.h1,.h2,.h3,.h4,.h5,.h6{color:var(--color-text-primary);font-family:var(--font-sans);margin:0;text-wrap:balance}.h1{font-size:var(--display-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.h2{font-size:var(--display-md);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.h3{font-size:var(--display-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.h4{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}.h5{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}.h6{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}.h-spec{font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary);white-space:nowrap}.display{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--display-lg);line-height:1.04;letter-spacing:-.025em;color:var(--color-text-primary)}.display-mono{font-family:var(--font-mono);letter-spacing:-.01em}.display-mono b{color:var(--color-accent-primary)}.text{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-secondary)}.text--lg{font-size:var(--text-lg)}.text--sm{font-size:var(--text-sm)}.text--xs{font-size:var(--text-xs)}.text--primary{color:var(--color-text-primary)}.text--tertiary{color:var(--color-text-tertiary)}.text--measure{max-width:var(--measure-prose)}.lead{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-secondary);max-width:56ch}.prose-block{max-width:var(--measure-prose);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}.prose-block>*+*{margin-top:var(--space-4)}.prose-block h2,.prose-block h3{color:var(--color-text-primary)}.prose-block h2{font:var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans);letter-spacing:var(--tracking-tight);margin-top:var(--space-6)}.prose-block h3{font:var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-sans);margin-top:var(--space-5)}.prose-block strong{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.prose-block ul,.prose-block ol{padding-left:var(--space-5)}.prose-block li+li{margin-top:var(--space-2)}.prose-block code{font:var(--weight-medium) .875em/1 var(--font-mono);background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:2px 6px;color:var(--color-accent-primary)}.prose-block pre{padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow-x:auto;font:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-mono)}.prose-block pre code{background:none;border:none;padding:0;color:inherit;font:inherit}.prose-block blockquote{margin-inline:0;padding-left:var(--space-4);border-left:2px solid var(--color-accent-primary);color:var(--color-text-primary)}.tlink{color:var(--color-accent-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklab,var(--color-accent-primary),transparent 55%);cursor:pointer}.tlink:hover{text-decoration-color:currentColor}.tlink:focus-visible{outline:none;box-shadow:var(--glow-focus);border-radius:2px}.tlink--strong{color:var(--color-text-primary);font-weight:var(--weight-semibold);text-decoration:none;border-bottom:1px solid var(--color-border-strong)}.tlink--strong:hover{border-color:var(--color-accent-primary)}.tlink--ancillary{color:var(--color-text-secondary);text-decoration:none}.tlink--ancillary:hover{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:3px}.tlink__ext{display:inline-block;width:.8em;height:.8em;vertical-align:-1px;margin-left:2px}.blockquote{margin:0;border-left:2px solid var(--color-border-strong);padding-left:var(--space-5)}.blockquote p{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-primary);max-width:52ch;font-style:normal}.blockquote cite{display:block;margin-top:var(--space-3);font:var(--weight-medium) var(--text-xs)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary);font-style:normal}.blockquote cite b{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.pullquote{margin:0;text-align:left}.pullquote p{font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:var(--display-sm);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);max-width:22ch}.pullquote .mark{color:var(--color-accent-primary)}.overline{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary)}.overline--accent{color:var(--color-accent-primary)}.overline--dot{display:inline-flex;align-items:center;gap:var(--space-2)}.overline--dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-accent-primary);box-shadow:var(--glow-sm)}.caption-text{font:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-sans);color:var(--color-text-tertiary)}.caption-text b{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.label-text{font:var(--weight-medium) var(--text-sm)/1.2 var(--font-mono);color:var(--color-text-secondary)}.meta-text{font:var(--weight-regular) var(--text-xs)/1.5 var(--font-mono);color:var(--color-text-tertiary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.clamp-1{-webkit-line-clamp:1;line-clamp:1}.clamp-2{-webkit-line-clamp:2;line-clamp:2}.clamp-3{-webkit-line-clamp:3;line-clamp:3}.clamp.is-expanded{-webkit-line-clamp:unset;line-clamp:unset;display:block}.clamp-more{margin-top:var(--space-2);background:none;border:none;padding:0;cursor:pointer;font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-accent-primary)}.clamp-more:hover{text-decoration:underline;text-underline-offset:3px}.clamp-more:focus-visible{outline:none;box-shadow:var(--glow-focus);border-radius:2px}.texttype__cursor{display:inline-block;margin-left:.08em;color:var(--color-accent-primary);animation:texttype-blink 1.05s steps(2,jump-none) infinite}@keyframes texttype-blink{50%{opacity:0}}.lh-demo{color:var(--color-text-secondary);font-size:var(--text-sm)}.lh-1{line-height:1}.lh-115{line-height:1.15}.lh-13{line-height:1.3}.lh-15{line-height:1.5}.lh-17{line-height:1.7}.tr-tight{letter-spacing:-.02em}.tr-norm{letter-spacing:0}.tr-label{letter-spacing:var(--tracking-label)}.tr-wide{letter-spacing:var(--tracking-wide)}.measure-demo{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}.measure-narrow{max-width:40ch}.measure-ideal{max-width:var(--measure-prose)}.measure-wide{max-width:100%}.measure-mark{position:relative}.measure-mark:after{content:attr(data-w);position:absolute;top:-18px;right:0;font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-accent-primary)}.type-row{display:flex;align-items:baseline;gap:var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap}.type-row:last-child{border-bottom:none}.type-row__spec{font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary);min-width:150px;flex:none}.type-row__sample{flex:1;min-width:0}.lp-cell{background:color-mix(in oklab,var(--color-accent-primary),transparent 88%);border:1px solid color-mix(in oklab,var(--color-accent-primary),transparent 60%);border-radius:var(--radius-sm);min-height:44px;display:flex;align-items:center;justify-content:center;font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-accent-primary)}.lp-cell--ghost{background:var(--color-bg-inset);border-color:var(--color-border-subtle);color:var(--color-text-tertiary)}.lp-frame{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3)}.lp-ruler{position:relative}.lp-ruler__tag{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-accent-primary);white-space:nowrap}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-5)}.container--wide{max-width:var(--container-max)}.container--narrow{max-width:var(--container-narrow)}.container--prose{max-width:var(--container-prose)}.container--full{max-width:none}@media(min-width:960px){.container{padding-inline:var(--space-7)}}.cbar{height:14px;border-radius:var(--radius-sm);background:var(--color-accent-primary);opacity:.85}.cbar--ghost{background:var(--color-border-strong);opacity:1}.lgrid{display:grid;gap:var(--space-4)}.lgrid--2{grid-template-columns:repeat(2,1fr)}.lgrid--3{grid-template-columns:repeat(3,1fr)}.lgrid--4{grid-template-columns:repeat(4,1fr)}.lgrid--6{grid-template-columns:repeat(6,1fr)}.lgrid--auto{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}.lgrid--cards{grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr))}.lgrid--sidebar{grid-template-columns:240px minmax(0,1fr)}.lgrid--gap-2{gap:var(--space-2)}.lgrid--gap-6{gap:var(--space-6)}.gi--span-2{grid-column:span 2}.gi--span-3{grid-column:span 3}.gi--span-full{grid-column:1 / -1}.gi--row-2{grid-row:span 2}@media(max-width:720px){.lgrid--4,.lgrid--6{grid-template-columns:repeat(2,1fr)}.lgrid--sidebar{grid-template-columns:1fr}.gi--span-3{grid-column:span 2}}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--row{flex-direction:row;align-items:center}.stack--gap-1{gap:var(--space-1)}.stack--gap-2{gap:var(--space-2)}.stack--gap-3{gap:var(--space-3)}.stack--gap-5{gap:var(--space-5)}.stack--gap-6{gap:var(--space-6)}.stack--gap-7{gap:var(--space-7)}.stack--center{align-items:center}.stack--between{justify-content:space-between}.stack--wrap{flex-wrap:wrap}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.cluster--between{justify-content:space-between}.box{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5)}.box--page{background:var(--color-bg-page)}.box--inset{background:var(--color-bg-inset)}.box--elevated{background:var(--color-bg-elevated)}.box--canvas{background:var(--color-bg-canvas)}.box--ghost{background:transparent;border-color:transparent}.box--outline{background:transparent}.box--raised{box-shadow:var(--elevation-1);border-color:transparent}.box--floating{box-shadow:var(--elevation-2);border-color:transparent}.box--modal{box-shadow:var(--elevation-3);border-color:var(--color-border-default);border-radius:var(--radius-lg)}.box--pad-4{padding:var(--space-4)}.box--pad-6{padding:var(--space-6)}.box--pad-7{padding:var(--space-7)}.surface-swatch{display:flex;align-items:center;justify-content:center;height:72px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-text-secondary)}.scroll-area{overflow:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-inset);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.scroll-area::-webkit-scrollbar{width:10px;height:10px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full);border:2px solid var(--color-bg-inset)}.scroll-area::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.scroll-area--v{max-height:220px}.scroll-area--x{white-space:nowrap}.scroll-area__inner{padding:var(--space-4)}.scroll-row{display:flex;gap:var(--space-3);padding:var(--space-4)}.scroll-fade{position:relative}.scroll-fade:after{content:"";position:absolute;left:0;right:10px;bottom:0;height:32px;background:linear-gradient(transparent,var(--color-bg-inset));pointer-events:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.split-panels{display:flex;height:240px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-elevated)}.split-panels--v{flex-direction:column}.split-pane{overflow:auto;min-width:0;min-height:0}.split-pane__inner{padding:var(--space-5);font:var(--weight-regular) var(--text-sm)/1.5 var(--font-mono);color:var(--color-text-secondary)}.split-pane--a{flex:0 0 50%}.split-pane--b{flex:1;background:var(--color-bg-inset)}.split-handle{flex:none;position:relative;background:var(--color-border-subtle);transition:background var(--motion-instant)}.split-handle--x{width:7px;cursor:col-resize}.split-handle--y{height:7px;cursor:row-resize}.split-handle:hover,.split-handle.is-dragging{background:var(--color-accent-primary)}.split-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--radius-full);background:var(--color-border-strong)}.split-handle--x:after{width:3px;height:28px}.split-handle--y:after{width:28px;height:3px}.split-handle:hover:after,.split-handle.is-dragging:after{background:var(--color-accent-primary-ink)}.split-label{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.spacer{flex:1 1 auto}.spacer--v{display:block;width:100%;height:var(--sp, var(--space-6))}.spacer-demo{display:flex;align-items:center;background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3)}.spacer-vis{background:repeating-linear-gradient(-45deg,transparent 0 5px,color-mix(in oklab,var(--color-accent-primary),transparent 75%) 5px 6px);outline:1px dashed color-mix(in oklab,var(--color-accent-primary),transparent 50%)}.sticky-demo{max-height:280px;overflow:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-inset);position:relative}.sticky-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg-translucent-inset);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle);font:var(--weight-semibold) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary)}.sticky-subhead{position:sticky;top:44px;z-index:1;padding:var(--space-2) var(--space-5);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary)}.sticky-body{padding:var(--space-4) var(--space-5)}.sticky-body p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.affix-aside{position:sticky;top:var(--space-5);align-self:start}.btn{--btn-h: var(--size-control-md);--btn-px: var(--space-5);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-h);padding:0 var(--btn-px);font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);letter-spacing:.01em;color:var(--color-text-primary);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;user-select:none;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background var(--motion-instant) var(--ease-standard),border-color var(--motion-instant) var(--ease-standard),color var(--motion-instant) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-instant) var(--ease-standard)}.btn>svg{width:var(--size-icon-sm);height:var(--size-icon-sm);flex:none}.btn:hover:not(:disabled):not([aria-disabled=true]),.btn.force-hover{background:color-mix(in oklab,var(--color-bg-elevated),white 5%);border-color:var(--color-border-strong)}.btn:active:not(:disabled):not([aria-disabled=true]),.btn.force-active{background:color-mix(in oklab,var(--color-bg-elevated),white 8%);transform:translateY(1px)}.btn:focus-visible,.btn.force-focus{outline:none;box-shadow:var(--glow-focus)}.btn:disabled,.btn[aria-disabled=true]{color:var(--color-text-disabled);background:var(--color-bg-elevated);border-color:var(--color-border-subtle);cursor:not-allowed;transform:none;box-shadow:none}.btn--sm{--btn-h: var(--size-control-sm);--btn-px: var(--space-4);font-size:var(--text-xs)}.btn--lg{--btn-h: var(--size-control-lg);--btn-px: var(--space-6);font-size:var(--text-base)}.btn--sm>svg{width:14px;height:14px}.btn--lg>svg{width:var(--size-icon-md);height:var(--size-icon-md)}.btn--block{display:flex;width:100%}.btn--primary{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-accent-primary-ink);font-weight:var(--weight-semibold)}.btn--primary:hover:not(:disabled):not([aria-disabled=true]),.btn--primary.force-hover{background:var(--cyan-400);border-color:var(--cyan-400);box-shadow:var(--glow-sm)}.btn--primary:active:not(:disabled):not([aria-disabled=true]),.btn--primary.force-active{background:var(--cyan-600);border-color:var(--cyan-600)}.btn--primary:disabled{background:var(--ink-3);border-color:var(--ink-3);color:var(--color-text-disabled)}.btn--neutral{background:var(--ink-4);border-color:var(--ink-5);color:var(--color-text-primary)}.btn--neutral:hover:not(:disabled):not([aria-disabled=true]),.btn--neutral.force-hover{background:var(--ink-5);border-color:var(--ink-6)}.btn--neutral:active:not(:disabled):not([aria-disabled=true]),.btn--neutral.force-active{background:var(--ink-6)}.btn--neutral:disabled{background:var(--color-bg-elevated);border-color:var(--color-border-subtle);color:var(--color-text-disabled)}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled):not([aria-disabled=true]),.btn--ghost.force-hover{background:var(--overlay-hover);border-color:transparent;color:var(--color-text-primary)}.btn--ghost:active:not(:disabled):not([aria-disabled=true]),.btn--ghost.force-active{background:var(--overlay-press)}.btn--ghost:disabled{background:transparent;border-color:transparent}.btn--link{height:auto;padding:var(--space-1) 2px;background:none;border:1px solid transparent;color:var(--color-accent-primary);font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklab,var(--color-accent-primary),transparent 58%)}.btn--link:hover:not(:disabled),.btn--link.force-hover{background:none;border-color:transparent;text-decoration-color:currentColor}.btn--link:active:not(:disabled){transform:none}.btn--link:disabled{color:var(--color-text-disabled);text-decoration-color:transparent}.btn--danger{color:var(--color-text-primary)}.btn--danger:hover:not(:disabled):not([aria-disabled=true]),.btn--danger.force-hover{color:var(--color-error);background:var(--color-error-surface);border-color:color-mix(in oklab,var(--color-error),transparent 45%)}.btn--danger:active:not(:disabled):not([aria-disabled=true]),.btn--danger.force-active{background:color-mix(in oklab,var(--color-error),transparent 80%)}.btn--danger-solid{background:var(--color-error);border-color:var(--color-error);color:var(--ink-10);font-weight:var(--weight-semibold)}.btn--danger-solid:hover:not(:disabled):not([aria-disabled=true]),.btn--danger-solid.force-hover{background:var(--red-400);border-color:var(--red-400);box-shadow:0 0 0 1px color-mix(in oklab,var(--color-error),transparent 35%),0 0 18px color-mix(in oklab,var(--color-error),transparent 60%)}.btn--danger-solid:active:not(:disabled):not([aria-disabled=true]){background:var(--red-600);border-color:var(--red-600)}.btn.is-loading{color:var(--color-text-secondary);pointer-events:none}.btn--primary.is-loading{color:color-mix(in oklab,var(--color-accent-primary-ink),transparent 25%)}.btn__spin{width:13px;height:13px;border-radius:var(--radius-full);flex:none;border:2px solid color-mix(in oklab,currentColor,transparent 68%);border-top-color:currentColor;animation:btnSpin .7s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn__spin{animation-duration:1.6s}}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--size-control-md);height:var(--size-control-md);padding:0;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--motion-instant) var(--ease-standard),border-color var(--motion-instant) var(--ease-standard),color var(--motion-instant) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.icon-btn>svg{width:var(--size-icon-md);height:var(--size-icon-md)}.icon-btn:hover:not(:disabled){background:var(--overlay-hover);color:var(--color-text-primary)}.icon-btn:active:not(:disabled){background:var(--overlay-press)}.icon-btn:focus-visible{outline:none;box-shadow:var(--glow-focus)}.icon-btn:disabled{color:var(--color-text-disabled);cursor:not-allowed}.icon-btn--solid{background:var(--color-bg-elevated);border-color:var(--color-border-default);color:var(--color-text-primary)}.icon-btn--solid:hover:not(:disabled){background:color-mix(in oklab,var(--color-bg-elevated),white 5%);border-color:var(--color-border-strong)}.icon-btn--primary{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-accent-primary-ink)}.icon-btn--primary:hover:not(:disabled){background:var(--cyan-400);border-color:var(--cyan-400);box-shadow:var(--glow-sm)}.icon-btn--sm{width:var(--size-control-sm);height:var(--size-control-sm)}.icon-btn--sm>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.icon-btn--lg{width:var(--size-control-lg);height:var(--size-control-lg)}.icon-btn--lg>svg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.btn-group{display:inline-flex}.btn-group>.btn{border-radius:0;margin-left:-1px}.btn-group>.btn:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);margin-left:0}.btn-group>.btn:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.btn-group>.btn:hover:not(:disabled),.btn-group>.btn:focus-visible{z-index:1}.segmented{display:inline-flex;gap:2px;padding:3px;background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.segmented__seg{appearance:none;border:none;background:transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:calc(var(--size-control-md) - 8px);padding:0 var(--space-4);font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-secondary);border-radius:calc(var(--radius-sm) - 1px);-webkit-tap-highlight-color:transparent;transition:background var(--motion-instant) var(--ease-standard),color var(--motion-instant) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.segmented__seg>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.segmented__seg:hover{color:var(--color-text-primary)}.segmented__seg:focus-visible{outline:none;box-shadow:var(--glow-focus)}.segmented__seg[aria-selected=true],.segmented__seg[aria-current=page]{background:var(--color-bg-elevated);color:var(--color-accent-primary);box-shadow:var(--elevation-1)}.segmented--sm .segmented__seg{height:calc(var(--size-control-sm) - 8px);padding:0 var(--space-3);font-size:var(--text-xs)}.split{position:relative;display:inline-flex}.split__main{border-top-right-radius:0;border-bottom-right-radius:0}.split__toggle{--btn-px: var(--space-3);border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;padding:0 var(--space-3)}.split__toggle>svg{transition:transform var(--motion-fast) var(--ease-standard)}.split.is-open .split__toggle>svg{transform:rotate(180deg)}.split--primary .split__toggle{border-left-color:color-mix(in oklab,var(--color-accent-primary-ink),transparent 78%)}.menu{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:220px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-2);padding:var(--space-2);z-index:var(--z-overlay);display:none;transform-origin:top left}.menu--right{left:auto;right:0;transform-origin:top right}.split.is-open .menu,.menu.is-open{display:block;animation:menuIn var(--motion-fast) var(--ease-enter)}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.split.is-open .menu,.menu.is-open{animation:none}}.menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;background:none;border:none;cursor:pointer;font:var(--weight-regular) var(--text-sm)/1.2 var(--font-mono);color:var(--color-text-secondary);padding:var(--space-3);border-radius:var(--radius-sm);transition:background var(--motion-instant),color var(--motion-instant)}.menu__item>svg{width:var(--size-icon-sm);height:var(--size-icon-sm);flex:none;color:var(--color-text-tertiary)}.menu__item:hover{background:var(--overlay-hover);color:var(--color-text-primary)}.menu__item:hover>svg{color:var(--color-accent-primary)}.menu__item:focus-visible{outline:none;box-shadow:var(--glow-focus);color:var(--color-text-primary)}.menu__item--danger:hover{color:var(--color-error);background:var(--color-error-surface)}.menu__item--danger:hover>svg{color:var(--color-error)}.menu__sep{height:1px;background:var(--color-border-subtle);margin:var(--space-2) calc(var(--space-2) * -1)}.menu__item kbd{margin-left:auto;font:var(--weight-medium) 11px/1 var(--font-mono);color:var(--color-text-tertiary);padding:2px 5px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}.toggle-btn{gap:var(--space-3)}.toggle-btn .toggle-dot{width:8px;height:8px;border-radius:var(--radius-full);flex:none;background:var(--color-border-strong);transition:background var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.toggle-btn[aria-pressed=true]{color:var(--color-accent-primary);border-color:color-mix(in oklab,var(--color-accent-primary),transparent 52%);background:color-mix(in oklab,var(--color-accent-primary),transparent 86%)}.toggle-btn[aria-pressed=true] .toggle-dot{background:var(--color-accent-primary);box-shadow:var(--glow-sm)}.toggle-btn[aria-pressed=true]:hover:not(:disabled){background:color-mix(in oklab,var(--color-accent-primary),transparent 80%);border-color:color-mix(in oklab,var(--color-accent-primary),transparent 40%)}.fab{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:none;border-radius:var(--radius-full);background:var(--color-accent-primary);color:var(--color-accent-primary-ink);cursor:pointer;box-shadow:var(--elevation-2),var(--glow-sm);transition:box-shadow var(--motion-fast) var(--ease-standard),background var(--motion-instant) var(--ease-standard),transform var(--motion-instant) var(--ease-standard)}.fab>svg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.fab:hover{background:var(--cyan-400);box-shadow:var(--elevation-3),var(--glow-md)}.fab:active{transform:translateY(1px) scale(.98)}.fab:focus-visible{outline:none;box-shadow:var(--glow-focus),var(--elevation-2)}.fab--extended{width:auto;gap:var(--space-3);padding:0 var(--space-5);font:var(--weight-semibold) var(--text-sm)/1 var(--font-mono);letter-spacing:.01em}.fab--secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-default);box-shadow:var(--elevation-2)}.fab--secondary:hover{background:color-mix(in oklab,var(--color-bg-elevated),white 6%);box-shadow:var(--elevation-3)}.close-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--size-control-sm);height:var(--size-control-sm);padding:0;color:var(--color-text-tertiary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-instant),color var(--motion-instant),box-shadow var(--motion-fast)}.close-btn>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.close-btn:hover:not(:disabled){background:var(--overlay-hover);color:var(--color-text-primary)}.close-btn:active:not(:disabled){background:var(--overlay-press)}.close-btn:focus-visible{outline:none;box-shadow:var(--glow-focus)}.close-btn--lg{width:var(--size-control-md);height:var(--size-control-md)}.close-btn--lg>svg{width:var(--size-icon-md);height:var(--size-icon-md)}.demo{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.demo--col{flex-direction:column;align-items:flex-start}.demo--center{justify-content:center}.spec-card{background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-6) var(--space-5) var(--space-5);position:relative}.spec-card__tag{position:absolute;top:var(--space-3);right:var(--space-4);font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}.spec-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.caption{font:var(--weight-regular) var(--text-xs)/1.5 var(--font-mono);color:var(--color-text-tertiary)}.caption b{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.demo-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-2);padding:var(--space-4) var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4);max-width:380px}.demo-panel__body{flex:1;min-width:0}.demo-panel__title{font:var(--weight-semibold) var(--text-sm)/1.3 var(--font-sans)}.demo-panel__text{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:2px}.demo-panel.is-dismissed{opacity:0;transform:translateY(-6px) scale(.98);transition:opacity var(--motion-normal) var(--ease-exit),transform var(--motion-normal) var(--ease-exit);pointer-events:none}.phone{position:relative;width:264px;height:460px;flex:none;background:var(--color-bg-page);border:1px solid var(--color-border-default);border-radius:28px;overflow:hidden;box-shadow:var(--elevation-3)}.phone__bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);border-bottom:1px solid var(--color-border-subtle);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary)}.phone__feed{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.phone__row{height:48px;border-radius:var(--radius-md);background:var(--color-bg-inset);border:1px solid var(--color-border-subtle)}.phone__fab{position:absolute;right:var(--space-4);bottom:var(--space-5)}.phone__fab--extended{left:var(--space-4);right:var(--space-4)}.phone__fab--extended .fab{width:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);padding:6px 10px;border-radius:var(--radius-sm);border:1px solid transparent;white-space:nowrap}.badge>svg{width:13px;height:13px}.badge--neutral{color:var(--color-text-secondary);background:var(--overlay-hover);border-color:var(--color-border-subtle)}.badge--success{color:var(--color-success);background:var(--color-success-surface);border-color:color-mix(in oklab,var(--color-success),transparent 70%)}.badge--warning{color:var(--color-warning);background:var(--color-warning-surface);border-color:color-mix(in oklab,var(--color-warning),transparent 70%)}.badge--error{color:var(--color-error);background:var(--color-error-surface);border-color:color-mix(in oklab,var(--color-error),transparent 70%)}.badge--info{color:var(--color-info);background:var(--color-info-surface);border-color:color-mix(in oklab,var(--color-info),transparent 70%)}.badge--solid{color:var(--color-accent-primary-ink);background:var(--color-accent-primary);border-color:var(--color-accent-primary);font-weight:var(--weight-semibold)}.badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex:none}.count{min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-accent-primary);color:var(--color-accent-primary-ink);font:var(--weight-semibold) 11px/1 var(--font-mono)}.count--error{background:var(--color-error);color:var(--ink-10)}.count--neutral{background:var(--ink-5);color:var(--color-text-primary)}.count-anchor{position:relative;display:inline-flex}.count-anchor>.count{position:absolute;top:-7px;right:-7px;border:2px solid var(--color-bg-page);height:20px;min-width:20px}.count-dot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-accent-primary);border:2px solid var(--color-bg-page)}.status{display:inline-flex;align-items:center;gap:var(--space-3);font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-secondary)}.status__dot{position:relative;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-tertiary);flex:none}.status--live .status__dot{background:var(--color-success)}.status--idle .status__dot{background:var(--color-warning)}.status--busy .status__dot{background:var(--color-error)}.status--off .status__dot{background:var(--ink-6)}.status--done .status__dot{background:var(--color-success)}.status--live .status__dot:after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-full);border:1px solid var(--color-success);animation:statusPulse var(--motion-pulse) var(--ease-signal) infinite}@keyframes statusPulse{0%{opacity:.8;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.6)}}@media(prefers-reduced-motion:reduce){.status--live .status__dot:after{animation:none;opacity:.4;transform:scale(1)}}.status--mono{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label);font-size:var(--text-xs)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.pill>svg{width:13px;height:13px}.pill--accent{color:var(--color-accent-primary);border-color:color-mix(in oklab,var(--color-accent-primary),transparent 60%)}.pill--solid{color:var(--color-accent-primary-ink);background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.pill__dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor}.chip{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--size-control-sm);padding:0 var(--space-3);font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-secondary);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background var(--motion-instant) var(--ease-standard),border-color var(--motion-instant) var(--ease-standard),color var(--motion-instant) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.chip>svg{width:var(--size-icon-sm);height:var(--size-icon-sm);flex:none}.chip:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:color-mix(in oklab,var(--color-bg-elevated),white 4%)}.chip:focus-visible{outline:none;box-shadow:var(--glow-focus)}.chip:disabled{color:var(--color-text-disabled);cursor:not-allowed;background:var(--color-bg-elevated);border-color:var(--color-border-subtle)}.chip__lead-icon{color:var(--color-text-tertiary)}.chip:hover .chip__lead-icon,.chip--assist .chip__lead-icon{color:var(--color-accent-primary)}.chip--filter{padding-left:var(--space-3)}.chip--filter .chip__check{width:0;opacity:0;overflow:hidden;margin-right:0;transition:width var(--motion-fast) var(--ease-standard),opacity var(--motion-fast),margin var(--motion-fast)}.chip--filter[aria-pressed=true]{color:var(--color-accent-primary);border-color:color-mix(in oklab,var(--color-accent-primary),transparent 48%);background:color-mix(in oklab,var(--color-accent-primary),transparent 88%)}.chip--filter[aria-pressed=true] .chip__check{width:var(--size-icon-sm);opacity:1;margin-right:var(--space-1)}.chip--input{cursor:default;padding-right:2px}.chip--input:hover{color:var(--color-text-secondary);border-color:var(--color-border-default);background:var(--color-bg-elevated)}.chip--input.chip--accent{color:var(--color-accent-primary);border-color:color-mix(in oklab,var(--color-accent-primary),transparent 55%);background:color-mix(in oklab,var(--color-accent-primary),transparent 90%)}.chip__avatar{width:20px;height:20px;margin-left:-4px;border-radius:var(--radius-full);font-size:10px}.chip__x{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-sm)}.chip__x:focus-visible{outline:none;box-shadow:var(--glow-focus)}.chip__x>svg{width:13px;height:13px}.chip--suggest{border-style:dashed;color:var(--color-text-secondary);background:transparent}.chip--suggest:hover{border-style:solid;border-color:var(--color-accent-primary);color:var(--color-text-primary);background:color-mix(in oklab,var(--color-accent-primary),transparent 92%)}.chip--suggest .chip__lead-icon{color:var(--color-text-tertiary)}.chip--suggest:hover .chip__lead-icon{color:var(--color-accent-primary)}.chip-set{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.avatar{--av-size: 40px;position:relative;flex:none;width:var(--av-size);height:var(--av-size);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;font:var(--weight-semibold) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary);background:var(--ink-3);border:1px solid var(--color-border-subtle);user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--xs{--av-size: 24px;font-size:10px}.avatar--sm{--av-size: 32px;font-size:var(--text-xs)}.avatar--md{--av-size: 40px}.avatar--lg{--av-size: 48px;font-size:var(--text-base)}.avatar--xl{--av-size: 64px;font-size:var(--text-xl)}.avatar--square{border-radius:var(--radius-md)}.avatar--cyan{background:color-mix(in oklab,var(--cyan-500),transparent 82%);color:var(--cyan-300);border-color:color-mix(in oklab,var(--cyan-500),transparent 60%)}.avatar--green{background:color-mix(in oklab,var(--green-500),transparent 82%);color:var(--green-300);border-color:color-mix(in oklab,var(--green-500),transparent 60%)}.avatar--amber{background:color-mix(in oklab,var(--amber-500),transparent 82%);color:var(--amber-400);border-color:color-mix(in oklab,var(--amber-500),transparent 60%)}.avatar--magenta{background:color-mix(in oklab,var(--magenta-500),transparent 82%);color:var(--magenta-500);border-color:color-mix(in oklab,var(--magenta-500),transparent 55%)}.avatar--ink{background:var(--ink-4);color:var(--color-text-secondary)}.avatar--placeholder{color:var(--color-text-tertiary);background-color:var(--color-bg-inset);background-image:repeating-linear-gradient(-45deg,transparent 0 6px,color-mix(in oklab,var(--color-border-subtle),transparent 40%) 6px 7px)}.avatar--placeholder>svg{width:55%;height:55%}.avatar__presence{position:absolute;right:-1px;bottom:-1px;width:30%;height:30%;min-width:9px;min-height:9px;border-radius:var(--radius-full);border:2px solid var(--color-bg-page);background:var(--color-text-tertiary)}.avatar__presence--live{background:var(--color-success)}.avatar__presence--idle{background:var(--color-warning)}.avatar__presence--off{background:var(--ink-6)}.avatar-id{display:inline-flex;align-items:center;gap:var(--space-3)}.avatar-id__name{font:var(--weight-medium) var(--text-sm)/1.2 var(--font-sans);color:var(--color-text-primary)}.avatar-id__meta{font:var(--weight-regular) var(--text-xs)/1.3 var(--font-mono);color:var(--color-text-tertiary)}.avatar-group{display:inline-flex;padding-left:4px}.avatar-group>.avatar{margin-left:-10px;border:2px solid var(--color-bg-page);transition:transform var(--motion-fast) var(--ease-standard)}.avatar-group--sm>.avatar{margin-left:-8px}.avatar-group>.avatar:hover{transform:translateY(-3px);z-index:2}.avatar-group__more{display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-inset);color:var(--color-text-secondary);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tag{display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-3);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-text-secondary);background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);white-space:nowrap}.tag>svg{width:12px;height:12px;color:var(--color-text-tertiary)}.tag--accent{color:var(--color-accent-primary);border-color:color-mix(in oklab,var(--color-accent-primary),transparent 60%);background:color-mix(in oklab,var(--color-accent-primary),transparent 92%)}.tag--more{color:var(--color-text-tertiary);background:transparent}.tag__x{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:none;cursor:pointer;color:var(--color-text-tertiary);border-radius:2px}.tag__x:hover{color:var(--color-text-primary);background:var(--overlay-hover)}.tag__x>svg{width:10px;height:10px}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.card--pad{padding:var(--space-5)}.card--interactive{cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--elevation-2)}.card--interactive:focus-visible{outline:none;box-shadow:var(--glow-focus)}.card__media{position:relative;aspect-ratio:16 / 9;background-color:var(--color-bg-inset);background-image:repeating-linear-gradient(-45deg,transparent 0 11px,color-mix(in oklab,var(--color-border-subtle),transparent 35%) 11px 12px);display:flex;align-items:center;justify-content:center}.card__media .mono{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}.card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.card__eyebrow{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent-primary)}.card__title{font:var(--weight-semibold) var(--text-lg)/1.25 var(--font-sans);letter-spacing:var(--tracking-tight)}.card__text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.card__foot{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-subtle)}.card__foot--between{justify-content:space-between}.card__head{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) 0}.card__head .card__title{flex:1}.list{display:flex;flex-direction:column;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.list__item{display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:left;padding:var(--space-4) var(--space-5);border:none;background:none;border-top:1px solid var(--color-border-subtle);color:var(--color-text-primary);font:inherit;transition:background var(--motion-instant)}.list__item:first-child{border-top:none}.list__item--button{cursor:pointer}.list__item--button:hover{background:var(--overlay-hover)}.list__item--button:focus-visible{outline:none;box-shadow:var(--glow-focus);z-index:1;position:relative}.list__icon{flex:none;color:var(--color-text-tertiary);display:inline-flex}.list__icon>svg{width:var(--size-icon-md);height:var(--size-icon-md)}.list__main{flex:1;min-width:0;display:flex;flex-direction:column}.list__title{display:block;font:var(--weight-medium) var(--text-sm)/1.3 var(--font-sans);color:var(--color-text-primary)}.list__sub{display:block;font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary);margin-top:2px}.list__meta{flex:none;color:var(--color-text-tertiary);font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);display:flex;align-items:center;gap:var(--space-3)}.list__trail{flex:none;color:var(--color-text-tertiary);display:inline-flex}.list__trail>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.list--plain{background:none;border:none}.list--plain .list__item{padding-inline:0}.table-wrap{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.table-scroll{overflow-x:auto}.dtable{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.dtable th,.dtable td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap}.dtable thead th{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary);background:var(--color-bg-inset);position:sticky;top:0;user-select:none}.dtable tbody td{color:var(--color-text-secondary);font-family:var(--font-mono)}.dtable tbody td.cell-strong{color:var(--color-text-primary)}.dtable tbody tr{transition:background var(--motion-instant)}.dtable tbody tr:hover{background:var(--overlay-hover)}.dtable tbody tr:last-child td{border-bottom:none}.dtable td.num,.dtable th.num{text-align:right}.dtable tr.is-selected{background:color-mix(in oklab,var(--color-accent-primary),transparent 92%)}.th-sort{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;padding:0}.th-sort__icon{display:inline-flex;opacity:.4;transition:opacity var(--motion-instant)}.th-sort__icon>svg{width:12px;height:12px}.th-sort:hover{color:var(--color-text-secondary)}th[aria-sort=ascending] .th-sort,th[aria-sort=descending] .th-sort{color:var(--color-accent-primary)}th[aria-sort=ascending] .th-sort__icon,th[aria-sort=descending] .th-sort__icon{opacity:1;color:var(--color-accent-primary)}th[aria-sort=descending] .th-sort__icon{transform:rotate(180deg)}.dtable .cb{width:36px}.dcheck{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-inset);cursor:pointer;position:relative;vertical-align:middle;transition:background var(--motion-fast),border-color var(--motion-fast)}.dcheck:checked{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.dcheck:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--color-accent-primary-ink);border-width:0 2px 2px 0;transform:rotate(42deg)}.dcheck:indeterminate{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.dcheck:indeterminate:after{content:"";position:absolute;left:3px;top:6px;width:8px;height:2px;background:var(--color-accent-primary-ink)}.dcheck:focus-visible{outline:none;box-shadow:var(--glow-focus)}.row-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);display:inline-flex;padding:2px;border-radius:var(--radius-sm)}.row-toggle:hover{color:var(--color-text-primary);background:var(--overlay-hover)}.row-toggle>svg{width:var(--size-icon-sm);height:var(--size-icon-sm);transition:transform var(--motion-fast) var(--ease-standard)}tr.is-expanded .row-toggle>svg{transform:rotate(90deg)}.row-detail>td{background:var(--color-bg-inset);padding:var(--space-5);white-space:normal;color:var(--color-text-secondary)}.row-detail[hidden]{display:none}.table-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.table-bar__sel{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-accent-primary)}.table-bar__sel:empty{display:none}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap}.table-foot .page-meta,.table-foot__meta{font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary)}.page-btn{min-width:32px;height:32px;padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;background:none;cursor:pointer;border-radius:var(--radius-sm);font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-secondary);transition:color var(--motion-instant),background var(--motion-instant),border-color var(--motion-instant)}.page-ellipsis{min-width:24px;text-align:center;color:var(--color-text-tertiary);font:var(--weight-regular) var(--text-sm)/1 var(--font-mono)}.dl{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.dl>div{display:contents}.dl dt{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-inset);font:var(--weight-medium) var(--text-xs)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary)}.dl dd{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);margin:0;font:var(--weight-regular) var(--text-sm)/1.4 var(--font-mono);color:var(--color-text-primary)}.dl>div:last-child dt,.dl>div:last-child dd{border-bottom:none}@media(max-width:520px){.dl{grid-template-columns:1fr}.dl dt{border-bottom:none;padding-bottom:2px}}.dl--inline{display:flex;flex-wrap:wrap;gap:var(--space-5) var(--space-7);border:none}.dl--inline>div{display:flex;flex-direction:column;gap:4px}.dl--inline dt{background:none;border:none;padding:0}.dl--inline dd{border:none;padding:0;font-size:var(--text-base)}.accordion{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-elevated)}.acc__item{border-top:1px solid var(--color-border-subtle)}.acc__item:first-child{border-top:none}.acc__trigger{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;font:var(--weight-medium) var(--text-sm)/1.3 var(--font-sans);color:var(--color-text-primary);transition:background var(--motion-instant)}.acc__trigger:hover{background:var(--overlay-hover)}.acc__trigger:focus-visible{outline:none;box-shadow:var(--glow-focus)}.acc__icon{margin-left:auto;flex:none;color:var(--color-text-tertiary);display:inline-flex;transition:transform var(--motion-fast) var(--ease-standard)}.acc__icon>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.acc__trigger[aria-expanded=true] .acc__icon{transform:rotate(180deg);color:var(--color-accent-primary)}.acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-normal) var(--ease-standard)}.acc__panel[data-open]{grid-template-rows:1fr}.acc__panel>div{overflow:hidden}.acc__body{padding:0 var(--space-5) var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}@media(prefers-reduced-motion:reduce){.acc__panel{transition:none}}.disclosure{border:none;background:none}.disclosure .acc__trigger,.disclosure .acc__body{padding-inline:0}.tree{font:var(--weight-regular) var(--text-sm)/1 var(--font-mono)}.tree ul{list-style:none;margin:0;padding-left:var(--space-5)}.tree>ul{padding-left:0}.tree__row{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:var(--space-2) var(--space-2);border:none;background:none;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);font:inherit;transition:background var(--motion-instant),color var(--motion-instant)}.tree__row:hover{background:var(--overlay-hover);color:var(--color-text-primary)}.tree__row:focus-visible{outline:none;box-shadow:var(--glow-focus)}.tree__row.is-selected{background:color-mix(in oklab,var(--color-accent-primary),transparent 90%);color:var(--color-accent-primary)}.tree__caret{width:16px;flex:none;display:inline-flex;color:var(--color-text-tertiary);transition:transform var(--motion-fast) var(--ease-standard)}.tree__caret>svg{width:14px;height:14px}.tree__row[aria-expanded=true] .tree__caret{transform:rotate(90deg)}.tree__caret--leaf{visibility:hidden}.tree__icon{flex:none;display:inline-flex;color:var(--color-text-tertiary)}.tree__icon>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.tree__row.is-selected .tree__icon{color:var(--color-accent-primary)}.tree__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tree__children[hidden]{display:none}.divider{border:none;height:1px;background:var(--color-border-subtle);margin:var(--space-6) 0}.divider--strong{background:var(--color-border-default)}.divider--vertical{width:1px;height:auto;align-self:stretch;margin:0 var(--space-4)}.divider-label{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-tertiary)}.divider-label:before,.divider-label:after{content:"";flex:1;height:1px;background:var(--color-border-subtle)}.divider-label__text{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);white-space:nowrap}.stat{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.stat__label{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary);display:inline-flex;align-items:center;gap:var(--space-2)}.stat__value{font:var(--weight-semibold) var(--display-sm)/1 var(--font-mono);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere}.stat__value small{font-size:var(--text-lg);color:var(--color-text-tertiary);font-weight:var(--weight-regular)}.stat__delta{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono)}.stat__delta>svg{width:13px;height:13px}.stat__delta--up{color:var(--color-success)}.stat__delta--down{color:var(--color-error)}.stat__delta--flat{color:var(--color-text-tertiary)}.stat__spark{margin-top:var(--space-2);display:flex;align-items:flex-end;gap:3px;height:32px}.stat__spark span{flex:1;background:color-mix(in oklab,var(--color-accent-primary),transparent 65%);border-radius:1px;min-height:2px}.stat__spark span:last-child{background:var(--color-accent-primary)}.stat--accent{border-color:color-mix(in oklab,var(--color-accent-primary),transparent 70%)}.timeline{display:flex;flex-direction:column}.tl-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4)}.tl-rail{display:flex;flex-direction:column;align-items:center}.tl-dot{width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--color-border-strong);background:var(--color-bg-page);flex:none;margin-top:3px}.tl-item--done .tl-dot{background:var(--color-accent-primary);border-color:var(--color-accent-primary);box-shadow:var(--glow-sm)}.tl-item--active .tl-dot{border-color:var(--color-accent-primary)}.tl-line{width:2px;flex:1;background:var(--color-border-default);margin:var(--space-1) 0;min-height:12px}.tl-item:last-child .tl-line{display:none}.tl-item--done .tl-line{background:var(--color-accent-primary)}.tl-body{padding-bottom:var(--space-5)}.tl-time{font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}.tl-title{font:var(--weight-semibold) var(--text-sm)/1.3 var(--font-sans);color:var(--color-text-primary);margin-top:4px}.tl-text{font:var(--weight-regular) var(--text-sm)/1.5 var(--font-sans);color:var(--color-text-secondary);margin-top:2px}.cal{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);max-width:360px}.cal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.cal__month{font:var(--weight-semibold) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary)}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal__dow{text-align:center;padding:var(--space-2) 0;font:var(--weight-medium) 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.cal__day{position:relative;aspect-ratio:1;display:flex;align-items:flex-start;justify-content:center;padding-top:5px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-secondary);transition:background var(--motion-instant),color var(--motion-instant)}.cal__day:hover{background:var(--overlay-hover);color:var(--color-text-primary)}.cal__day.is-muted{color:var(--color-text-disabled)}.cal__day.is-today{color:var(--color-accent-primary);font-weight:var(--weight-semibold);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-accent-primary),transparent 55%)}.cal__day.is-selected{background:var(--color-accent-primary);color:var(--color-accent-primary-ink);font-weight:var(--weight-semibold)}.cal__ev{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:flex;gap:2px}.cal__ev span{width:4px;height:4px;border-radius:var(--radius-full);background:var(--color-accent-primary)}.cal__ev span.ev-green{background:var(--color-success)}.cal__ev span.ev-amber{background:var(--color-warning)}.cal__day.is-selected .cal__ev span{background:var(--color-accent-primary-ink)}.carousel{position:relative}.carousel__track{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.carousel__track::-webkit-scrollbar{height:6px}.carousel__track::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}.carousel__slide{scroll-snap-align:start;flex:0 0 auto;width:300px;max-width:80%}.carousel__controls{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3)}.carousel__dots{display:flex;gap:var(--space-2)}.carousel__dot{width:7px;height:7px;border-radius:var(--radius-full);border:none;background:var(--color-border-strong);cursor:pointer;padding:0;transition:background var(--motion-instant),transform var(--motion-instant)}.carousel__dot.is-active{background:var(--color-accent-primary);box-shadow:var(--glow-sm)}.carousel__nav{display:flex;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){.carousel__track{scroll-behavior:auto}}.codeblock{background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.codeblock__bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:color-mix(in oklab,var(--color-bg-inset),black 12%)}.codeblock__name{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary)}.codeblock__dot{width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-border-strong)}.codeblock__lang{margin-left:auto;font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}.codeblock pre{margin:0;padding:var(--space-4) var(--space-5);overflow-x:auto;font:var(--weight-regular) var(--text-sm)/1.65 var(--font-mono);color:var(--code-text);tab-size:2}.codeblock--lines pre{counter-reset:ln}.codeblock--lines .cl{counter-increment:ln;display:block}.codeblock--lines .cl:before{content:counter(ln);display:inline-block;width:2.2em;margin-right:var(--space-4);color:var(--color-text-disabled);text-align:right;user-select:none}.copy-btn{margin-left:var(--space-2)}code.inline,.code-inline{font:var(--weight-medium) .875em/1 var(--font-mono);background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:2px 6px;color:var(--color-accent-primary)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);padding:4px 7px;border-radius:var(--radius-sm);background:var(--color-bg-inset);border:1px solid var(--color-border-default);border-bottom-width:2px;color:var(--color-text-secondary)}.kbd-combo{display:inline-flex;align-items:center;gap:var(--space-2)}.kbd-combo__plus{color:var(--color-text-tertiary);font:var(--weight-regular) var(--text-xs)/1 var(--font-mono)}.alertmsg{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-elevated)}.alertmsg__icon{flex:none;margin-top:1px;color:var(--color-text-secondary)}.alertmsg__icon>svg{width:var(--size-icon-md);height:var(--size-icon-md)}.alertmsg__body{flex:1;min-width:0}.alertmsg__title{font:var(--weight-semibold) var(--text-sm)/1.3 var(--font-sans);color:var(--color-text-primary)}.alertmsg__text{font:var(--weight-regular) var(--text-sm)/1.5 var(--font-sans);color:var(--color-text-secondary);margin-top:2px}.alertmsg__text a{color:var(--color-accent-primary);text-underline-offset:3px}.alertmsg__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.alertmsg__close{margin-left:var(--space-2)}.alertmsg--info{background:var(--color-info-surface);border-color:color-mix(in oklab,var(--color-info),transparent 70%)}.alertmsg--info .alertmsg__icon{color:var(--color-info)}.alertmsg--success{background:var(--color-success-surface);border-color:color-mix(in oklab,var(--color-success),transparent 70%)}.alertmsg--success .alertmsg__icon{color:var(--color-success)}.alertmsg--warning{background:var(--color-warning-surface);border-color:color-mix(in oklab,var(--color-warning),transparent 65%)}.alertmsg--warning .alertmsg__icon{color:var(--color-warning)}.alertmsg--error{background:var(--color-error-surface);border-color:color-mix(in oklab,var(--color-error),transparent 65%)}.alertmsg--error .alertmsg__icon{color:var(--color-error)}.alertmsg--compact{padding:var(--space-2) var(--space-4);align-items:center}.alertmsg--compact .alertmsg__body{display:flex;align-items:baseline;gap:var(--space-3)}.alertmsg--compact .alertmsg__text{margin-top:0}.progress-row{display:flex;align-items:center;gap:var(--space-4)}.progress-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.progress-head__label{font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-secondary)}.progress-head__val{font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-accent-primary)}.progress{position:relative;height:6px;width:100%;overflow:hidden;background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full)}.progress__fill{height:100%;width:0;border-radius:var(--radius-full);background:var(--color-accent-primary);box-shadow:var(--glow-sm);transition:width var(--motion-normal) var(--ease-standard)}.progress--sm{height:4px}.progress--lg{height:10px}.progress--success .progress__fill{background:var(--color-success);box-shadow:0 0 8px color-mix(in oklab,var(--color-success),transparent 55%)}.progress--error .progress__fill{background:var(--color-error);box-shadow:none}.progress--indeterminate .progress__fill{width:38%;position:absolute;left:-38%;animation:progIndet 1.4s var(--ease-standard) infinite}@keyframes progIndet{0%{left:-40%}60%{left:100%}to{left:100%}}@media(prefers-reduced-motion:reduce){.progress--indeterminate .progress__fill{position:static;left:0;width:60%;animation:none;opacity:.7}}.spinner{display:inline-block;width:24px;height:24px;border-radius:var(--radius-full);border:2px solid color-mix(in oklab,var(--color-text-secondary),transparent 72%);border-top-color:var(--color-accent-primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.8s}}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:40px;height:40px;border-width:3px}.loading-row{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font:var(--weight-regular) var(--text-sm)/1 var(--font-mono)}.dots{display:inline-flex;gap:5px;align-items:center}.dots>span{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-accent-primary);animation:dotPulse var(--motion-pulse) var(--ease-signal) infinite}.dots>span:nth-child(2){animation-delay:.18s}.dots>span:nth-child(3){animation-delay:.36s}@keyframes dotPulse{0%,to{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.dots>span{animation:none;opacity:.6}}.ring{--p: 0;position:relative;width:56px;height:56px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;flex:none;background:conic-gradient(var(--color-accent-primary) calc(var(--p) * 3.6deg),var(--color-border-default) 0);transition:background var(--motion-normal) var(--ease-standard)}.ring:after{content:"";position:absolute;inset:6px;border-radius:var(--radius-full);background:var(--color-bg-elevated)}.ring__num{position:relative;z-index:1;font:var(--weight-semibold) var(--text-xs)/1 var(--font-mono);color:var(--color-text-primary)}.ring--lg{width:76px;height:76px}.ring--lg:after{inset:8px}.ring--lg .ring__num{font-size:var(--text-sm)}.ring-indet{width:56px;height:56px;border-radius:var(--radius-full);flex:none;border:4px solid var(--color-border-default);border-top-color:var(--color-accent-primary);animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.ring-indet{animation-duration:2s}}.load-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.load-cover__text{font:var(--weight-regular) var(--text-sm)/1.4 var(--font-mono);color:var(--color-text-tertiary)}.skeleton{background:var(--color-bg-inset);background-image:linear-gradient(90deg,transparent 0,color-mix(in oklab,var(--color-text-primary),transparent 94%) 50%,transparent 100%);background-size:220% 100%;background-repeat:no-repeat;border-radius:var(--radius-sm);animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton--text{height:12px}.skeleton--line{height:14px}.skeleton--title{height:20px}.skeleton--circle{border-radius:var(--radius-full)}.skeleton--btn{height:var(--size-control-md);border-radius:var(--radius-sm)}.skel-card{display:flex;flex-direction:column;gap:var(--space-3)}.skel-row{display:flex;align-items:center;gap:var(--space-4)}.w-40{width:40%}.w-60{width:60%}.w-80{width:80%}.w-100{width:100%}.w-25{width:25%}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-8) var(--space-6)}.state__art{width:64px;height:64px;border-radius:var(--radius-md);flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);background:var(--color-bg-inset);border:1px solid var(--color-border-subtle)}.state__art>svg{width:30px;height:30px}.state__art--dashed{border-style:dashed;border-color:var(--color-border-strong)}.state__art--error{color:var(--color-error);background:var(--color-error-surface);border-color:color-mix(in oklab,var(--color-error),transparent 70%)}.state__art--success{width:56px;height:56px;border-radius:var(--radius-full);color:var(--color-accent-primary-ink);background:var(--color-accent-primary);border:none;box-shadow:var(--glow-md)}.state__art--success>svg{width:28px;height:28px}.state__code{font:var(--weight-bold) var(--display-md)/1 var(--font-mono);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.state__code b{color:var(--color-accent-primary)}.state__title{font:var(--weight-semibold) var(--display-sm)/1.1 var(--font-sans);letter-spacing:var(--tracking-tight)}.state__title--sm{font-size:var(--text-xl)}.state__text{color:var(--color-text-secondary);font-size:var(--text-base);max-width:46ch;line-height:var(--leading-normal)}.state__meta{font:var(--weight-regular) var(--text-xs)/1.6 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}.state__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.state--compact{padding:var(--space-7) var(--space-5)}.navlink{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--motion-instant),background var(--motion-instant)}.navlink>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.navlink:hover{color:var(--color-text-primary);background:var(--overlay-hover)}.navlink:focus-visible{outline:none;box-shadow:var(--glow-focus)}.navlink[aria-current],.navlink.is-active{color:var(--color-text-primary)}.appbar{display:flex;align-items:center;gap:var(--space-5);height:56px;padding:0 var(--space-4);background:var(--color-bg-translucent);backdrop-filter:blur(10px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.appbar__brand{font:var(--weight-bold) var(--text-base)/1 var(--font-mono);letter-spacing:.02em;color:var(--color-text-primary);text-decoration:none}.appbar__brand b{color:var(--color-accent-primary)}.appbar__brand:focus-visible{outline:none;box-shadow:var(--glow-focus);border-radius:var(--radius-sm)}.appbar__nav{display:flex;align-items:center;gap:var(--space-1)}.appbar__spacer{margin-left:auto}.appbar__actions{display:flex;align-items:center;gap:var(--space-2)}.appbar .navlink.is-active{background:var(--overlay-hover);color:var(--color-accent-primary)}@media(max-width:720px){.appbar__nav{display:none}}.sidebar{width:232px;flex:none;padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__group{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary);padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar__group:first-child{padding-top:var(--space-2)}.navrow{display:flex;align-items:center;gap:var(--space-3);width:100%;height:40px;padding:0 var(--space-3);border:none;background:none;cursor:pointer;font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);position:relative;text-align:left;transition:color var(--motion-instant),background var(--motion-instant)}.navrow>svg{width:var(--size-icon-md);height:var(--size-icon-md);flex:none;color:var(--color-text-tertiary)}.navrow__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.navrow:hover{color:var(--color-text-primary);background:var(--overlay-hover)}.navrow:hover>svg{color:var(--color-text-secondary)}.navrow:focus-visible{outline:none;box-shadow:var(--glow-focus)}.navrow[aria-current],.navrow.is-active{color:var(--color-text-primary);background:color-mix(in oklab,var(--color-accent-primary),transparent 90%)}.navrow[aria-current]>svg,.navrow.is-active>svg{color:var(--color-accent-primary)}.navrow[aria-current]:before,.navrow.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 2px 2px 0;background:var(--color-accent-primary);box-shadow:var(--glow-sm)}.navrow .count,.navrow .badge{margin-left:auto}.rail{width:72px;flex:none;padding:var(--space-3) var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.railitem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:56px;padding:var(--space-2) 0;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-tertiary);font:var(--weight-medium) 10px/1 var(--font-mono);position:relative;transition:color var(--motion-instant),background var(--motion-instant)}.railitem>svg{width:var(--size-icon-md);height:var(--size-icon-md)}.railitem:hover{color:var(--color-text-primary);background:var(--overlay-hover)}.railitem:focus-visible{outline:none;box-shadow:var(--glow-focus)}.railitem.is-active{color:var(--color-accent-primary)}.railitem.is-active>svg{filter:drop-shadow(0 0 6px color-mix(in oklab,var(--color-accent-primary),transparent 40%))}.drawer-demo{position:relative;height:320px;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-inset)}.drawer-scrim{position:absolute;inset:0;background:var(--overlay-scrim);opacity:0;pointer-events:none;transition:opacity var(--motion-normal) var(--ease-standard);z-index:2}.drawer{position:absolute;top:0;bottom:0;left:0;width:232px;z-index:3;background:var(--color-bg-elevated);border-right:1px solid var(--color-border-default);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);transform:translate(-100%);transition:transform var(--motion-normal) var(--ease-standard);box-shadow:var(--elevation-3)}.drawer-demo.is-open .drawer{transform:translate(0)}.drawer-demo.is-open .drawer-scrim{opacity:1;pointer-events:auto}.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.bottomnav{display:flex;align-items:stretch;justify-content:space-around;height:60px;background:var(--color-bg-elevated);border-top:1px solid var(--color-border-subtle)}.bottomnav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;cursor:pointer;color:var(--color-text-tertiary);font:var(--weight-medium) 10px/1 var(--font-mono);position:relative;transition:color var(--motion-instant)}.bottomnav__item>svg{width:22px;height:22px}.bottomnav__item:active{background:var(--overlay-hover)}.bottomnav__item.is-active{color:var(--color-accent-primary)}.bottomnav__item.is-active:after{content:"";position:absolute;top:0;width:24px;height:2px;border-radius:0 0 2px 2px;background:var(--color-accent-primary);box-shadow:var(--glow-sm)}.bottomnav__item .count{position:absolute;top:6px;left:54%}.tabs{display:flex;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--color-border-subtle)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);height:42px;padding:0 var(--space-4);border:none;background:none;cursor:pointer;font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-tertiary);position:relative;white-space:nowrap;transition:color var(--motion-instant)}.tab>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.tab:hover{color:var(--color-text-primary)}.tab:focus-visible{outline:none;box-shadow:var(--glow-focus);border-radius:var(--radius-sm)}.tab[aria-selected=true]{color:var(--color-text-primary)}.tab:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:-1px;height:2px;background:var(--color-accent-primary);border-radius:2px 2px 0 0;transform:scaleX(0);transform-origin:center;transition:transform var(--motion-fast) var(--ease-standard)}.tab[aria-selected=true]:after{transform:scaleX(1);box-shadow:var(--glow-sm)}.tab .count,.tab .badge{margin-left:var(--space-1)}.tabpanel{padding:var(--space-5) var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.tabpanel[hidden]{display:none}.tabs--pill{border-bottom:none;gap:2px;padding:3px;background:var(--color-bg-inset);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:inline-flex}.tabs--pill .tab{height:calc(var(--size-control-md) - 8px);border-radius:calc(var(--radius-sm) - 1px);padding:0 var(--space-4)}.tabs--pill .tab:after{display:none}.tabs--pill .tab[aria-selected=true]{background:var(--color-bg-elevated);color:var(--color-accent-primary);box-shadow:var(--elevation-1)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);font:var(--weight-regular) var(--text-sm)/1 var(--font-mono)}.breadcrumbs a{color:var(--color-text-tertiary);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:var(--space-2)}.breadcrumbs a:hover{color:var(--color-text-primary);background:var(--overlay-hover)}.breadcrumbs a:focus-visible{outline:none;box-shadow:var(--glow-focus)}.breadcrumbs a>svg{width:14px;height:14px}.breadcrumbs__sep{color:var(--color-text-disabled);display:inline-flex}.breadcrumbs__sep>svg{width:14px;height:14px}.breadcrumbs [aria-current]{color:var(--color-text-primary);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2)}.pagination{display:inline-flex;align-items:center;gap:var(--space-1)}.page-btn{min-width:36px;height:36px;padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;background:none;cursor:pointer;border-radius:var(--radius-sm);font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-secondary);transition:color var(--motion-instant),background var(--motion-instant),border-color var(--motion-instant)}.page-btn>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.page-btn:hover:not(:disabled){color:var(--color-text-primary);background:var(--overlay-hover)}.page-btn:focus-visible{outline:none;box-shadow:var(--glow-focus)}.page-btn:disabled{color:var(--color-text-disabled);cursor:not-allowed}.page-btn[aria-current=page]{color:var(--color-accent-primary-ink);background:var(--color-accent-primary)}.page-ellipsis{min-width:28px;text-align:center;color:var(--color-text-tertiary);font:var(--weight-regular) var(--text-sm)/1 var(--font-mono)}.page-meta{font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary)}.link{color:var(--color-accent-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklab,var(--color-accent-primary),transparent 55%);display:inline-flex;align-items:center;gap:var(--space-1);cursor:pointer}.link:hover{text-decoration-color:currentColor}.link:focus-visible{outline:none;box-shadow:var(--glow-focus);border-radius:2px}.link>svg{width:13px;height:13px}.link--muted{color:var(--color-text-secondary);text-decoration-color:transparent;font-family:var(--font-mono);font-size:var(--text-sm)}.link--muted:hover{color:var(--color-text-primary);text-decoration-color:var(--color-border-strong)}.link--quiet{color:var(--color-text-primary);text-decoration:none;border-bottom:1px solid var(--color-border-strong)}.link--quiet:hover{border-color:var(--color-accent-primary)}.menu-anchor{position:relative;display:inline-flex}.context-target{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:132px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-inset);color:var(--color-text-tertiary);font:var(--weight-regular) var(--text-sm)/1 var(--font-mono);cursor:context-menu;text-align:center}.context-target>svg{width:var(--size-icon-md);height:var(--size-icon-md)}.menu--context{position:fixed;min-width:200px}.menubar{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.menubar__top{height:32px;padding:0 var(--space-3);border:none;background:none;cursor:pointer;font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--motion-instant),background var(--motion-instant)}.menubar__top:hover{color:var(--color-text-primary);background:var(--overlay-hover)}.menubar__top[aria-expanded=true]{color:var(--color-accent-primary);background:var(--overlay-hover)}.cmdk-trigger{display:inline-flex;align-items:center;gap:var(--space-3);width:100%;max-width:360px;height:var(--size-control-md);padding:0 var(--space-3) 0 var(--space-4);background:var(--color-bg-inset);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;font:var(--weight-regular) var(--text-sm)/1 var(--font-mono);transition:border-color var(--motion-fast)}.cmdk-trigger:hover{border-color:var(--color-border-strong)}.cmdk-trigger>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.cmdk-trigger .kbd{margin-left:auto}.cmdk-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:none;align-items:flex-start;justify-content:center;padding:12vh var(--space-5) var(--space-5);background:var(--overlay-scrim);backdrop-filter:blur(3px)}.cmdk-overlay.is-open{display:flex;animation:cmdkFade var(--motion-fast) var(--ease-enter)}@keyframes cmdkFade{0%{opacity:0}to{opacity:1}}.cmdk{width:min(560px,100%);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);overflow:hidden;display:flex;flex-direction:column}.cmdk-overlay.is-open .cmdk{animation:cmdkIn var(--motion-normal) var(--ease-enter)}@keyframes cmdkIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cmdk-overlay.is-open,.cmdk-overlay.is-open .cmdk{animation:none}}.cmdk__search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.cmdk__search>svg{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-text-tertiary);flex:none}.cmdk__input{flex:1;border:none;background:none;outline:none;color:var(--color-text-primary);font:var(--weight-regular) var(--text-base)/1 var(--font-mono)}.cmdk__input::placeholder{color:var(--color-text-tertiary)}.cmdk__list{max-height:320px;overflow-y:auto;padding:var(--space-2)}.cmdk__group{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary);padding:var(--space-3) var(--space-3) var(--space-2)}.cmdk__item{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3);border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font:var(--weight-regular) var(--text-sm)/1.2 var(--font-mono);color:var(--color-text-secondary)}.cmdk__item>svg{width:var(--size-icon-sm);height:var(--size-icon-sm);flex:none;color:var(--color-text-tertiary)}.cmdk__item .kbd{margin-left:auto}.cmdk__item mark{background:none;color:var(--color-accent-primary);font-weight:var(--weight-semibold)}.cmdk__item:hover,.cmdk__item.is-active{background:var(--overlay-hover);color:var(--color-text-primary)}.cmdk__item.is-active>svg,.cmdk__item:hover>svg{color:var(--color-accent-primary)}.cmdk__empty{padding:var(--space-6);text-align:center;color:var(--color-text-tertiary);font:var(--weight-regular) var(--text-sm)/1 var(--font-mono)}.cmdk__foot{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle);font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary)}.cmdk__foot .kbd{margin-right:var(--space-1)}.stepper-nav{display:flex;align-items:flex-start}.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;position:relative;padding:0 var(--space-2)}.step:before{content:"";position:absolute;top:15px;right:50%;width:100%;height:2px;background:var(--color-border-default);z-index:0}.step:first-child:before{display:none}.step.is-done:before,.step.is-active:before{background:var(--color-accent-primary)}.step__dot{position:relative;z-index:1;width:32px;height:32px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-inset);border:1px solid var(--color-border-strong);color:var(--color-text-tertiary);font:var(--weight-semibold) var(--text-sm)/1 var(--font-mono);transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}.step__dot>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.step.is-done .step__dot{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-accent-primary-ink)}.step.is-active .step__dot{border-color:var(--color-accent-primary);color:var(--color-accent-primary);box-shadow:var(--glow-sm)}.step__label{font:var(--weight-medium) var(--text-sm)/1.2 var(--font-mono);color:var(--color-text-tertiary)}.step.is-active .step__label{color:var(--color-text-primary)}.step.is-done .step__label{color:var(--color-text-secondary)}.step__sub{font:var(--weight-regular) var(--text-xs)/1.3 var(--font-mono);color:var(--color-text-tertiary)}.stepper-v{display:flex;flex-direction:column}.vstep{display:flex;gap:var(--space-4)}.vstep__rail{display:flex;flex-direction:column;align-items:center}.vstep__line{flex:1;width:2px;background:var(--color-border-default);margin:var(--space-1) 0;min-height:20px}.vstep.is-done .vstep__line,.vstep.is-active .vstep__line{background:var(--color-accent-primary)}.vstep:last-child .vstep__line{display:none}.vstep__body{padding-bottom:var(--space-5);padding-top:4px}.vstep__label{font:var(--weight-medium) var(--text-sm)/1.2 var(--font-mono);color:var(--color-text-tertiary)}.vstep.is-active .vstep__label,.vstep.is-done .vstep__label{color:var(--color-text-primary)}.vstep__desc{font:var(--weight-regular) var(--text-xs)/1.5 var(--font-mono);color:var(--color-text-tertiary);margin-top:4px;max-width:46ch}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.input{width:100%;height:var(--size-control-md);padding:0 var(--space-4);font:var(--weight-regular) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary);background:var(--color-bg-inset);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);-webkit-appearance:none;appearance:none;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent-primary),transparent 78%)}.ov{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-5);visibility:hidden;opacity:0;transition:opacity var(--motion-fast) var(--ease-standard),visibility 0s linear var(--motion-fast)}.ov.is-open{visibility:visible;opacity:1;transition:opacity var(--motion-fast) var(--ease-standard),visibility 0s}.ov__scrim{position:absolute;inset:0;background:var(--overlay-scrim);backdrop-filter:blur(3px)}.modal{position:relative;width:min(520px,100%);max-height:86vh;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);display:flex;flex-direction:column;overflow:hidden;transform:translateY(10px) scale(.985);transition:transform var(--motion-normal) var(--ease-enter)}.ov.is-open .modal{transform:none}@media(prefers-reduced-motion:reduce){.modal{transform:none;transition:none}}.modal--sm{width:min(420px,100%)}.modal--lg{width:min(720px,100%)}.modal__head{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.modal__heading{min-width:0;flex:1}.modal__title{font:var(--weight-semibold) var(--text-xl)/1.2 var(--font-sans);letter-spacing:var(--tracking-tight)}.modal__sub{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-2)}.modal__body{padding:var(--space-6);overflow-y:auto;color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}.modal__body p+p{margin-top:var(--space-4)}.modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border-subtle)}.modal__foot--split{justify-content:space-between}@media(max-width:480px){.modal__foot{flex-direction:column-reverse;align-items:stretch}.modal__foot .btn{width:100%}}.alert{width:min(440px,100%)}.alert__body{display:flex;gap:var(--space-4);padding:var(--space-6)}.alert__icon{flex:none;width:40px;height:40px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}.alert__icon>svg{width:22px;height:22px}.alert__icon--danger{color:var(--color-error);background:var(--color-error-surface)}.alert__icon--warning{color:var(--color-warning);background:var(--color-warning-surface)}.alert__icon--info{color:var(--color-info);background:var(--color-info-surface)}.alert__content{min-width:0}.alert__title{font:var(--weight-semibold) var(--text-lg)/1.25 var(--font-sans)}.alert__text{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-2);line-height:var(--leading-normal)}.sheet-host{position:fixed;inset:0;z-index:var(--z-overlay);visibility:hidden;transition:visibility 0s linear var(--motion-normal)}.sheet-host.is-open{visibility:visible;transition-delay:0s}.sheet-host__scrim{position:absolute;inset:0;background:var(--overlay-scrim);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--motion-normal) var(--ease-standard)}.sheet-host.is-open .sheet-host__scrim{opacity:1}.sheet{position:absolute;background:var(--color-bg-elevated);box-shadow:var(--elevation-3);display:flex;flex-direction:column;transition:transform var(--motion-normal) var(--ease-standard)}.sheet--right{top:0;right:0;bottom:0;width:min(420px,92vw);border-left:1px solid var(--color-border-default);transform:translate(100%)}.sheet--left{top:0;left:0;bottom:0;width:min(420px,92vw);border-right:1px solid var(--color-border-default);transform:translate(-100%)}.sheet--bottom{left:0;right:0;bottom:0;max-height:82vh;border-top:1px solid var(--color-border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%)}.sheet-host.is-open .sheet{transform:none}@media(prefers-reduced-motion:reduce){.sheet{transition:none}}.sheet__grip{width:36px;height:4px;border-radius:var(--radius-full);background:var(--color-border-strong);margin:var(--space-3) auto 0;flex:none}.sheet__head{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.sheet__title{font:var(--weight-semibold) var(--text-lg)/1.2 var(--font-sans);flex:1}.sheet__body{padding:var(--space-5);overflow-y:auto;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.sheet__foot{margin-top:auto;display:flex;gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--color-border-subtle)}.pop-anchor{position:relative;display:inline-flex}.pop{position:absolute;top:calc(100% + var(--space-3));left:0;min-width:260px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-2);padding:var(--space-5);z-index:var(--z-overlay);display:none}.pop--right{left:auto;right:0}.pop.is-open{display:block;animation:popIn var(--motion-fast) var(--ease-enter)}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pop.is-open{animation:none}}.pop:before{content:"";position:absolute;top:-5px;left:var(--space-5);width:9px;height:9px;background:var(--color-bg-elevated);border-left:1px solid var(--color-border-default);border-top:1px solid var(--color-border-default);transform:rotate(45deg)}.pop--right:before{left:auto;right:var(--space-5)}.pop__title{font:var(--weight-semibold) var(--text-sm)/1.2 var(--font-mono);margin-bottom:var(--space-2)}.pop__text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.pop__foot{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4)}.tip{position:relative;display:inline-flex}.tip__bubble{position:absolute;z-index:var(--z-toast);pointer-events:none;background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--elevation-2);padding:var(--space-2) var(--space-3);white-space:nowrap;font:var(--weight-medium) var(--text-xs)/1.3 var(--font-mono);opacity:0;transition:opacity var(--motion-fast),transform var(--motion-fast)}.tip__bubble--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px)}.tip__bubble--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px)}.tip__bubble--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-4px)}.tip__bubble--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(4px)}.tip:hover .tip__bubble,.tip:focus-within .tip__bubble{opacity:1}.tip:hover .tip__bubble--top,.tip:focus-within .tip__bubble--top{transform:translate(-50%) translateY(0)}.tip:hover .tip__bubble--bottom,.tip:focus-within .tip__bubble--bottom{transform:translate(-50%) translateY(0)}.tip:hover .tip__bubble--right,.tip:focus-within .tip__bubble--right{transform:translateY(-50%) translate(0)}.tip:hover .tip__bubble--left,.tip:focus-within .tip__bubble--left{transform:translateY(-50%) translate(0)}.tip__bubble kbd{color:var(--color-text-tertiary);margin-left:var(--space-2)}.hovercard-anchor{position:relative;display:inline-flex}.hovercard{position:absolute;top:calc(100% + var(--space-2));left:0;width:300px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-3);padding:var(--space-5);z-index:var(--z-overlay);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--motion-fast),transform var(--motion-fast),visibility 0s linear var(--motion-fast)}.hovercard.is-open{opacity:1;visibility:visible;transform:none;transition:opacity var(--motion-fast),transform var(--motion-fast),visibility 0s}.hovercard__head{display:flex;gap:var(--space-3);align-items:center}.hovercard__name{font:var(--weight-semibold) var(--text-sm)/1.2 var(--font-sans)}.hovercard__handle{font:var(--weight-regular) var(--text-xs)/1.3 var(--font-mono);color:var(--color-text-tertiary)}.hovercard__bio{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin:var(--space-4) 0}.hovercard__stats{display:flex;gap:var(--space-5)}.hovercard__stat{font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary)}.hovercard__stat b{display:block;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);font-family:var(--font-mono)}.toast-region{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-end;max-width:min(400px,calc(100vw - var(--space-7)));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-3);width:360px;max-width:100%;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-3);padding:var(--space-4) var(--space-3) var(--space-4) var(--space-4);animation:toastIn var(--motion-normal) var(--ease-enter)}.toast.is-leaving{animation:toastOut var(--motion-fast) var(--ease-exit) forwards}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translate(16px)}}@media(prefers-reduced-motion:reduce){.toast,.toast.is-leaving{animation:none}}.toast__icon{flex:none;margin-top:1px}.toast__icon>svg{width:var(--size-icon-md);height:var(--size-icon-md)}.toast__icon--success{color:var(--color-success)}.toast__icon--error{color:var(--color-error)}.toast__icon--info{color:var(--color-info)}.toast__body{flex:1;min-width:0}.toast__title{font:var(--weight-semibold) var(--text-sm)/1.3 var(--font-sans);color:var(--color-text-primary)}.toast__text{font:var(--weight-regular) var(--text-sm)/1.4 var(--font-sans);color:var(--color-text-secondary);margin-top:2px}.toast__action{margin-top:var(--space-3)}.toast__action .btn{height:28px;padding:0 var(--space-3)}.banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-elevated)}.banner__icon{flex:none;margin-top:1px;color:var(--color-text-secondary)}.banner__icon>svg{width:var(--size-icon-md);height:var(--size-icon-md)}.banner__body{flex:1;min-width:0}.banner__title{font:var(--weight-semibold) var(--text-sm)/1.3 var(--font-sans);color:var(--color-text-primary)}.banner__text{font:var(--weight-regular) var(--text-sm)/1.5 var(--font-sans);color:var(--color-text-secondary);margin-top:2px}.banner__text a{color:var(--color-accent-primary);text-underline-offset:3px}.banner__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.banner--info{background:var(--color-info-surface);border-color:color-mix(in oklab,var(--color-info),transparent 70%)}.banner--info .banner__icon{color:var(--color-info)}.banner--success{background:var(--color-success-surface);border-color:color-mix(in oklab,var(--color-success),transparent 70%)}.banner--success .banner__icon{color:var(--color-success)}.banner--warning{background:var(--color-warning-surface);border-color:color-mix(in oklab,var(--color-warning),transparent 65%)}.banner--warning .banner__icon{color:var(--color-warning)}.banner--error{background:var(--color-error-surface);border-color:color-mix(in oklab,var(--color-error),transparent 65%)}.banner--error .banner__icon{color:var(--color-error)}.banner--accent{background:color-mix(in oklab,var(--color-accent-primary),transparent 90%);border-color:color-mix(in oklab,var(--color-accent-primary),transparent 60%)}.banner--accent .banner__icon{color:var(--color-accent-primary)}.banner--page{border-radius:0;border-left:none;border-right:none}.banner__close{margin-left:var(--space-2)}.banner.is-dismissed{display:none}.ar{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-inset)}.ar>img,.ar>video,.ar>iframe,.ar>.ar__fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block}.ar--16x9{aspect-ratio:16 / 9}.ar--4x3{aspect-ratio:4 / 3}.ar--3x2{aspect-ratio:3 / 2}.ar--1x1{aspect-ratio:1 / 1}.ar--21x9{aspect-ratio:21 / 9}.ar__badge{position:absolute;left:var(--space-3);top:var(--space-3);z-index:2}.img-frame{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-inset)}.img-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-tertiary);text-align:center;background-color:var(--color-bg-inset);background-image:repeating-linear-gradient(-45deg,transparent 0 11px,color-mix(in oklab,var(--color-border-subtle),transparent 35%) 11px 12px)}.img-ph>svg{width:28px;height:28px;opacity:.7}.img-ph__label{font:var(--weight-medium) var(--text-xs)/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label)}.img-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-tertiary);background:var(--color-bg-inset)}.img-fallback>svg{width:28px;height:28px}.img-fallback__label{font:var(--weight-regular) var(--text-xs)/1.3 var(--font-mono)}.figure{margin:0}.figure__cap{font:var(--weight-regular) var(--text-sm)/1.5 var(--font-sans);color:var(--color-text-tertiary);margin-top:var(--space-3)}.figure__cap b{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.img--rounded{border-radius:var(--radius-lg)}.img--circle{border-radius:var(--radius-full)}.img--square{border-radius:0}.icon{display:inline-flex;color:currentColor;vertical-align:middle;flex:none}.icon>svg{width:var(--size-icon-md);height:var(--size-icon-md);display:block}.icon--sm>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.icon--lg>svg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.icon--muted{color:var(--color-text-tertiary)}.icon--accent{color:var(--color-accent-primary)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--space-1)}.icon-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background var(--motion-instant),color var(--motion-instant)}.icon-cell:hover{background:var(--overlay-hover);color:var(--color-text-primary)}.icon-cell>svg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.icon-cell__name{font:var(--weight-regular) 10px/1.2 var(--font-mono);color:var(--color-text-tertiary);text-align:center}.icon-sizes{display:flex;align-items:flex-end;gap:var(--space-6);color:var(--color-text-secondary)}.icon-sizes>div{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.video{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-subtle);background:var(--color-bg-canvas)}.video__poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-inset);background-image:repeating-linear-gradient(-45deg,transparent 0 13px,color-mix(in oklab,var(--color-border-subtle),transparent 45%) 13px 14px)}.video__play{width:64px;height:64px;border-radius:var(--radius-full);border:none;cursor:pointer;background:var(--color-accent-primary);color:var(--color-accent-primary-ink);display:flex;align-items:center;justify-content:center;box-shadow:var(--elevation-2),var(--glow-sm);transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast)}.video__play:hover{transform:scale(1.06);box-shadow:var(--elevation-3),var(--glow-md)}.video__play:focus-visible{outline:none;box-shadow:var(--glow-focus)}.video__play>svg{width:26px;height:26px;margin-left:3px}.video.is-playing .video__poster,.video.is-playing .video__play{display:none}.video__bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(transparent,#000000b8)}.video__bar .icon-btn{color:var(--color-text-primary)}.video__bar .icon-btn:hover{color:#fff;background:#ffffff1f}.video__scrub{flex:1;height:4px;border-radius:var(--radius-full);background:#ffffff40;position:relative;cursor:pointer}.video__scrub-fill{position:absolute;left:0;top:0;bottom:0;width:35%;border-radius:var(--radius-full);background:var(--color-accent-primary)}.video__scrub-fill:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--glow-sm)}.video__time{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:#fff;min-width:78px}.embed{position:relative}.embed__chrome{position:absolute;left:var(--space-3);top:var(--space-3);z-index:2;display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 9px;border-radius:var(--radius-sm);background:#00000080;backdrop-filter:blur(6px);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:#fff}.embed__chrome>svg{width:13px;height:13px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.thumb{position:relative;display:block;width:100%;padding:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--color-bg-inset);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast),transform var(--motion-fast)}.thumb:hover{border-color:var(--color-accent-primary);box-shadow:var(--glow-sm)}.thumb:focus-visible{outline:none;box-shadow:var(--glow-focus)}.thumb__cap{position:absolute;left:0;right:0;bottom:0;padding:var(--space-3) var(--space-3) var(--space-2);background:linear-gradient(transparent,#000000a8);font:var(--weight-medium) var(--text-xs)/1.2 var(--font-mono);color:#fff;text-align:left;opacity:0;transition:opacity var(--motion-fast)}.thumb:hover .thumb__cap,.thumb:focus-visible .thumb__cap{opacity:1}.thumb__count{position:absolute;right:var(--space-2);top:var(--space-2)}.lightbox{position:fixed;inset:0;z-index:var(--z-overlay);display:none;align-items:center;justify-content:center;padding:var(--space-6);background:#000000d1;backdrop-filter:blur(4px)}.lightbox.is-open{display:flex}.lightbox__stage{position:relative;width:min(960px,92vw)}.lightbox__img{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-default)}.lightbox__cap{margin-top:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font:var(--weight-regular) var(--text-sm)/1.4 var(--font-mono);color:var(--color-text-secondary)}.lightbox__close{position:absolute;top:calc(-1 * var(--space-7));right:0;color:#fff}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:var(--radius-full);border:none;cursor:pointer;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}.lightbox__nav:hover{background:#000000bf}.lightbox__nav:focus-visible{outline:none;box-shadow:var(--glow-focus)}.lightbox__nav>svg{width:22px;height:22px}.lightbox__nav--prev{left:calc(-1 * var(--space-7))}.lightbox__nav--next{right:calc(-1 * var(--space-7))}@media(max-width:720px){.lightbox__nav--prev{left:var(--space-2)}.lightbox__nav--next{right:var(--space-2)}.lightbox__close{top:calc(-1 * var(--space-6))}}.field{display:flex;flex-direction:column;gap:var(--space-2);max-width:100%}.field__label{font:var(--weight-medium) var(--text-sm)/1.2 var(--font-mono);color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:var(--space-2)}.field__opt{color:var(--color-text-tertiary);font-weight:var(--weight-regular);font-size:var(--text-xs)}.field__hint{font:var(--weight-regular) var(--text-xs)/1.5 var(--font-mono);color:var(--color-text-tertiary)}.field__msg{display:none;align-items:center;gap:var(--space-2);font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-error)}.field__msg>svg{width:13px;height:13px;flex:none}.field.is-invalid .field__msg{display:inline-flex}.field.is-invalid .field__hint{display:none}.input{--ctrl-h: var(--size-control-md);width:100%;height:var(--ctrl-h);padding:0 var(--space-4);font:var(--weight-regular) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary);background:var(--color-bg-inset);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);-webkit-appearance:none;appearance:none;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background var(--motion-instant) var(--ease-standard)}.input::placeholder{color:var(--color-text-tertiary)}.input:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.input:focus,.input.force-focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent-primary),transparent 78%)}.input:disabled{color:var(--color-text-disabled);cursor:not-allowed;background:var(--color-bg-page);border-color:var(--color-border-subtle)}.input--sm{--ctrl-h: var(--size-control-sm);font-size:var(--text-xs);padding:0 var(--space-3)}.input--lg{--ctrl-h: var(--size-control-lg);font-size:var(--text-base);padding:0 var(--space-5)}.field.is-invalid .input,.input.is-invalid{border-color:color-mix(in oklab,var(--color-error),transparent 25%)}.field.is-invalid .input:focus,.input.is-invalid:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-error),transparent 76%)}.textarea{height:auto;min-height:96px;padding:var(--space-3) var(--space-4);line-height:var(--leading-normal);resize:vertical}.input-group{position:relative;display:flex;align-items:center;width:100%}.input-group__icon{position:absolute;display:inline-flex;pointer-events:none;color:var(--color-text-tertiary)}.input-group__icon>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.input-group__icon--lead{left:var(--space-4)}.input-group__icon--trail{right:var(--space-4)}.input-group--lead .input{padding-left:calc(var(--space-4) + var(--size-icon-sm) + var(--space-3))}.input-group--trail .input{padding-right:calc(var(--space-4) + var(--size-icon-sm) + var(--space-3))}.input-group:focus-within .input-group__icon{color:var(--color-text-secondary)}.input-affix{position:absolute;right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:color var(--motion-instant),background var(--motion-instant)}.input-affix:hover{color:var(--color-text-primary);background:var(--overlay-hover)}.input-affix:focus-visible{outline:none;box-shadow:var(--glow-focus)}.input-affix>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.input-group--trail-btn .input{padding-right:calc(28px + var(--space-3))}.select-wrap{position:relative;display:inline-flex;width:100%}.select-wrap>.input{padding-right:calc(var(--space-4) + var(--size-icon-sm) + var(--space-2));cursor:pointer}.select-wrap__caret{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-tertiary)}.select-wrap__caret>svg{width:var(--size-icon-sm);height:var(--size-icon-sm);display:block}.select-wrap:focus-within .select-wrap__caret{color:var(--color-accent-primary)}select.input option{background:var(--color-bg-elevated);color:var(--color-text-primary)}.choice{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;position:relative}.choice__input{position:absolute;opacity:0;width:0;height:0}.choice__box{flex:none;width:18px;height:18px;margin-top:1px;border:1px solid var(--color-border-strong);background:var(--color-bg-inset);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent-primary-ink);transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.choice__box>svg{width:13px;height:13px;opacity:0;transform:scale(.6);transition:opacity var(--motion-fast),transform var(--motion-fast) var(--ease-enter)}.choice:hover .choice__input:not(:disabled)~.choice__box{border-color:var(--color-accent-primary)}.choice__input:checked~.choice__box{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.choice__input:checked~.choice__box>svg{opacity:1;transform:scale(1)}.choice__input:indeterminate~.choice__box{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.choice__input:indeterminate~.choice__box:after{content:"";width:9px;height:2px;background:var(--color-accent-primary-ink);border-radius:1px}.choice__input:focus-visible~.choice__box{box-shadow:var(--glow-focus)}.choice__input:disabled~.choice__box{border-color:var(--color-border-subtle);background:var(--color-bg-page)}.choice__input:disabled~.choice__text{color:var(--color-text-disabled)}.choice__text{font:var(--weight-regular) var(--text-sm)/1.4 var(--font-sans);color:var(--color-text-primary)}.choice__text small{display:block;font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary);margin-top:2px}.choice--radio .choice__box{border-radius:var(--radius-full)}.choice--radio .choice__box:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent-primary-ink);transform:scale(0);transition:transform var(--motion-fast) var(--ease-enter)}.choice--radio .choice__input:checked~.choice__box:before{transform:scale(1)}.choice-group{display:flex;flex-direction:column;gap:var(--space-4)}.choice-group--inline{flex-direction:row;flex-wrap:wrap;gap:var(--space-5)}.choice-card{border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-bg-inset);transition:border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast)}.choice-card:hover{border-color:var(--color-border-strong)}.choice-card:has(.choice__input:checked){border-color:var(--color-accent-primary);background:color-mix(in oklab,var(--color-accent-primary),transparent 92%)}.choice-card:has(.choice__input:focus-visible){box-shadow:var(--glow-focus)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.switch__input{position:absolute;opacity:0;width:0;height:0}.switch__track{flex:none;width:40px;height:24px;border-radius:var(--radius-full);background:var(--color-bg-inset);border:1px solid var(--color-border-strong);position:relative;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast)}.switch__track:after{content:"";position:absolute;top:50%;left:3px;transform:translateY(-50%);width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-text-secondary);transition:transform var(--motion-fast) var(--ease-standard),background var(--motion-fast)}.switch:hover .switch__input:not(:disabled)~.switch__track{border-color:var(--color-accent-primary)}.switch__input:checked~.switch__track{background:var(--color-accent-primary);border-color:var(--color-accent-primary);box-shadow:var(--glow-sm)}.switch__input:checked~.switch__track:after{transform:translateY(-50%) translate(16px);background:var(--color-accent-primary-ink)}.switch__input:focus-visible~.switch__track{box-shadow:var(--glow-focus)}.switch__input:disabled~.switch__track{opacity:.5}.switch__label{font:var(--weight-regular) var(--text-sm)/1.3 var(--font-sans);color:var(--color-text-primary)}.switch--sm .switch__track{width:34px;height:20px}.switch--sm .switch__track:after{width:13px;height:13px}.switch--sm .switch__input:checked~.switch__track:after{transform:translateY(-50%) translate(14px)}.slider{width:100%}.slider__rail{position:relative;height:4px;border-radius:var(--radius-full);background:var(--color-bg-inset);border:1px solid var(--color-border-subtle)}.slider__fill{position:absolute;top:-1px;height:4px;border-radius:var(--radius-full);background:var(--color-accent-primary);box-shadow:var(--glow-sm)}.slider__row{display:flex;align-items:center;gap:var(--space-4)}.slider__val{font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-accent-primary);min-width:4ch;text-align:right}input[type=range].range{-webkit-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer;margin:0}input[type=range].range::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-full);background:linear-gradient(var(--color-accent-primary),var(--color-accent-primary)) no-repeat,var(--color-bg-inset);background-size:var(--range-fill, 50%) 100%;border:1px solid var(--color-border-subtle)}input[type=range].range::-moz-range-track{height:4px;border-radius:var(--radius-full);background:var(--color-bg-inset);border:1px solid var(--color-border-subtle)}input[type=range].range::-moz-range-progress{height:4px;border-radius:var(--radius-full);background:var(--color-accent-primary)}input[type=range].range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-8px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-text-primary);border:2px solid var(--color-accent-primary);box-shadow:var(--glow-sm);transition:transform var(--motion-instant)}input[type=range].range::-moz-range-thumb{width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-text-primary);border:2px solid var(--color-accent-primary);box-shadow:var(--glow-sm)}input[type=range].range:focus-visible{outline:none}input[type=range].range:focus-visible::-webkit-slider-thumb{box-shadow:var(--glow-md)}input[type=range].range:active::-webkit-slider-thumb{transform:scale(1.12)}.range-dual{position:relative;height:24px;display:flex;align-items:center}.range-dual input[type=range]{position:absolute;width:100%;pointer-events:none;background:none;-webkit-appearance:none;appearance:none;height:24px;margin:0}.range-dual input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-text-primary);border:2px solid var(--color-accent-primary);box-shadow:var(--glow-sm);cursor:pointer}.range-dual input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-text-primary);border:2px solid var(--color-accent-primary);box-shadow:var(--glow-sm);cursor:pointer}.range-dual input[type=range]::-webkit-slider-runnable-track{background:transparent;height:4px}.range-dual input[type=range]::-moz-range-track{background:transparent;height:4px}.range-dual__rail{position:absolute;left:0;right:0;height:4px;border-radius:var(--radius-full);background:var(--color-bg-inset);border:1px solid var(--color-border-subtle)}.range-dual__fill{position:absolute;height:4px;border-radius:var(--radius-full);background:var(--color-accent-primary);box-shadow:var(--glow-sm);top:50%;transform:translateY(-50%)}.stepper{display:inline-flex;align-items:stretch}.stepper input[type=number]{width:64px;text-align:center;border-radius:0;border-left:none;border-right:none;-moz-appearance:textfield}.stepper input[type=number]::-webkit-outer-spin-button,.stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper__btn{flex:none;width:var(--size-control-md);height:var(--size-control-md);display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;transition:background var(--motion-instant),color var(--motion-instant),box-shadow var(--motion-fast)}.stepper__btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.stepper__btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.stepper__btn:hover:not(:disabled){background:color-mix(in oklab,var(--color-bg-elevated),white 5%);color:var(--color-text-primary)}.stepper__btn:focus-visible{outline:none;box-shadow:var(--glow-focus);z-index:1}.stepper__btn:disabled{color:var(--color-text-disabled);cursor:not-allowed}.stepper__btn>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.otp{display:inline-flex;gap:var(--space-3)}.otp__cell{width:46px;height:54px;text-align:center;font:var(--weight-semibold) var(--text-xl)/1 var(--font-mono);color:var(--color-text-primary);background:var(--color-bg-inset);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);-webkit-appearance:none;appearance:none;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.otp__cell:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent-primary),transparent 78%)}.otp__cell[data-filled=true]{border-color:var(--color-border-strong)}.otp__sep{display:inline-flex;align-items:center;color:var(--color-text-tertiary)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center;cursor:pointer;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-inset);color:var(--color-text-secondary);transition:border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast)}.dropzone:hover,.dropzone:focus-within{border-color:var(--color-accent-primary)}.dropzone.is-dragover{border-color:var(--color-accent-primary);border-style:solid;background:color-mix(in oklab,var(--color-accent-primary),transparent 92%);box-shadow:var(--glow-sm)}.dropzone__icon{color:var(--color-text-tertiary)}.dropzone__icon>svg{width:28px;height:28px}.dropzone.is-dragover .dropzone__icon{color:var(--color-accent-primary)}.dropzone__title{font:var(--weight-medium) var(--text-sm)/1.3 var(--font-mono);color:var(--color-text-primary)}.dropzone__hint{font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary)}.filelist{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.filelist__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.filelist__item>svg{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--color-accent-primary);flex:none}.filelist__name{font:var(--weight-regular) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filelist__size{font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary)}.filelist__bar{height:3px;border-radius:var(--radius-full);background:var(--color-bg-inset);overflow:hidden;margin-top:var(--space-2)}.filelist__bar>span{display:block;height:100%;background:var(--color-accent-primary)}.swatch-set{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.swatch-btn{width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border-default);padding:0;position:relative;transition:transform var(--motion-instant),box-shadow var(--motion-fast)}.swatch-btn:hover{transform:translateY(-1px)}.swatch-btn[aria-pressed=true]{box-shadow:var(--glow-md)}.swatch-btn[aria-pressed=true]:after{content:"";position:absolute;inset:0;display:flex;background:no-repeat center/14px url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5L20 6'/></svg>")}.color-native{width:40px;height:40px;padding:0;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:none;cursor:pointer}.color-native::-webkit-color-swatch-wrapper{padding:3px}.color-native::-webkit-color-swatch{border:none;border-radius:2px}.color-readout{font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary);padding:0 var(--space-3);height:var(--size-control-md);display:inline-flex;align-items:center;background:var(--color-bg-inset);border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}.rating{display:inline-flex;gap:var(--space-1)}.rating__star{background:none;border:none;padding:2px;cursor:pointer;line-height:0;color:var(--color-border-strong);transition:color var(--motion-instant),transform var(--motion-instant)}.rating__star>svg{width:24px;height:24px}.rating__star:hover{transform:scale(1.12)}.rating__star:focus-visible{outline:none;box-shadow:var(--glow-focus);border-radius:var(--radius-sm)}.rating__star.is-on{color:var(--amber-500)}.rating__star.is-on>svg{fill:currentColor}.tagfield{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:var(--size-control-md);padding:var(--space-2) var(--space-3);background:var(--color-bg-inset);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:text;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.tagfield:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent-primary),transparent 78%)}.tagfield__input{flex:1;min-width:80px;border:none;background:none;outline:none;font:var(--weight-regular) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary);height:26px}.tagfield__input::placeholder{color:var(--color-text-tertiary)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-2) 0 var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-text-primary)}.chip--accent{color:var(--color-accent-primary);border-color:color-mix(in oklab,var(--color-accent-primary),transparent 55%);background:color-mix(in oklab,var(--color-accent-primary),transparent 90%)}.chip__x{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-sm)}.chip__x:hover{color:var(--color-text-primary);background:var(--overlay-hover)}.chip__x>svg{width:11px;height:11px}.combo{position:relative}.popover{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-2);padding:var(--space-2);z-index:var(--z-overlay);display:none;max-height:264px;overflow-y:auto}.combo.is-open .popover,.popover.is-open{display:block;animation:popIn var(--motion-fast) var(--ease-enter)}@keyframes popIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.combo.is-open .popover,.popover.is-open{animation:none}}.option{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3);border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font:var(--weight-regular) var(--text-sm)/1.3 var(--font-mono);color:var(--color-text-secondary)}.option>svg{width:var(--size-icon-sm);height:var(--size-icon-sm);flex:none;color:var(--color-text-tertiary)}.option__check{margin-left:auto;color:var(--color-accent-primary);opacity:0}.option:hover,.option.is-active{background:var(--overlay-hover);color:var(--color-text-primary)}.option[aria-selected=true]{color:var(--color-text-primary)}.option[aria-selected=true] .option__check{opacity:1}.option mark{background:none;color:var(--color-accent-primary);font-weight:var(--weight-semibold)}.option--empty{color:var(--color-text-tertiary);cursor:default}.option--empty:hover{background:none;color:var(--color-text-tertiary)}.calendar{width:280px;padding:var(--space-2)}.calendar__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2) var(--space-3)}.calendar__month{font:var(--weight-medium) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary)}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar__dow{font:var(--weight-medium) 11px/1 var(--font-mono);color:var(--color-text-tertiary);text-align:center;padding:var(--space-2) 0;text-transform:uppercase}.calendar__day{aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font:var(--weight-regular) var(--text-sm)/1 var(--font-mono);color:var(--color-text-secondary);transition:background var(--motion-instant),color var(--motion-instant)}.calendar__day:hover{background:var(--overlay-hover);color:var(--color-text-primary)}.calendar__day.is-muted{color:var(--color-text-disabled)}.calendar__day.is-today{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.calendar__day.is-selected{background:var(--color-accent-primary);color:var(--color-accent-primary-ink)}.calendar__day.in-range{background:color-mix(in oklab,var(--color-accent-primary),transparent 84%);color:var(--color-text-primary);border-radius:0}.calendar__day.range-start{background:var(--color-accent-primary);color:var(--color-accent-primary-ink);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.calendar__day.range-end{background:var(--color-accent-primary);color:var(--color-accent-primary-ink);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.form-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));align-items:start}.spec-card--field{display:flex;flex-direction:column;gap:var(--space-4)}.label{font:var(--weight-medium) var(--text-sm)/1.2 var(--font-mono);color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:var(--space-2)}.label__req{color:var(--color-accent-primary);font-weight:var(--weight-bold)}.label__opt{color:var(--color-text-tertiary);font-weight:var(--weight-regular);font-size:var(--text-xs)}.label__badge{font:var(--weight-medium) 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-tertiary);border:1px solid var(--color-border-default);padding:3px 6px;border-radius:var(--radius-sm)}.label__info{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;color:var(--color-text-tertiary);cursor:help}.label__info>svg{width:15px;height:15px}.field__control{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field--row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--space-2) var(--space-5);align-items:start}.field--row>.label,.field--row>.field__label{padding-top:calc((var(--size-control-md) - 1.2em) / 2)}@media(max-width:640px){.field--row{grid-template-columns:1fr;gap:var(--space-2)}.field--row>.label,.field--row>.field__label{padding-top:0}}.hint{font:var(--weight-regular) var(--text-xs)/1.5 var(--font-mono);color:var(--color-text-tertiary);display:inline-flex;align-items:center;gap:var(--space-2)}.hint>svg{width:13px;height:13px;flex:none}.hint a{color:var(--color-accent-primary);text-underline-offset:3px}.hint--block{display:flex}.msg{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono)}.msg>svg{width:13px;height:13px;flex:none}.msg--error{color:var(--color-error)}.msg--success{color:var(--color-success)}.msg--warning{color:var(--color-warning)}.msg--info{color:var(--color-info)}.field.is-valid .input{border-color:color-mix(in oklab,var(--color-success),transparent 40%)}.field.is-valid .input:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-success),transparent 80%)}.field .field__ok{display:none}.field.is-valid .field__ok{display:inline-flex}.field.is-valid .field__hint{display:none}.fieldset{border:none;padding:0;margin:0;min-width:0}.form-section{padding:var(--space-7) 0;border-top:1px solid var(--color-border-subtle)}.form-section:first-of-type{padding-top:0;border-top:none}.form-section:last-of-type{padding-bottom:0}.form-section__head{margin-bottom:var(--space-5);display:flex;gap:var(--space-5);align-items:baseline;justify-content:space-between;flex-wrap:wrap}.form-section__heading{min-width:0}.form-section__eyebrow{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-accent-primary);margin-bottom:var(--space-2)}.form-section__legend,legend.form-section__legend{font:var(--weight-semibold) var(--text-xl)/1.2 var(--font-sans);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);padding:0}.form-section__desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-2);max-width:58ch}.form-section__body{display:flex;flex-direction:column;gap:var(--space-5)}.field-cols{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));align-items:start}.field-cols--2{grid-template-columns:1fr 1fr}@media(max-width:560px){.field-cols--2{grid-template-columns:1fr}}.form-shell{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-2);padding:var(--space-7);max-width:640px}@media(max-width:560px){.form-shell{padding:var(--space-5)}}.form-shell__head{margin-bottom:var(--space-6)}.form-shell__title{font:var(--weight-semibold) var(--display-sm)/1.1 var(--font-sans);letter-spacing:var(--tracking-tight)}.form-shell__sub{color:var(--color-text-secondary);font-size:var(--text-base);margin-top:var(--space-3);max-width:52ch}.form__required-note{font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary)}.form__required-note b{color:var(--color-accent-primary)}.form__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}@media(max-width:480px){.form__actions{flex-direction:column-reverse;align-items:stretch}.form__actions .btn{width:100%}}.form__summary{display:none;gap:var(--space-3);flex-direction:column;background:var(--color-error-surface);border:1px solid color-mix(in oklab,var(--color-error),transparent 65%);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6)}.form__summary.is-shown{display:flex}.form__summary-title{display:flex;align-items:center;gap:var(--space-2);font:var(--weight-semibold) var(--text-sm)/1.2 var(--font-mono);color:var(--color-error)}.form__summary-title>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.form__summary ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.form__summary a{color:var(--color-text-secondary);font:var(--weight-regular) var(--text-sm)/1.3 var(--font-mono);text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--color-error),transparent 60%)}.form__summary a:hover{color:var(--color-text-primary)}.form-success{display:none;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-8) var(--space-6)}.form-success.is-shown{display:flex}.form-success__mark{width:56px;height:56px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent-primary-ink);background:var(--color-accent-primary);box-shadow:var(--glow-md)}.form-success__mark>svg{width:28px;height:28px}.form-success__title{font:var(--weight-semibold) var(--display-sm)/1.1 var(--font-sans);letter-spacing:var(--tracking-tight)}.form-success__text{color:var(--color-text-secondary);font-size:var(--text-base);max-width:44ch}.form-success__meta{font:var(--weight-regular) var(--text-xs)/1.6 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}.anatomy{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.anatomy__tag{position:absolute;right:0;font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--color-accent-primary);white-space:nowrap}.anatomy__tag:before{content:"← ";color:var(--color-text-tertiary)}.anatomy__pin{outline:1px dashed color-mix(in oklab,var(--color-accent-primary),transparent 55%);outline-offset:4px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.vh-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.vh-reveal{display:inline-block;font:var(--weight-medium) var(--text-xs)/1.4 var(--font-mono);color:var(--color-accent-primary);background:color-mix(in oklab,var(--color-accent-primary),transparent 90%);border:1px dashed color-mix(in oklab,var(--color-accent-primary),transparent 55%);border-radius:var(--radius-sm);padding:2px 8px}.clip-box{position:relative;overflow:hidden;max-height:132px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-inset);padding:var(--space-5);display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.clip-tag{position:absolute;top:var(--space-2);left:var(--space-3);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}.portal-pop{width:220px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-3);padding:var(--space-4);font:var(--weight-regular) var(--text-sm)/1.4 var(--font-mono);color:var(--color-text-secondary)}.portal-pop__title{font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);font-family:var(--font-sans)}.portal-layer{position:fixed;z-index:var(--z-toast)}.util-ov{position:fixed;inset:0;z-index:var(--z-overlay);display:none;align-items:center;justify-content:center;padding:var(--space-5);background:var(--overlay-scrim);backdrop-filter:blur(3px)}.util-ov.is-open{display:flex}.util-modal{width:min(460px,100%);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);padding:var(--space-6)}.util-modal__title{font:var(--weight-semibold) var(--text-lg)/1.2 var(--font-sans)}.util-modal__text{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-2);line-height:var(--leading-normal)}.util-modal__row{display:flex;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.focus-trace{font:var(--weight-regular) var(--text-xs)/1.5 var(--font-mono);color:var(--color-text-tertiary);margin-top:var(--space-4)}.focus-trace b{color:var(--color-accent-primary)}.theme-toggle-icon>svg{width:var(--size-icon-md);height:var(--size-icon-md)}.theme-preview{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.theme-chip{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-label)}.theme-chip__dot{width:10px;height:10px;border-radius:var(--radius-full);border:1px solid var(--color-border-strong)}:root[data-theme=light] .masthead__mark b,:root[data-theme=light] .index__brand b,:root[data-theme=light] .topbar b{color:var(--color-accent-primary)}.copy-field{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-inset);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:4px 4px 4px var(--space-4);max-width:420px}.copy-field__val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--weight-regular) var(--text-sm)/1 var(--font-mono);color:var(--color-text-primary)}.copy-btn-inline{flex:none}.copy-ok{color:var(--color-success)!important}.copy-toast{font:var(--weight-medium) var(--text-xs)/1 var(--font-mono);color:var(--color-success);opacity:0;transition:opacity var(--motion-fast)}.copy-toast.is-shown{opacity:1}.btn-group .btn[aria-pressed=true],.btn-group .btn[aria-checked=true]{color:var(--color-accent-primary);background:color-mix(in oklab,var(--color-accent-primary),transparent 88%);border-color:color-mix(in oklab,var(--color-accent-primary),transparent 50%);z-index:1}.toggle-group__icon>svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.tg-readout{font:var(--weight-regular) var(--text-xs)/1.4 var(--font-mono);color:var(--color-text-tertiary);margin-top:var(--space-3)}.tg-readout b{color:var(--color-text-secondary)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;overflow-x:clip}img,picture,svg,video,canvas{display:block;max-width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:720px){.u-hide-mobile{display:none!important}}.nav-burger{display:none}@media(max-width:720px){.nav-burger{display:inline-flex}}.nav-drawer-root{position:fixed;inset:0;z-index:var(--z-overlay);pointer-events:none}.nav-drawer-root.is-open{pointer-events:auto}.nav-drawer-root.is-open .drawer{transform:translate(0)}.nav-drawer-root.is-open .drawer-scrim{opacity:1;pointer-events:auto}button.drawer-scrim{appearance:none;border:none;padding:0;cursor:pointer}.segmented[role=radiogroup] .segmented__seg[aria-checked=true]{background:var(--color-bg-elevated);color:var(--color-accent-primary);box-shadow:var(--elevation-1)}.ds-footer{flex-direction:column;align-items:stretch;gap:var(--space-6)}.ds-footer__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6)}.ds-footer__brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4)}.ds-footer__mark{text-transform:none;letter-spacing:.02em;font-size:var(--text-sm);color:var(--color-text-secondary)}.ds-footer__mark b{color:var(--color-accent-primary)}.ds-footer__nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5)}.ds-footer__link{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--motion-instant) var(--ease-standard)}.ds-footer__link:hover{color:var(--color-text-secondary)}.ds-footer__link:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--glow-focus)}.ds-footer__row--meta{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-5)}.site-header{position:relative;z-index:var(--z-content);padding:var(--space-4) var(--space-5) 0}.site-header__inner{max-width:var(--container-max);margin-inline:auto}.site-main{position:relative;z-index:var(--z-content);max-width:var(--container-max);margin-inline:auto;padding:var(--space-7) var(--space-5) var(--space-9)}@media(min-width:960px){.site-header,.site-main{padding-inline:var(--space-7)}}