:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--card:#fff;--surface-2:#eef1f7;--text:#121826;--muted:#667085;--line:#e4e7ec;--primary:#5066f2;--primary-soft:#edf0ff;--good:#168a5b;--warn:#c77b16;--danger:#d1435b;--shadow:0 10px 30px #10182814;--radius:22px;--nav-height:64px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1120;--card:#121a2b;--surface-2:#1a2438;--text:#f4f7fb;--muted:#97a3b6;--line:#253047;--primary:#7c8cff;--primary-soft:#202b50;--danger:#e97188;--shadow:0 10px 35px #00000040}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{max-width:760px;min-height:100vh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 24px);margin:0 auto}.topbar{z-index:20;padding:calc(env(safe-area-inset-top) + 14px) 20px 14px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar h1{margin:2px 0 0;font-size:24px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.icon-btn{border:1px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--text);border-radius:14px;place-items:center;display:grid}.icon-btn svg{width:22px;height:22px}.screen{padding:8px 20px}.screen h2{margin:8px 0 14px;font-size:28px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.muted{color:var(--muted)}.tag{background:var(--surface-2);color:var(--muted);border-radius:999px;margin:0;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.primary-btn,.text-btn{border-radius:14px;min-height:44px;padding:0 16px;font-weight:600}.primary-btn{background:var(--primary);color:#fff;border:none}.text-btn{color:var(--primary);background:0 0;border:none}.update-banner{z-index:40;left:50%;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 12px);border:1px solid var(--line);background:var(--card);width:min(720px,100% - 24px);box-shadow:var(--shadow);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 10px 16px;display:flex;position:fixed;transform:translate(-50%)}.update-actions{gap:4px;display:flex}.bottom-nav{z-index:30;width:min(760px,100%);padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);border-top:1px solid var(--line);background:color-mix(in srgb, var(--card) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{min-height:52px;color:var(--muted);background:0 0;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:6px 2px;transition:color .15s,background-color .15s;display:flex}.nav-item.active{color:var(--primary);background:var(--primary-soft)}.nav-icon svg{width:22px;height:22px;display:block}.nav-label{margin-top:2px;font-size:12px}