:root{--statute-navy:oklch(35% .15 250);--indigo:oklch(48% .14 250);--indigo-soft:oklch(94% .035 250);--paper:oklch(100% 0 0);--paper-sunken:oklch(98.5% .003 250);--ink:oklch(14.5% .005 250);--ink-80:oklch(30% .005 250);--ink-60:oklch(48% .005 250);--ink-40:oklch(68% .004 250);--ink-20:oklch(88% .003 250);--teal-strong:oklch(45% .09 195);--teal-soft:oklch(94% .03 195);--coral-strong:oklch(52% .17 25);--coral-soft:oklch(95% .04 25);--gold-strong:oklch(53% .11 80);--gold-soft:oklch(96% .04 85);--destructive:oklch(52% .17 25);--focus-ring:oklch(35% .15 250/.2);--font:"Geist", ui-sans-serif, system-ui, sans-serif}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box}body{background:var(--paper-sunken);color:var(--ink);font-family:var(--font);margin:0}.shell-header{background:var(--paper);border-bottom:1px solid var(--ink-20);align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.shell-header img{height:1.75rem}.shell-title{letter-spacing:-.01em;font-size:1rem;font-weight:600}.shell-spacer{flex:1}.app-shell{flex-direction:column;height:100dvh;display:flex}.app-main{background:#111;flex:1;min-height:0;position:relative}.sim{position:absolute;inset:0}.sim-status{color:#bbb;padding:1.5rem}.sim-hud{z-index:10;color:#eee;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141419d9;border-radius:.625rem;min-width:14rem;padding:.875rem 1.125rem;position:absolute;top:1rem;left:1rem}.sim-hud-title{color:#bbb;margin-bottom:.375rem;font-size:.8125rem}.sim-clock{font-variant-numeric:tabular-nums;font-size:2.125rem;font-weight:600}.sim-stats{color:#9a9aa0;margin-top:.125rem;font-size:.75rem}.sim-controls{align-items:center;gap:.375rem;margin-top:.625rem;display:flex}.sim-controls button,.sim-controls select{color:#eee;cursor:pointer;background:#2a2a32;border:1px solid #444;border-radius:.375rem;padding:.3rem .75rem;font-size:.8125rem}.sim-controls button:hover{background:#3a3a44}.sim-hud input[type=range]{width:100%;margin-top:.625rem}.sim-toggles{gap:.875rem;margin-top:.5rem;font-size:.75rem;display:flex}.user-chip{background:var(--indigo-soft);color:var(--statute-navy);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem;max-width:72rem;margin:0 auto;padding:1.5rem;display:grid}.ds-card{background:var(--paper);border:1px solid var(--ink-20);border-radius:.875rem;padding:1rem 1.25rem}.ds-card-title{letter-spacing:-.005em;color:var(--ink);margin:0 0 .5rem;font-size:1.125rem;font-weight:500;line-height:1.35}.ds-card-body{color:var(--ink-80);margin:0;font-size:.9375rem;line-height:1.5}.ds-btn-primary,.ds-btn-outline,.ds-btn-danger{height:2.25rem;font-family:var(--font);letter-spacing:.02em;cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:background .12s cubic-bezier(.25,1,.5,1),transform .12s cubic-bezier(.25,1,.5,1);display:inline-flex}.ds-btn-primary{background:var(--statute-navy);color:var(--paper);border:none}.ds-btn-primary:hover{background:var(--indigo)}.ds-btn-primary:active{transform:translateY(1px)}.ds-btn-outline{background:var(--paper);color:var(--ink-80);border:1px solid var(--ink-20)}.ds-btn-outline:hover{background:var(--paper-sunken);border-color:var(--ink-40)}.ds-btn-danger{background:var(--destructive);color:var(--paper);border:none}.ds-btn-danger:hover{background:var(--coral-strong)}.ds-btn-primary:disabled,.ds-btn-outline:disabled,.ds-btn-danger:disabled{background:var(--ink-20);border-color:var(--ink-20);color:var(--ink-60);cursor:not-allowed;transform:none}.ds-btn-primary:focus-visible,.ds-btn-outline:focus-visible,.ds-btn-danger:focus-visible,.ds-input:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.ds-input{background:var(--paper);width:100%;height:2.25rem;color:var(--ink);border:1px solid var(--ink-20);font-family:var(--font);border-radius:.625rem;padding:.5rem .75rem;font-size:.9375rem;line-height:1.4;display:block}.ds-input::placeholder{color:var(--ink-40)}textarea.ds-input{resize:vertical;height:auto;min-height:2.25rem}.ai-output{background:var(--paper-sunken);border:1px solid var(--ink-20);white-space:pre-wrap;word-break:break-word;border-radius:.625rem;max-height:20rem;margin:.375rem 0;padding:.625rem .75rem;font-size:.875rem;line-height:1.55;overflow-y:auto}.ds-badge{letter-spacing:.04em;border-radius:.375rem;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1.3;display:inline-flex}.ds-badge-ok{background:var(--teal-soft);color:var(--teal-strong)}.ds-badge-warn{background:var(--gold-soft);color:var(--gold-strong)}.ds-badge-err{background:var(--coral-soft);color:var(--coral-strong)}.mono{background:var(--paper-sunken);border:1px solid var(--ink-20);word-break:break-all;border-radius:.375rem;padding:.125rem .375rem;font-family:ui-monospace,SF Mono,monospace;font-size:.8125rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.375rem 0;display:flex}.row .ds-input{flex:9rem;width:auto;min-width:0}.row select.ds-input{flex:0 auto}table.ds-table{border-collapse:collapse;width:100%;font-size:.875rem}table.ds-table th,table.ds-table td{text-align:left;border-bottom:1px solid var(--ink-20);word-break:break-word;padding:.375rem .5rem}table.ds-table th{color:var(--ink-60);font-weight:500}@media (pointer:coarse){.ds-btn-primary,.ds-btn-outline,.ds-btn-danger{min-height:2.75rem;padding:0 1rem}.ds-input{min-height:2.75rem}}.wide{grid-column:1/-1}.cookie-card{--dough:#d9a05b;--dough-dark:#b97f3e;--chip:#4a2f1b;flex-wrap:wrap;gap:2rem;display:flex}.cookie-game{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:2;align-items:center;min-width:18rem;display:flex}.cookie-board{flex:1;min-width:14rem}.cookie-header{justify-content:space-between;align-self:stretch;align-items:baseline;gap:1rem;display:flex}.cookie-total{color:var(--ink-60);letter-spacing:.02em;white-space:nowrap;font-family:ui-monospace,SF Mono,monospace;font-size:.75rem}.cookie-count{font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin-top:.75rem;font-family:ui-monospace,SF Mono,monospace;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:600;line-height:1;transition:transform 80ms}.cookie-count.pop{transform:scale(1.04)}.cookie-count-label{color:var(--ink-60);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;font-size:.8125rem}.cookie-stage{place-items:center;width:220px;height:220px;display:grid;position:relative}@keyframes cookie-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cookie-float{animation:3.6s ease-in-out infinite cookie-idle}.cookie-btn{all:unset;cursor:pointer;outline-offset:8px;border-radius:50%;place-items:center;width:180px;height:180px;transition:transform .12s cubic-bezier(.34,1.56,.64,1);display:grid}.cookie-btn:focus-visible{outline:2px solid var(--ink);border-radius:50%}.cookie-btn:hover{transform:scale(1.04)}.cookie-btn:active{transform:scale(.92)}.cookie-btn svg{filter:drop-shadow(0 14px 24px #b97f3e47);width:100%;height:100%;display:block}@keyframes cookie-chomp{0%{transform:scale(1)}35%{transform:scale(.88)rotate(-3deg)}70%{transform:scale(1.06)rotate(1.5deg)}to{transform:scale(1)}}.cookie-btn.bite{animation:.28s cubic-bezier(.34,1.56,.64,1) cookie-chomp}.cookie-particle{pointer-events:none;will-change:transform, opacity;position:absolute;top:50%;left:50%}.cookie-crumb{background:var(--dough-dark);border-radius:40% 60% 55% 45%;width:9px;height:9px}.cookie-crumb.light{background:var(--dough)}.cookie-crumb.chip{background:var(--chip)}@keyframes cookie-rise{0%{opacity:1;transform:translate(-50%,-50%)translateY(0)}to{opacity:0;transform:translate(-50%,-50%)translateY(-110px)}}.cookie-plus-one{color:var(--ink);font-family:ui-monospace,SF Mono,monospace;font-size:1.25rem;font-weight:600;animation:.9s ease-out forwards cookie-rise}.cookie-milestone{color:var(--ink-60);text-align:center;min-height:1.25rem;margin-top:.5rem;font-size:.875rem}@media (prefers-reduced-motion:reduce){.cookie-float{animation:none}.cookie-btn,.cookie-count{transition:none}.cookie-btn.bite{animation:none}.cookie-plus-one{animation-duration:.4s}}.ds-note{border:1px solid var(--line,#e2e8f0);background:var(--wash,#f8fafc);border-radius:8px;margin:0;padding:.75rem .9rem;font-size:.9rem;line-height:1.5}.ds-note code{font-family:var(--mono,ui-monospace, monospace);font-size:.86em}