:root{--color-slate-950:#061219;--color-slate-900:#0b1d27;--color-slate-800:#14303e;--color-slate-700:#204656;--color-slate-600:#316175;--color-slate-500:#54818f;--color-slate-400:#82a7b1;--color-slate-300:#adc8ce;--color-slate-200:#cee0e4;--color-slate-100:#e4eff1;--color-cyan-200:#a9efe8;--color-cyan-300:#7de6db;--color-cyan-400:#46d0c5;--color-cyan-500:#26b2ab;--color-cyan-600:#1c8f8d;--color-cyan-700:#1a6f70;--color-cyan-900:#0d3f45;--color-cyan-950:#082a30;--color-amber-200:#f8e0ac;--color-amber-300:#f1cc84;--color-amber-400:#e6b25c;--color-amber-500:#d3963c;--color-amber-700:#8f5e1e;--color-amber-950:#2b1d09}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel-in{animation:.18s ease-out panel-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.sheet-in{animation:.16s ease-out sheet-in}:root{--ink:#f7f1e1;--ink-dim:#b2a082;--ink-faint:#8d7a58;--surface:#150f08;--surface-glass:#1811099e;--surface-raised:#201810;--surface-sunk:#0d0904;--accent-warm:#e8b45f;--accent-warm-hi:#f2cd8b;--accent-warm-lo:#8c5d1f;--accent-cool:#74c6ab;--good:#86c97a;--warn:#e8b45f;--bad:#e2856c;--good-hot:#3fd47e;--bad-hot:#f0503a;--border:#f7f1e124;--border-strong:#f7f1e14d;--blur:14px;--shadow-1:0 4px 16px #0006, inset 0 1px 0 #f7f1e117;--shadow-2:0 18px 48px #0000009e, inset 0 1px 0 #f7f1e114;--r-chip:999px;--r-row:14px;--r-card:18px;--r-sheet:22px;--color-slate-950:#150f08;--color-slate-900:#201810;--color-slate-800:#33291a;--color-slate-700:#4a3c27;--color-slate-600:#695839;--color-slate-500:#8d7a58;--color-slate-400:#b2a082;--color-slate-300:#cec0a3;--color-slate-200:#e7dcc3;--color-slate-100:#f7f1e1;--color-amber-200:#f9e3b4;--color-amber-300:#f2cd8b;--color-amber-400:#e8b45f;--color-amber-500:#cf9539;--color-amber-700:#8c5d1f;--color-amber-950:#2a1c08;--color-cyan-200:#cdeee0;--color-cyan-300:#a2ddc9;--color-cyan-400:#74c6ab;--color-cyan-500:#4fa88d;--color-cyan-600:#3c8672;--color-cyan-700:#33685a;--color-cyan-900:#1a3b34;--color-cyan-950:#10251f;--color-emerald-300:#a8dc9a;--color-emerald-400:#86c97a;--color-emerald-500:#66ab5c;--color-emerald-600:#4d8a48;--color-emerald-950:#16240f;--color-rose-200:#f6c9b8;--color-rose-300:#efab94;--color-rose-400:#e2856c;--color-rose-500:#cf6249;--color-rose-600:#b44b35;--color-rose-700:#93392a;--color-rose-800:#722c21;--color-rose-900:#4d1f18;--color-rose-950:#2b120d}@layer components{.glass{background:linear-gradient(180deg, #e8b45f21, #e8b45f00 58%), var(--surface-glass);box-shadow:var(--shadow-1), inset 0 -8px 14px #0000002e;-webkit-backdrop-filter:blur(var(--blur));border:1px solid #e8b45f33}.dock-btn{background:linear-gradient(180deg, #e8b45f29, #e8b45f00 55%), var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur));color:var(--accent-warm-hi);border:1px solid #e8b45f42;transition:transform .1s,filter .1s;box-shadow:0 6px 18px #0006,inset 0 1px #f7f1e12e,inset 0 -7px 14px #00000040}.dock-btn:active{filter:brightness(1.3);transform:scale(.9)}.stick-base{-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 16%,#fae2b24d,#f7f1e100 55%),radial-gradient(circle at 50% 108%,#e8b45f38,#e8b45f00 60%),radial-gradient(circle at 50% 46%,#7e5a2a57,#2e1f0f99 76%);border:1px solid #e8b45f66;transition:border-color .14s,box-shadow .14s;box-shadow:0 10px 26px #0000005c,0 0 0 1px #8c5d1f80,inset 0 4px 12px #0000006b,inset 0 -3px 10px #e8b45f1f,inset 0 -1px #fae2b229}.stick-base.held{border-color:#f2cd8b99;box-shadow:0 10px 26px #0000005c,0 0 24px #e8b45f38,0 0 0 1px #e8b45f8c,inset 0 4px 12px #0000006b,inset 0 -3px 12px #e8b45f33}.stick-ring{background:linear-gradient(#fae2b257,#fae2b257) 50% 0/1.5px 7px no-repeat,linear-gradient(#fae2b257,#fae2b257) 50% 100%/1.5px 7px no-repeat,linear-gradient(#fae2b257,#fae2b257) 0/7px 1.5px no-repeat,linear-gradient(#fae2b257,#fae2b257) 100%/7px 1.5px no-repeat;border:1px dashed #fae2b23d;border-radius:999px;position:absolute;inset:12px}.stick-knob{background:radial-gradient(circle,#784a1200 58%,#784a1280 66%,#fff0cd66 76%,#784a1200 84%),radial-gradient(circle at 36% 26%,#fdf3dc,#eebe6f 44%,#c2872f 72%,#8a5c1c 100%);border:1px solid #fff4db66;transition:box-shadow .12s,filter .12s;box-shadow:0 6px 14px #00000080,inset 0 -5px 8px #5e3c0c80,inset 0 2px 4px #ffffff80}.stick-knob.held{filter:brightness(1.1);box-shadow:0 0 0 7px #e8b45f26,0 0 24px #e8b45f80,inset 0 -4px 7px #5e3c0c80,inset 0 3px 4px #ffffff8c}.glass-sheet{background:radial-gradient(130% 55% at 50% 0%, #e8b45f12, transparent 62%), color-mix(in srgb, var(--surface) 97%, transparent);box-shadow:var(--shadow-2)}.card{background:linear-gradient(180deg, var(--surface-raised), var(--surface));border:1px solid var(--border);border-radius:var(--r-row)}.t-title{letter-spacing:-.012em;font-size:1.0625rem;font-weight:800;line-height:1.15}.t-head{font-size:.9375rem;font-weight:700;line-height:1.25}.t-row{font-size:.8125rem;font-weight:600;line-height:1.3}.t-meta{color:var(--ink-dim);font-size:.6875rem;line-height:1.35}.t-micro{text-transform:uppercase;letter-spacing:.13em;font-size:.625rem;font-weight:700}.btn{border-radius:var(--r-row);border:1px solid var(--border);min-height:44px;font-weight:700;transition:transform .1s,filter .1s}.btn:active{transform:scale(.97)}.btn-primary{border-color:color-mix(in srgb, var(--accent-warm-hi) 60%, transparent);color:#2a1c08;background:linear-gradient(#f0c67f,#dda647);box-shadow:0 2px 10px #00000059,inset 0 1px #fff6}.btn-primary:active{filter:brightness(.92)}.btn-default{background:var(--surface-raised);color:var(--ink);box-shadow:inset 0 1px #f7f1e112}.btn-danger{background:linear-gradient(180deg, var(--bad), #a53f2c);border-color:color-mix(in srgb, var(--bad) 60%, transparent);color:#2b120d;box-shadow:inset 0 1px #ffffff38}.btn-ghost{border-color:var(--border-strong);color:var(--ink-dim);background:0 0}.btn.glass{background:var(--surface-glass)}.btn:disabled{background:var(--surface-raised);border-color:var(--border);color:var(--ink-faint);box-shadow:none;filter:none;transform:none}}