:root{color-scheme:dark;--step--1:clamp(.8125rem, .7946rem + .0893vw, .875rem);--step-0:clamp(1rem, .9643rem + .1786vw, 1.125rem);--step-1:clamp(1.2rem, 1.1143rem + .4286vw, 1.5rem);--step-2:clamp(1.44rem, 1.28rem + .8vw, 2rem);--step-3:clamp(1.7281rem, 1.454rem + 1.3705vw, 2.6875rem);--step-4:clamp(2.0737rem, 1.6305rem + 2.2161vw, 3.625rem);--step-5:clamp(2.4881rem, 1.8419rem + 3.2313vw, 4.75rem);--space-2xs:clamp(.25rem, .2143rem + .1786vw, .375rem);--space-xs:clamp(.5rem, .4286rem + .3571vw, .75rem);--space-s:clamp(.75rem, .6429rem + .5357vw, 1.125rem);--space-m:clamp(1.125rem, .9464rem + .8929vw, 1.75rem);--space-l:clamp(1.75rem, 1.4643rem + 1.4286vw, 2.75rem);--space-xl:clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem);--space-2xl:clamp(4.25rem, 3.4643rem + 3.9286vw, 7rem);--space-3xl:clamp(6.25rem, 5.1786rem + 5.3571vw, 10rem);--font-display:"Space Grotesk", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--color-background:#111719;--color-surface:#182124;--color-surface-raised:#202b2f;--color-text:#e8f1ec;--color-text-muted:#9bada6;--color-border:#344448;--color-accent:#63e6be;--color-signal:#d9ff57;--color-success:#63e6be;--color-warning:#f5c451;--color-danger:#ff8585;--color-info:#7dd3fc;--radius-s:.2rem;--radius-m:.45rem;--radius-l:.8rem;--border-thin:1px solid var(--color-border);--shadow-raised:0 1.25rem 3.5rem #00000047;--measure:66ch;--measure-short:46ch;--gutter:var(--space-m)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);color:var(--color-text);font:var(--step-0) / 1.66 var(--font-body);text-rendering:optimizelegibility;margin:0}body,h1,h2,h3,h4,p,blockquote,figure,dl,dd{margin-block:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-weight:600;line-height:1.04}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}a{color:var(--color-accent);text-underline-offset:.22em;text-decoration-thickness:.08em}a:hover{color:var(--color-signal)}button,input,textarea,select{font:inherit}button{color:inherit}code,pre,kbd,samp{font-family:var(--font-mono)}code:not(pre code){border:var(--border-thin);border-radius:var(--radius-s);background:var(--color-surface);color:var(--color-accent);padding:.14em .38em;font-size:.88em}img,svg{max-inline-size:100%;display:block}table{border-collapse:collapse;inline-size:100%}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}::selection{background:var(--color-signal);color:var(--color-background)}.center{box-sizing:content-box;max-inline-size:var(--center-max,76rem);padding-inline:var(--gutter);margin-inline:auto}.stack{justify-content:flex-start;gap:var(--stack-space,var(--space-l));flex-direction:column;display:flex}.cluster{align-items:var(--cluster-align,center);justify-content:var(--cluster-justify,flex-start);gap:var(--cluster-gap,var(--space-s));flex-wrap:wrap;display:flex}.sidebar{align-items:var(--sidebar-align,flex-start);gap:var(--sidebar-gap,var(--space-l));flex-wrap:wrap;display:flex}.sidebar>:first-child{flex-basis:var(--sidebar-width,18rem);flex-grow:1}.sidebar>:last-child{min-inline-size:min(100%, var(--sidebar-content-min,52%));flex-grow:999;flex-basis:0}.switcher{gap:var(--switcher-gap,var(--space-l));flex-wrap:wrap;display:flex}.switcher>*{flex-basis:calc((var(--switcher-threshold,42rem) - 100%) * 999);flex-grow:1;min-inline-size:0}.grid{grid-template-columns:repeat(auto-fit, minmax(min(var(--grid-min,16rem), 100%), 1fr));gap:var(--grid-gap,var(--space-m));display:grid}.frame{aspect-ratio:var(--frame-ratio,16 / 9);display:flex;overflow:hidden}.reel{overscroll-behavior-inline:contain;gap:var(--reel-gap,var(--space-s));scrollbar-color:var(--color-accent) var(--color-surface);padding-block-end:var(--space-xs);display:flex;overflow-x:auto}.reel>*{flex:0 0 var(--reel-item,18rem)}.cover{min-block-size:var(--cover-min,min(44rem, 88svh));flex-direction:column;justify-content:center;display:flex}.cover>[data-cover-centered]{align-self:center;margin-block:auto}.flow-xs{--stack-space:var(--space-xs)}.flow-s{--stack-space:var(--space-s)}.flow-m{--stack-space:var(--space-m)}.flow-xl{--stack-space:var(--space-xl)}.measure{max-inline-size:var(--measure)}.measure-short{max-inline-size:var(--measure-short)}.muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.label,.eyebrow,.metadata,.caption,.token-name{font-size:var(--step--1)}.label,.eyebrow,.token-name{font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-weight:600;line-height:1.3}.label,.eyebrow{color:var(--color-accent)}.caption,.metadata{color:var(--color-text-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);background:var(--color-accent);color:var(--color-background);font-weight:600;position:fixed;inset-block-start:var(--space-s);inset-inline-start:var(--space-s);transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{padding-block:var(--space-m);border-block-end:var(--border-thin);background:#111719f0}.site-header__inner{--cluster-justify:space-between}.wordmark{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.03em;font-weight:600;text-decoration:none}.site-nav{--cluster-gap:var(--space-m);font-size:var(--step--1)}.site-nav a[aria-current=page]{color:var(--color-signal);text-decoration-thickness:.16em}.inventory-hero{isolation:isolate;border-block-end:var(--border-thin);position:relative;overflow:hidden}.inventory-hero:before{z-index:-1;background:radial-gradient(circle at 78% 18%, #63e6be24, transparent 28rem), linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);content:"";background-size:auto,3rem 3rem,3rem 3rem;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 92%)}.inventory-hero__inner{--center-max:76rem;--cover-min:min(42rem, 80svh);padding-block:var(--space-2xl)}.inventory-hero h1{max-inline-size:13ch}.inventory-hero__intro{--sidebar-width:min(46rem, 100%);--sidebar-content-min:22rem;--sidebar-align:flex-end}.signal-path{align-items:center;gap:var(--space-xs);padding:var(--space-m);border:var(--border-thin);background:var(--color-surface);font:var(--step--1) / 1.4 var(--font-mono);grid-template-columns:auto minmax(1rem,1fr) auto minmax(1rem,1fr) auto;display:grid}.signal-path i{background:linear-gradient(90deg, var(--color-accent), var(--color-signal));block-size:2px;position:relative}.signal-path i:after{border:5px solid #0000;border-inline-start-color:var(--color-signal);content:"";position:absolute;inset-block-start:-4px;inset-inline-end:0}.inventory-main{--center-max:76rem;padding-block:var(--space-2xl) var(--space-3xl)}.inventory-section{border-block-start:var(--border-thin);padding-block-start:var(--space-xl)}.section-heading{--sidebar-width:18rem;--sidebar-content-min:54%;--sidebar-align:flex-end}.section-heading>p{color:var(--color-text-muted);font-size:var(--step-1)}.specimen-panel,.token-card,.composition-card,.fluid-card{padding:var(--space-m);border:var(--border-thin);border-radius:var(--radius-m);background:var(--color-surface)}.token-card{min-block-size:12rem}.color-chip{border-radius:var(--radius-s);background:var(--swatch);border:1px solid #e8f1ec33;block-size:5rem;display:block}.color-meta{--cluster-justify:space-between;--cluster-align:flex-start;margin-block-start:var(--space-s)}.contrast-table,.comparison-table{border:var(--border-thin);border-radius:var(--radius-m);background:var(--color-surface);display:block;overflow-x:auto}.contrast-table th,.contrast-table td,.comparison-table th,.comparison-table td{min-inline-size:9rem;padding:var(--space-s);border-block-end:var(--border-thin);text-align:start}.contrast-table th,.comparison-table th{color:var(--color-text-muted);font:500 var(--step--1) / 1.3 var(--font-mono);letter-spacing:.05em}.pass{color:var(--color-success);font-family:var(--font-mono);font-weight:600}.type-row{gap:var(--space-m);padding-block:var(--space-m);border-block-end:var(--border-thin);grid-template-columns:minmax(7rem,.3fr) minmax(0,1fr);align-items:baseline;display:grid}.type-display{font:600 var(--step-5) / .96 var(--font-display);letter-spacing:-.05em}.type-h1{font:600 var(--step-4) / 1 var(--font-display);letter-spacing:-.04em}.type-h2{font:600 var(--step-3) / 1.04 var(--font-display);letter-spacing:-.035em}.type-h3{font:600 var(--step-2) / 1.1 var(--font-display)}.type-lead{font:400 var(--step-1) / 1.5 var(--font-body);color:var(--color-text-muted)}.type-small{font-size:var(--step--1)}.type-quote{font:500 var(--step-2) / 1.35 var(--font-display);color:var(--color-signal)}.weight-sample{font-size:var(--step-1);font-weight:var(--weight)}.space-row{gap:var(--space-s);grid-template-columns:6rem minmax(0,1fr) 7rem;align-items:center;display:grid}.space-bar{inline-size:min(100%, var(--space-value));background:linear-gradient(90deg, var(--color-accent), var(--color-signal));border-radius:99rem;block-size:.75rem}.fluid-card{align-content:space-between;gap:var(--sample-space);min-block-size:18rem;display:grid}.fluid-card__display{font-family:var(--font-display);font-size:var(--sample-type);letter-spacing:-.04em;font-weight:600;line-height:.98}.surface-sample{min-block-size:9rem;padding:var(--space-m);border:var(--sample-border,var(--border-thin));border-radius:var(--sample-radius,var(--radius-m));background:var(--sample-surface,var(--color-surface));box-shadow:var(--sample-shadow,none)}.button{min-block-size:2.75rem;padding-inline:var(--space-m);border:1px solid var(--color-accent);border-radius:var(--radius-s);background:var(--color-accent);color:var(--color-background);cursor:pointer;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-signal);border-color:var(--color-signal);color:var(--color-background)}.button[data-variant=quiet]{color:var(--color-accent);background:0 0}.field{border:var(--border-thin);border-radius:var(--radius-s);background:var(--color-background);inline-size:min(100%,24rem);color:var(--color-text);padding:.72rem .85rem}.status-list{--cluster-gap:var(--space-xs)}.status-chip{color:var(--status-color);font:var(--step--1) / 1.3 var(--font-mono);border:1px solid;border-radius:99rem;padding:.28em .62em}.composition-card{min-block-size:17rem}.composition-card[data-span=wide]{grid-column:1/-1}.composition-stage{min-block-size:10rem;min-inline-size:0;padding:var(--space-s);border:1px dashed var(--color-border);background:var(--color-background);color:var(--color-text-muted);font:var(--step--1) / 1.3 var(--font-mono)}.demo-node{min-block-size:2.4rem;min-inline-size:0;padding:var(--space-xs);border:var(--border-thin);background:var(--color-surface);text-align:center;place-items:center;display:grid}.demo-stack{--stack-space:var(--space-s)}.demo-stack .demo-node:nth-child(2){inline-size:72%}.demo-cluster{--cluster-align:center;--cluster-gap:var(--space-xs)}.demo-cluster .demo-node{border-radius:99rem;min-block-size:auto}.demo-center{--center-max:12rem;--gutter:var(--space-s);border-inline:1px dashed var(--color-accent);background:#63e6be0d;min-block-size:10rem}.demo-center .demo-node{min-block-size:100%}.demo-sidebar{--sidebar-width:7rem;--sidebar-content-min:16rem;--sidebar-gap:var(--space-xs)}.demo-sidebar .demo-node:first-child{background:#d9ff5714}.demo-switcher{--switcher-threshold:32rem;--switcher-gap:var(--space-xs)}.demo-grid{--grid-min:6rem;--grid-gap:var(--space-xs)}.demo-frame{--frame-ratio:16 / 7;min-block-size:0;padding:0}.demo-frame-media{background:radial-gradient(circle at 70% 30%, var(--color-signal) 0 7%, transparent 7.5%), linear-gradient(145deg, transparent 0 36%, #63e6bea6 36.5% 50%, transparent 50.5%), linear-gradient(30deg, var(--color-surface-raised), #0d1214);inline-size:110%;min-inline-size:110%;color:var(--color-text);place-items:center;display:grid;translate:-5%}.demo-reel{--reel-item:8rem;--reel-gap:var(--space-xs);padding-block:var(--space-s);mask-image:linear-gradient(90deg,#000 0 88%,#0000)}.demo-reel .demo-node{min-block-size:6rem}.demo-cover{--cover-min:14rem}.demo-cover>:first-child,.demo-cover>:last-child{color:var(--color-accent)}.demo-cover>[data-cover-centered]{border-color:var(--color-signal);inline-size:min(100%,14rem);color:var(--color-text)}.article-masthead{--cover-min:min(38rem, 76svh);padding-block:var(--space-xl);border:var(--border-thin);background:radial-gradient(circle at 82% 20%, #63e6be1f, transparent 24rem), var(--color-surface)}.article-masthead h2{max-inline-size:13ch}.article-meta{--cluster-gap:var(--space-s)}.article-section-intro{--sidebar-width:19rem;--sidebar-content-min:54%;border-block-end:var(--border-thin);padding-block-end:var(--space-l)}.prose{--stack-space:1.45em;inline-size:min(100%, var(--measure));margin-inline:auto}.prose blockquote{margin-inline:calc(var(--space-m) * -1);padding:var(--space-m);border-block:var(--border-thin);color:var(--color-signal);font:500 var(--step-2) / 1.35 var(--font-display)}.prose li+li{margin-block-start:var(--space-xs)}.key-idea{--sidebar-width:4rem;--sidebar-content-min:75%;padding:var(--space-l);border-inline-start:.35rem solid var(--color-accent);background:#63e6be14}.key-idea__mark{color:var(--color-accent);font:600 var(--step-4) / 1 var(--font-mono)}.numbered-step{--switcher-threshold:40rem;padding:var(--space-l);border:var(--border-thin);background:var(--color-surface)}.step-number{min-block-size:10rem;color:var(--color-accent);font-family:var(--font-mono);flex-direction:column;justify-content:space-between;display:flex}.step-number b{font-size:var(--step-5);font-weight:500;line-height:.8}.astro-code{border-radius:var(--radius-s);tab-size:2;border:1px solid #3d444d;max-inline-size:100%;font-size:clamp(.875rem,.84rem + .16vw,1rem);line-height:1.7;overflow:auto;padding:var(--space-m)!important}.figure-frame{--frame-ratio:16 / 7;min-block-size:18rem;padding:var(--space-l);border:var(--border-thin);background:#0d1214;align-items:stretch}.flow-diagram{align-items:center;gap:var(--space-s);grid-template-columns:1fr minmax(4rem,.55fr) 1fr minmax(4rem,.55fr) 1fr;inline-size:100%;display:grid}.flow-node{gap:var(--space-2xs);padding:var(--space-m);border:var(--border-thin);background:var(--color-surface);display:grid}.flow-node[data-accent]{border-color:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-accent)}.flow-edge{justify-items:center;gap:var(--space-2xs);color:var(--color-text-muted);font:500 var(--step--1) / 1 var(--font-mono);grid-template-rows:1fr auto 1fr;display:grid}.flow-edge i{background:linear-gradient(90deg, var(--color-accent), var(--color-signal));block-size:2px;inline-size:100%;position:relative}.flow-edge i:after{border:5px solid #0000;border-inline-start-color:var(--color-signal);content:"";position:absolute;inset-block-start:-4px;inset-inline-end:0}.source-note{padding:var(--space-m);border:var(--border-thin);color:var(--color-text-muted);font-size:var(--step--1)}.article-footer{padding-block:var(--space-xl);border-block-start:var(--border-thin);background:var(--color-surface)}.site-footer{padding-block:var(--space-xl);border-block-start:var(--border-thin);color:var(--color-text-muted);font-size:var(--step--1)}.home-shell{--center-max:62rem;padding-block:var(--space-3xl)}[data-surface=raised]{--sample-surface:var(--color-surface-raised);--sample-shadow:var(--shadow-raised)}[data-radius=none]{--sample-radius:0}[data-radius=small]{--sample-radius:var(--radius-s)}[data-radius=large]{--sample-radius:var(--radius-l)}@media (width<=46rem){.type-row,.space-row{grid-template-columns:1fr}.prose blockquote{margin-inline:0}.figure-frame{aspect-ratio:auto}.flow-diagram{grid-template-columns:1fr}.flow-edge{min-block-size:5rem}.flow-edge i{background:linear-gradient(var(--color-accent), var(--color-signal));block-size:100%;inline-size:2px}.flow-edge i:after{border-inline-start-color:#0000;border-block-start-color:var(--color-signal);inset-block:auto 0;inset-inline-end:-4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--color-border:#71827b}.specimen-panel,.token-card,.composition-card,.fluid-card,.article-masthead,.numbered-step,.figure-frame{border-width:2px}}@media (forced-colors:active){.signal-path i,.flow-edge i,.space-bar{background:canvastext}.button{forced-color-adjust:none;color:highlighttext;background:highlight}}