:root{color-scheme:light;--brand-black:#111;--brand-gold:#ffb612;--brand-blue:#245ac2;--blue-light:#8ab5ff;--blue-tint:#e6eeff;--blue-line:#95ace1;--on-blue:#fff;--heritage-red:#c44232;--heritage-orange:#ee7926;--racing-green:#004225;--bg:#f4f4f2;--panel:#fff;--ink:#171717;--muted:#595959;--line:#d6d6d2;--control:#6b6b63;--accent:#34342a;--action:var(--brand-gold);--on-accent:#121212;--secondary:var(--brand-blue);--on-secondary:var(--on-blue);--secondary-on-dark:var(--blue-light);--secondary-surface:var(--blue-tint);--secondary-line:var(--blue-line);--soft:#ffe49a;--accent-line:#77776b;--focus:var(--brand-blue);--surface:#e9e9e4;--hover:#fff7df;--selected:#ffe8aa;--selection-ring:#ffb61266;--shadow:#17171712;--overlay:#ffffffed;--trim:var(--brand-black);--hero:#171717;--on-dark:#f7f7f3;--on-dark-muted:#d0d0c8;--on-dark-accent:var(--brand-gold);--hero-emphasis:var(--brand-gold);--trim-tag:#30302b;--trim-line:#68685d;--warn:#923a41;--notice-bg:#f8ecd6;--notice-line:#dcc5a1;--notice-ink:#754e1e;--positive:#4b5935;--positive-bg:#e8eddc;--positive-line:#728159;--negative:#923a41;--negative-bg:#f7e6e4;--branch:#735068;--branch-bg:#f0e4e9;--edge:#686860;--review-edge:#777044;--mesh-grid:#cececa;--mesh-rgb:140,145,151;--mesh-outline:#20202050;--font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Consolas,monospace;--instrument-font:var(--font-mono);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lead:1.125rem;--text-h3:1.125rem;--text-h2:1.5rem;--text-title:clamp(2rem,4vw,3rem);--text-display:clamp(2.35rem,5vw,3.7rem);--leading-body:1.6;--leading-heading:1.2;--weight-label:600;--weight-heading:650;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-small:3px;--radius-control:4px;--radius-panel:8px;--border-width:1px;--focus-width:3px;--focus-offset:3px;--shadow-raised:0 3px 8px var(--shadow);--shadow-selected:0 0 0 2px var(--selection-ring),0 4px 14px var(--shadow);--hover-brightness:.93;--disabled-opacity:.5;--content-width:1200px;--reading-width:800px;--title-width:850px;--lead-width:660px;--card-min-width:280px;--control-height:2.75rem;--compact-control-height:2rem;font:15px/var(--leading-body) var(--font-ui)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);overflow-wrap:anywhere;margin:0}a{color:var(--accent);text-underline-offset:3px}button,input,select,textarea{font:inherit}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}button,a.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--control);border-radius:var(--radius-control);background:var(--action);color:var(--on-accent);font-weight:var(--weight-label);cursor:pointer;text-decoration:none;display:inline-flex}button:hover,a.button:hover{filter:brightness(var(--hover-brightness))}button:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}button.secondary,a.secondary{background:var(--panel);color:var(--ink);border-color:var(--control)}button.link{color:var(--accent);background:0 0;border:0;min-height:0;padding:0;font-weight:500}:where(input:not([type=radio]):not([type=checkbox])),select,textarea{width:100%;min-width:0;padding:var(--space-3);border:var(--border-width) solid var(--control);border-radius:var(--radius-control);background:var(--panel);color:var(--ink)}input[type=file]{font-size:var(--text-sm)}input::file-selector-button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);margin-right:var(--space-3);background:var(--secondary-surface);color:var(--accent);cursor:pointer;border:0}input[type=checkbox],input[type=radio]{accent-color:var(--accent);margin-top:var(--space-2)}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--negative)}label{font-size:var(--text-sm);font-weight:var(--weight-label);margin-bottom:var(--space-1);display:block}label.choice{gap:var(--space-3);align-items:start;font-weight:400;display:flex}.fields{gap:var(--space-4);display:grid}fieldset{border:var(--border-width) solid var(--line);padding:var(--space-4);border-radius:var(--radius-control);margin:0 0 var(--space-4)}fieldset.form-reset{border:0;padding:0}legend{padding:0 var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-label)}header{--focus:var(--on-dark);background:var(--trim);color:var(--on-dark);border-bottom:var(--border-width) solid var(--trim-line)}.header-inner{max-width:var(--content-width);padding:var(--space-4) var(--space-8);gap:var(--space-8);flex-wrap:wrap;align-items:center;margin:auto;display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--on-dark);font-weight:750;font-size:var(--text-base);text-transform:uppercase;letter-spacing:.065em;text-decoration:none;display:flex}.brand-mark{background:var(--action);color:var(--on-accent);border-radius:var(--radius-small);width:32px;height:32px;font:600 21px var(--font-mono);place-items:center;display:grid}nav{align-items:center;gap:var(--space-6);font-size:var(--text-sm);display:flex}nav a{color:var(--on-dark-muted);padding:var(--space-1) 0;text-decoration:none}nav a[aria-current=page]{color:var(--on-dark-accent);border-bottom:2px solid var(--on-dark-accent)}header .tag{background:var(--trim-tag);border-color:var(--trim-line);color:var(--on-dark-muted)}.account{align-items:center;gap:var(--space-4);font-size:var(--text-xs);margin-left:auto;display:flex}.account form{gap:var(--space-3);align-items:center;display:flex}.account a,.account button.link{color:var(--on-dark-accent)}.account .handle{color:var(--on-dark-muted)}main{max-width:var(--content-width);padding:var(--space-10) var(--space-8) var(--space-16);min-height:65vh;margin:auto}.narrow{max-width:var(--reading-width);margin:auto}h1,h2,h3{line-height:var(--leading-heading);letter-spacing:-.035em}h1{font-size:var(--text-title);margin:var(--space-3) 0 var(--space-5);font-weight:var(--weight-heading);max-width:var(--title-width)}h2{font-size:var(--text-h2);margin:var(--space-8) 0 var(--space-4);font-weight:var(--weight-heading)}h3{font-size:var(--text-h3);margin:var(--space-1) 0 var(--space-3)}p{margin:var(--space-2) 0 var(--space-4)}.eyebrow{color:var(--accent);font-family:var(--instrument-font);font-size:var(--text-xs);letter-spacing:.13em;text-transform:uppercase;font-weight:700}.lead{color:var(--muted);font-size:var(--text-lead);max-width:var(--lead-width)}.small{font-size:var(--text-sm)}.muted{color:var(--muted)}.mono{font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere}.hero{--focus:var(--on-dark);padding:var(--space-8);margin-bottom:var(--space-6);border-radius:var(--radius-control);border-top:var(--border-width) solid var(--trim-line);background:var(--hero);color:var(--on-dark);position:relative}.hero h1{font-size:var(--text-display)}.hero:after{content:"";border-radius:0 0 var(--radius-control) var(--radius-control);pointer-events:none;background:linear-gradient(110deg,var(--heritage-red) 0 18%,var(--heritage-orange) 18% 40%,var(--action) 40% 100%);height:10px;position:absolute;bottom:0;left:0;right:0}.hero .lead,.hero .muted{color:var(--on-dark-muted)}.hero .eyebrow{color:var(--secondary-on-dark);align-items:center;gap:var(--space-3);display:flex}.hero .eyebrow:before{content:"";pointer-events:none;background:linear-gradient(90deg,var(--heritage-red) 0 45%,transparent 45% 55%,var(--heritage-orange) 55%);flex:0 0 24px;height:8px;transform:skew(-18deg)}.hero-emphasis{color:var(--hero-emphasis)}.hero .actions{margin-top:var(--space-6)}.hero .button{border-color:var(--action)}.hero .secondary{color:var(--secondary-on-dark);border-color:var(--secondary-on-dark);background:0 0}.panel{border:var(--border-width) solid var(--line);background:var(--panel);border-radius:var(--radius-panel);padding:var(--space-6);margin-bottom:var(--space-4)}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.story-banner{--focus:var(--secondary-on-dark);justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--racing-green);color:var(--on-dark);border-color:var(--racing-green);flex-wrap:wrap;display:flex}.story-banner h2{margin:var(--space-1) 0 var(--space-2)}.story-banner .muted{color:var(--on-dark-muted);margin:0}.story-banner .eyebrow{color:var(--secondary-on-dark)}.story-banner .secondary{background:var(--secondary);border-color:var(--secondary-on-dark);color:var(--on-secondary)}.row,.actions{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.row>div{flex:12rem}.row>.field-wide{flex-basis:18rem}.actions{align-items:center}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--card-min-width)),1fr));gap:var(--space-5);display:grid}.split{grid-template-columns:minmax(0,1.6fr) minmax(var(--card-min-width),1fr);gap:var(--space-6);align-items:start;display:grid}.card{background:var(--panel);border:var(--border-width) solid var(--line);border-radius:var(--radius-panel);overflow:hidden}.card-body{padding:var(--space-5)}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{text-decoration:underline}.tag{border:var(--border-width) solid var(--line);background:var(--surface);border-radius:var(--radius-control);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--muted);display:inline-block}.tag.accent{background:var(--secondary-surface);color:var(--accent);border-color:var(--accent-line)}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-4) 0;display:flex}.section-heading h2{margin:0}.filters{gap:var(--space-3);padding:var(--space-5);margin-bottom:var(--space-8);background:var(--secondary-surface);border:var(--border-width) solid var(--secondary-line);border-radius:var(--radius-panel);flex-wrap:wrap;align-items:end;display:flex}.filters>div{flex:200px}table{border-collapse:collapse;width:100%;font-size:var(--text-sm);overflow-wrap:normal}th,td{padding:var(--space-3);text-align:left;border-bottom:var(--border-width) solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:var(--weight-label)}.scroll{overflow:auto}details{margin:var(--space-4) 0}summary{cursor:pointer;font-weight:var(--weight-label)}.empty{padding:var(--space-12) var(--space-6);text-align:center}.divider{border-top:var(--border-width) solid var(--line);margin:var(--space-5) 0}.breadcrumb{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.history{border-left:2px solid var(--line);padding-left:var(--space-5);margin:var(--space-4) 0}.warn,.negative{color:var(--negative)}.positive{color:var(--positive)}.branch-color{color:var(--branch)}.notice{background:var(--notice-bg);border:var(--border-width) solid var(--notice-line);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);font-size:var(--text-sm);margin:var(--space-4) 0}.notice.warn{background:var(--negative-bg);border-color:var(--negative)}.notice.info{background:var(--secondary-surface);color:var(--ink);border-color:var(--secondary-line)}.success{background:var(--positive-bg);color:var(--positive);padding:var(--space-4);border-radius:var(--radius-control)}.review-badge{border-radius:var(--radius-control);color:var(--notice-ink);background:var(--notice-bg);padding:2px 5px;font-size:10px;line-height:1.5;display:inline-block}.review-badge.accepted{color:var(--positive);background:var(--positive-bg)}.review-badge.rejected{color:var(--negative);background:var(--negative-bg)}mesh-view{display:block}.preview{background:var(--surface);border-radius:var(--radius-panel);position:relative;overflow:hidden}.preview canvas{touch-action:pan-y;width:100%;height:320px;display:block}.card .preview{border-radius:0}.card .preview canvas{height:220px}.preview .controls{gap:var(--space-2);padding:var(--space-3);border-top:var(--border-width) solid var(--line);flex-wrap:wrap;align-items:center;display:flex}.preview .controls button{min-height:var(--compact-control-height);padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.preview-status{left:var(--space-4);top:var(--space-4);max-width:calc(100% - var(--space-8));font-family:var(--instrument-font);font-size:var(--text-xs);color:var(--muted);background:var(--overlay);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);position:absolute}footer{--focus:var(--on-dark);border-top:var(--border-width) solid var(--trim-line);background:var(--trim)}.footer-inner a{color:var(--on-dark-accent)}.footer-brand{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.workflow-steps{padding-left:var(--space-6)}.workflow-steps li+li{margin-top:var(--space-4)}.footer-inner{max-width:var(--content-width);padding:var(--space-6) var(--space-8);gap:var(--space-4);color:var(--on-dark-muted);font-size:var(--text-xs);flex-wrap:wrap;justify-content:space-between;margin:auto;display:flex}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.visually-hidden:focus{z-index:100;top:var(--space-2);left:var(--space-2);clip:auto;width:auto;height:auto;padding:var(--space-2) var(--space-4);background:var(--panel);position:fixed}.reference-section{margin-top:var(--space-12);scroll-margin-top:var(--space-6)}.token-swatch{border:var(--border-width) solid var(--line);border-radius:var(--radius-control);height:5rem;margin-bottom:var(--space-4)}.swatch-black{background:var(--brand-black)}.swatch-gold{background:var(--brand-gold)}.swatch-blue{background:var(--brand-blue)}.swatch-green{background:var(--racing-green)}.swatch-red{background:var(--heritage-red)}.swatch-orange{background:var(--heritage-orange)}.reference-example{border-left:3px solid var(--secondary);padding-left:var(--space-4)}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-12{margin-top:var(--space-12)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}@media (width<=700px){.header-inner{padding:var(--space-4);gap:var(--space-3) var(--space-5)}nav{gap:var(--space-4);order:3;width:100%}.account .handle{display:none}main{padding:var(--space-6) var(--space-4) var(--space-12)}.split{grid-template-columns:1fr}.panel{padding:var(--space-4)}.hero{padding:var(--space-5)}.footer-inner{padding:var(--space-6) var(--space-4)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
