:root{--navy-900:#0b1a33;--navy-800:#11264a;--navy-700:#1a3561;--blue-500:#2f7de1;--blue-400:#4f97f0;--teal-400:#22c3b5;--teal-300:#5ad8cc;--bg:#f4f7fb;--surface:#fff;--surface-2:#eef3f9;--border:#d6e0ec;--text:#0f1f38;--text-muted:#4f6380;--accent:var(--blue-500);--accent-2:#0f8f84;--accent-contrast:#fff;--danger:#c0392b;--danger-bg:#fdecea;--warning:#8a5a00;--warning-bg:#fff4d6;--success:#12795f;--success-bg:#e2f6ef;--demo:#7a3fb0;--demo-bg:#f2e9fb;--focus:#ffb703;--radius:10px;--shadow:0 1px 2px rgba(11,26,51,.06),0 2px 8px rgba(11,26,51,.05);--sidebar-w:232px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#081326;--surface:#0f1f3a;--surface-2:#142a4d;--border:#23406c;--text:#e6eefb;--text-muted:#9fb3d1;--accent:var(--blue-400);--accent-2:var(--teal-300);--accent-contrast:#061024;--danger:#ff8a7a;--danger-bg:#3a1714;--warning:#ffd27a;--warning-bg:#3a2c0b;--success:#6fe0bd;--success-bg:#0d3328;--demo:#d4b0ff;--demo-bg:#2b1a45;--shadow:none;color-scheme:dark}}:root[data-theme=dark]{--bg:#081326;--surface:#0f1f3a;--surface-2:#142a4d;--border:#23406c;--text:#e6eefb;--text-muted:#9fb3d1;--accent:var(--blue-400);--accent-2:var(--teal-300);--accent-contrast:#061024;--danger:#ff8a7a;--danger-bg:#3a1714;--warning:#ffd27a;--warning-bg:#3a2c0b;--success:#6fe0bd;--success-bg:#0d3328;--demo:#d4b0ff;--demo-bg:#2b1a45;--shadow:none;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}h1{font-size:1.45rem;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:1.1rem;margin:0 0 10px}h3{font-size:.98rem;margin:0 0 6px}p{margin:0 0 8px}.muted{color:var(--text-muted)}.small{font-size:.86rem}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Consolas,monospace}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 12px;z-index:100}.skip-link:focus{left:8px}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--navy-900);color:#dbe7fb;padding:20px 14px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff;padding:4px 8px 18px;text-decoration:none}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--blue-500),var(--teal-400));display:grid;place-items:center}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#c6d6ef;text-decoration:none;font-weight:500}.nav-link:hover{background:var(--navy-800);color:#fff}.nav-link[aria-current=page]{background:var(--navy-700);color:#fff;box-shadow:inset 3px 0 0 var(--teal-400)}.nav-icon{width:20px;height:20px;flex:none}.sidebar-foot{margin-top:auto;font-size:.78rem;color:#8ea6c9;padding:0 8px}.main{margin-left:var(--sidebar-w);padding:28px clamp(16px,3vw,40px) 48px;max-width:calc(1180px + var(--sidebar-w))}.bottom-nav{display:none}@media (max-width:860px){.sidebar{display:none}.main{margin-left:0;padding:18px 16px calc(84px + env(safe-area-inset-bottom, 0px))}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0 0;z-index:20;background:var(--navy-900);padding:6px 4px calc(6px + env(safe-area-inset-bottom, 0px))}.bottom-nav .nav-link{flex-direction:column;gap:2px;font-size:.7rem;padding:6px 2px;justify-content:center}.bottom-nav .nav-link[aria-current=page]{box-shadow:inset 0 3px 0 var(--teal-400)}}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.stack{flex-direction:column;gap:14px}.row,.stack{display:flex}.row{gap:10px;flex-wrap:wrap;align-items:center}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px 14px;gap:12px 14px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field .label,.field label{font-size:.84rem;font-weight:600;color:var(--text-muted)}.field .hint{font-size:.78rem;color:var(--text-muted)}.field .error{font-size:.8rem;color:var(--danger)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;min-height:40px;width:100%}input[aria-invalid=true]{border-color:var(--danger)}input[type=checkbox],input[type=radio]{width:auto;min-height:0;accent-color:var(--accent)}input[type=range]{padding:0;accent-color:var(--accent)}.check{font-size:.9rem}.btn,.check{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.btn{justify-content:center;font:inherit;font-weight:600;border-radius:8px;padding:9px 16px;min-height:40px;border:1px solid transparent;text-decoration:none;background:var(--accent);color:var(--accent-contrast)}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn.ghost{background:transparent;color:var(--accent);padding-inline:8px}.btn.danger,.btn.ghost{border-color:transparent}.btn.danger{background:var(--danger-bg);color:var(--danger)}.btn.small{min-height:32px;padding:4px 10px;font-size:.86rem}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;flex-wrap:wrap}.segmented button{font:inherit;border:0;background:var(--surface);color:var(--text);padding:8px 14px;cursor:pointer;min-height:38px}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast);font-weight:600}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 10px;font-size:.8rem;background:var(--surface-2);border:1px solid var(--border);white-space:nowrap}.chip.wish{background:var(--success-bg);color:var(--success);font-weight:600}.chip.cool,.chip.wish{border-color:transparent}.chip.cool{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.chip.warn{background:var(--warning-bg);color:var(--warning)}.chip.demo,.chip.warn{border-color:transparent}.chip.demo{background:var(--demo-bg);color:var(--demo);font-weight:700}button.chip{cursor:pointer;font:inherit;font-size:.8rem}button.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast)}.banner{border-radius:var(--radius);padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.banner.info{background:var(--surface-2);border:1px solid var(--border)}.banner.warn{background:var(--warning-bg);color:var(--warning)}.banner.error{background:var(--danger-bg);color:var(--danger)}.banner.demo{background:var(--demo-bg);color:var(--demo)}.banner.ok{background:var(--success-bg);color:var(--success)}.banner strong{display:block}.result{padding:0;overflow:hidden}.result-head{display:grid;grid-template-columns:auto 1fr auto;grid-gap:14px;gap:14px;padding:14px 16px;align-items:center}.rank{width:38px;height:38px;border-radius:10px;background:var(--navy-800);color:#fff;display:grid;place-items:center;font-weight:700}.score{text-align:right}.score-value{font-size:1.35rem;font-weight:750;color:var(--accent-2);line-height:1}.price{font-size:1.15rem;font-weight:700}.result-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem;color:var(--text-muted)}.result-body{padding:14px 16px;display:grid;grid-gap:14px;gap:14px}.result-actions,.result-body{border-top:1px solid var(--border)}.result-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;background:var(--surface-2);align-items:center}.leg{display:grid;grid-gap:6px;gap:6px}.segment{display:grid;grid-template-columns:110px 1fr;grid-gap:10px;gap:10px;font-size:.9rem;padding:6px 0;border-bottom:1px dashed var(--border)}.segment:last-child{border-bottom:0}.connection{font-size:.82rem;padding:4px 10px;border-radius:6px;background:var(--surface-2);color:var(--text-muted)}.connection.risk-invalid,.connection.risk-tight{background:var(--warning-bg);color:var(--warning)}.bars{grid-gap:6px;gap:6px}.bar,.bars{display:grid}.bar{grid-template-columns:170px 1fr 52px;grid-gap:10px;gap:10px;align-items:center;font-size:.84rem}.bar-track{height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--blue-500),var(--teal-400))}ul.plain{margin:0;padding-left:18px}ul.plain li{margin:2px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--text-muted);font-weight:600;font-size:.82rem}td.best{color:var(--success);font-weight:700}.spinner{width:18px;height:18px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.skeleton{height:92px;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.kv{display:grid;grid-template-columns:minmax(140px,220px) 1fr;grid-gap:6px 14px;gap:6px 14px;font-size:.92rem}.kv dt{color:var(--text-muted)}.kv dd{margin:0;overflow-wrap:anywhere}.status-pill{display:inline-flex;gap:6px;align-items:center;font-weight:700;border-radius:999px;padding:3px 12px}.status-pill.ok{background:var(--success-bg);color:var(--success)}.status-pill.update{background:var(--warning-bg);color:var(--warning)}.status-pill.unknown{background:var(--surface-2);color:var(--text-muted)}@media (max-width:600px){.result-head{grid-template-columns:auto 1fr}.score{grid-column:1/-1;text-align:left;display:flex;gap:12px;align-items:baseline}.segment{grid-template-columns:1fr;gap:2px}.bar{grid-template-columns:110px 1fr 44px}.kv{grid-template-columns:1fr}.kv dt{margin-top:6px}}table.heatmap{width:auto;border-collapse:separate;border-spacing:0}table.heatmap td,table.heatmap th{border:0;padding:2px 4px;text-align:center}.heat-cell{font:inherit;font-size:.78rem;min-width:46px;min-height:32px;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer}.heat-cell[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:1px;font-weight:700}.history{margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:.75rem}.stat{display:flex;flex-direction:column;padding:.75rem;border:1px solid var(--border);border-radius:10px}.stat-value{font-size:1.4rem;font-weight:700}.stat-label{font-size:.85rem;color:var(--text-muted)}