:root{--tone-1:#e30000;--tone-2:#02b31c;--tone-3:#1510f0;--tone-4:#8900bf;--tone-5:#777;--accent:#2a78d6;--ok:#02b31c;--warn:#b45309;--bad:#e30000;--ink:#1c1c1e;--ink-2:#55555a;--ink-3:#8e8e93;--surface:#fff;--surface-2:#f4f4f5;--surface-3:#e9e9ec;--line:#d9d9de;--radius:10px;--shadow:0 1px 3px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--tone-1:#ff5c5c;--tone-2:#37d155;--tone-3:#7a76ff;--tone-4:#c76af0;--tone-5:#a5a5aa;--accent:#6aa9f0;--ok:#37d155;--warn:#e8a94a;--bad:#ff5c5c;--ink:#ececf0;--ink-2:#b9b9c0;--ink-3:#85858d;--surface:#151518;--surface-2:#202024;--surface-3:#2b2b31;--line:#3a3a41;--shadow:0 1px 3px #00000080}}*{box-sizing:border-box}body{color:var(--ink);background:var(--surface);margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}a{color:var(--accent)}button{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:.4rem .9rem}button:hover{background:var(--surface-3)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}input,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.35rem .6rem}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:.9rem 1.1rem}.muted{color:var(--ink-3)}#shell-nav{z-index:10;padding:.55rem max(1rem, env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:.25rem;display:flex;position:sticky;top:0}#shell-nav .brand{color:var(--ink);margin-right:auto;font-weight:700;text-decoration:none}#shell-nav .tab{color:var(--ink-2);border-radius:999px;padding:.35rem .8rem;font-size:.9rem;text-decoration:none}#shell-nav .tab.active{background:var(--surface-2);color:var(--ink);font-weight:600}#view>main{max-width:520px;margin:1.2rem auto 3rem;padding:0 1rem}.view-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.view-head h1{margin:0;font-size:1.05rem}.mode-card{color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin:.6rem 0;padding:.8rem 1rem;text-decoration:none;display:block}.mode-card:hover{background:var(--surface-2)}.mode-card .t{font-weight:600}.mode-card .d{color:var(--ink-3);font-size:.85rem}.guided-banner{background:color-mix(in srgb, var(--accent) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--surface));color:var(--ink-2);border-radius:8px;padding:.4rem .8rem;font-size:.85rem}.tier-row{align-items:center;gap:.5rem;margin:.25rem 0;font-size:.82rem;display:flex}.tier-row .bar{background:var(--surface-3);border-radius:4px;flex:1;height:7px;overflow:hidden}.tier-row .bar>div{height:100%}.upsell{color:var(--ink-2);border:1px solid color-mix(in srgb, var(--warn) 45%, var(--surface));background:color-mix(in srgb, var(--warn) 9%, var(--surface));border-radius:8px;padding:.7rem .9rem;font-size:.92rem}