:root{--bg-page:#ebebe6;--bg-frame:#f5f5f3;--bg-card:#ffffff;--bg-inset:#f4f4f1;--bg-pill:#ececea;--bg-pill-hover:#e0e0dd;--border:#e6e6e2;--border-strong:#d8d8d2;--text:#0a0a0a;--text-2:#2a2a2a;--text-muted:#6b6b6b;--text-dim:#9a9a96;--cyan-50:#e8f5f4;--cyan-100:#c8e7e5;--cyan-200:#b9ecea;--cyan-300:#a4e3e0;--cyan-400:#6ec0bc;--cyan-500:#1f5b58;--lime:#d8f25e;--lime-soft:#eef9c2;--green:#16a34a;--green-bg:rgba(22,163,74,0.1);--red:#dc2626;--red-bg:rgba(220,38,38,0.1);--orange:#d97706;--orange-bg:rgba(217,119,6,0.12);--blue:#2856a3;--blue-bg:rgba(40,86,163,0.12);--r-xs:4px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:28px;--space-7:36px;--shadow-card:0 1px 2px rgba(0,0,0,0.02);--shadow-elev:0 18px 40px rgba(0,0,0,0.18);--shadow-frame:0 30px 80px rgba(50,60,55,0.18);--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--fs-display:44px;--fs-h1:40px;--fs-stat:40px;--fs-stat-lg:56px;--fs-h2:24px;--fs-body:14.5px;--fs-meta:13px;--fs-eyebrow:11px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-frame);font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--fs-body);line-height:1.5}body,html{min-height:100vh}body{background:var(--bg-page);display:grid;grid-template-rows:1fr auto}body.splat-soft-bg{background:radial-gradient(900px 700px at 6% 30%,#d4dc7a 0,transparent 55%),radial-gradient(900px 800px at 96% 78%,#8cc4c2 0,transparent 55%),var(--bg-page)}a{color:inherit;text-decoration:none}button{font-family:inherit}.t-display{font-size:var(--fs-display);line-height:1.05}.t-display,.t-h1{font-weight:700;letter-spacing:-1.2px}.t-h1{font-size:var(--fs-h1);line-height:1.1}.t-h2{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.6px;line-height:1.2}.t-stat{font-size:var(--fs-stat);letter-spacing:-1.4px}.t-stat,.t-stat-lg{font-weight:700;line-height:1}.t-stat-lg{font-size:var(--fs-stat-lg);letter-spacing:-1.8px}.t-cardtitle{font-weight:500;color:var(--text-2)}.t-body,.t-cardtitle{font-size:var(--fs-body)}.t-body,.t-meta{color:var(--text-muted)}.t-meta{font-size:var(--fs-meta)}.t-eyebrow{font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.splat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.splat-card.highlight{border:1.5px solid var(--cyan-400);box-shadow:0 0 0 4px rgba(164,227,224,.18)}.splat-frame{background:var(--bg-frame);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.btn{padding:13px 22px;border-radius:var(--r-pill);border:none;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit;transition:filter .15s,transform .15s}.btn:hover{filter:brightness(.97)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--cyan-300);color:var(--cyan-500)}.btn-secondary{background:var(--cyan-50);color:var(--cyan-500);border:1px solid var(--cyan-100)}.btn-dark{background:var(--text);color:#fff}.btn-ghost{background:var(--bg-pill);color:var(--text-2)}.btn-lime{background:var(--lime);color:var(--text)}.nav-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r-pill);background:var(--bg-pill);color:var(--text-2);font-size:13px;font-weight:500;border:none;cursor:pointer;font-family:inherit}.nav-pill.active{background:var(--text);color:#fff;font-weight:600}.change-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:var(--green-bg);color:var(--green)}.change-pill.down{background:var(--red-bg);color:var(--red)}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.success{color:var(--green);background:var(--green-bg)}.status.danger{color:var(--red);background:var(--red-bg)}.status.warning{color:var(--orange);background:var(--orange-bg)}.status.neutral{color:var(--text-muted);background:var(--bg-pill)}.input{width:100%;padding:12px 16px;border-radius:var(--r-pill);background:var(--bg-inset);border:1px solid var(--border);font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color .2s}.input:focus{border-color:var(--cyan-400);background:#fff}.input.block-input{border-radius:var(--r-md)}.icon-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-pill);display:grid;place-items:center;cursor:pointer;border:1px solid transparent;color:var(--text-2)}.meter{width:100%;height:11px;background:repeating-linear-gradient(45deg,#e2e2dc,#e2e2dc 4px,#f0f0eb 0,#f0f0eb 8px);overflow:hidden}.meter,.meter-fill{border-radius:var(--r-pill)}.meter-fill{height:100%;background:var(--cyan-300)}.stack{display:flex;flex-direction:column}.row,.spread{display:flex;align-items:center}.spread{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}