:root,html[data-theme=dark]{--bg: #0a0f1e;--bg-grad: radial-gradient(1200px 500px at 75% -150px, rgba(91,108,255,.16), transparent 60%), radial-gradient(900px 420px at 8% -80px, rgba(124,92,255,.1), transparent 55%);--card: #101730;--card2: #0d1428;--panel: #101730;--ink: #e9edf8;--muted: #93a0bd;--faint: #5f6c8c;--line: #222c4d;--line2: #2a3558;--soft: #141c38;--accent: #6ea0ff;--accent-soft: #18224a;--accent-grad: linear-gradient(135deg, #4f7cff, #7c5cff);--shadow-soft: 0 2px 10px rgba(2,6,18,.35);--radius: 14px;--maxw: 1180px}html[data-theme=light]{--bg: #f4f6fb;--bg-grad: radial-gradient(1200px 500px at 75% -150px, rgba(79,124,255,.1), transparent 60%), radial-gradient(900px 420px at 8% -80px, rgba(124,92,255,.07), transparent 55%);--card: #ffffff;--card2: #fbfcff;--panel: #ffffff;--ink: #17213c;--muted: #5b6478;--faint: #8a93a8;--line: #e3e7f0;--line2: #d6dcea;--soft: #f1f4fa;--accent: #3b66d4;--accent-soft: #eef2fb;--accent-grad: linear-gradient(135deg, #4f7cff, #7c5cff);--shadow-soft: 0 2px 10px rgba(26,34,54,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--bg);background-image:var(--bg-grad);background-repeat:no-repeat;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .25s,color .25s}.app{max-width:var(--maxw);margin:0 auto;padding:14px 18px 60px}@media (max-width: 620px){.app{padding:10px 12px 44px}}.loading{max-width:var(--maxw);margin:80px auto;text-align:center;color:var(--muted);font-size:16px}.topbar-in{display:flex;align-items:center;gap:12px;padding:2px 0 12px}.tblinks{margin-left:auto;display:flex;gap:14px}.tblinks a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}.tblinks a:hover{color:var(--ink)}.themebtn{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:99px;width:34px;height:34px;min-width:34px;cursor:pointer;font-size:15px;line-height:1;transition:transform .15s}.themebtn:hover{color:var(--ink);transform:rotate(15deg)}.crumb{color:var(--faint);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hdr h1{font-size:clamp(21px,3.6vw,27px);margin:0 0 6px;letter-spacing:-.022em;font-weight:800}.hdr h1 .grad{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hdr .sub{margin:0;color:var(--muted);font-size:13.5px;max-width:900px}.hdr .sub a{color:var(--accent)}.link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:13px}.link:hover{text-decoration:underline}.notes{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:6px 16px;margin:12px 0 2px}.notes ul{margin:8px 0;padding-left:18px}.notes li{font-size:13px;margin:6px 0;color:var(--muted)}.notes li b{color:var(--ink)}.controls{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:flex-end;background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin:16px 0 14px;position:static;z-index:10;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-soft)}@media (min-width: 821px) and (min-height: 740px){.controls{position:sticky;top:8px}}.ctrl{display:flex;flex-direction:column;gap:4px;min-width:150px}.ctrl.grow{flex:1 1 320px;min-width:280px}.ctrl.disabled{opacity:.45}.ctrl label{font-size:11px;font-weight:750;color:var(--faint);text-transform:uppercase;letter-spacing:.07em}.ctrl label .muted{font-weight:500;text-transform:none;letter-spacing:0}select{font:inherit;font-size:13px;padding:7px 9px;border:1px solid var(--line2);border-radius:9px;background:var(--card2);color:var(--ink);cursor:pointer}select:focus{outline:none;border-color:var(--accent)}select:disabled{cursor:not-allowed;opacity:.6}.sliderrow{display:flex;align-items:center;gap:8px}.sliderrow input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer}.play{width:34px;height:32px;border:1px solid var(--line2);background:var(--card2);border-radius:9px;cursor:pointer;font-size:12px;line-height:1;color:var(--ink);transition:transform .12s}.play:active{transform:scale(.93)}.quick{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.quick button{font-size:12px;padding:5px 11px;border:1px solid var(--line2);background:var(--card2);border-radius:99px;cursor:pointer;color:var(--muted);font-weight:600;min-height:28px}.quick button:hover{color:var(--ink)}.quick button.on{background:var(--accent-grad);color:#fff;border-color:transparent;box-shadow:0 2px 9px #4f7cff59}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 10px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px;box-shadow:var(--shadow-soft)}.kpi-l{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:700}.kpi-v{font-size:19px;font-weight:700;margin-top:3px;line-height:1.15;font-variant-numeric:tabular-nums}.kpi-s{font-size:12px;color:var(--accent);margin-top:2px}.help-line{font-size:12.5px;color:var(--muted);margin:2px 2px 14px;font-style:italic}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 10px;margin-bottom:16px;box-shadow:var(--shadow-soft)}.card.wide{grid-column:1 / -1}.card-h{margin-bottom:6px}.card-h h2{font-size:15px;margin:0;letter-spacing:-.01em}.card-h p{font-size:12.5px;color:var(--muted);margin:2px 0 0}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}thead th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);border-bottom:1.5px solid var(--line2)}tbody tr:hover{background:var(--soft)}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;vertical-align:middle}.muted{color:var(--muted)}.small{font-size:12px}.ftr{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--faint)}@media (max-width: 820px){.grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){select{font-size:16px}.ctrl{min-width:46%;flex:1 1 46%}.ctrl.grow{min-width:100%}.kpi-v{font-size:16.5px}th,td{padding:6px 7px}}