:root{--tone-1: #e30000;--tone-2: #02b31c;--tone-3: #1510f0;--tone-4: #8900bf;--tone-5: #777777;--accent: #2a78d6;--ok: #02b31c;--warn: #b45309;--bad: #e30000;--ink: #1c1c1e;--ink-2: #55555a;--ink-3: #8e8e93;--surface: #ffffff;--surface-2: #f4f4f5;--surface-3: #e9e9ec;--line: #d9d9de;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--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 rgba(0, 0, 0, .5)}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45;color:var(--ink);background:var(--surface)}a{color:var(--accent)}button{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:.4rem .9rem;cursor:pointer}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{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.25rem;padding:.55rem max(1rem,env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line)}#shell-nav .brand{font-weight:700;margin-right:auto;color:var(--ink);text-decoration:none}#shell-nav .tab{text-decoration:none;color:var(--ink-2);padding:.35rem .8rem;border-radius:999px;font-size:.9rem}#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{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem}.view-head h1{font-size:1.05rem;margin:0}.mode-card{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem;margin:.6rem 0;background:var(--surface);box-shadow:var(--shadow)}.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));border-radius:8px;padding:.4rem .8rem;font-size:.85rem;color:var(--ink-2)}.tier-row{display:flex;align-items:center;gap:.5rem;font-size:.82rem;margin:.25rem 0}.tier-row .bar{flex:1;height:7px;border-radius:4px;background:var(--surface-3);overflow:hidden}.tier-row .bar>div{height:100%}.upsell{color:var(--ink-2);font-size:.92rem;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}