.bottom-nav{position:relative;margin-top:auto;margin-bottom:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;border-radius:var(--radius-10);background:var(--surface-nav);border:1px solid var(--border-muted);isolation:isolate}.bottom-nav__selection{position:absolute;top:0;left:0;width:0;height:0;border-radius:var(--radius-10);background:var(--accent-gradient);box-shadow:var(--shadow-accent-soft);transition:transform .28s cubic-bezier(.22,.61,.36,1),width .28s cubic-bezier(.22,.61,.36,1),height .28s cubic-bezier(.22,.61,.36,1),opacity .22s ease;opacity:0;pointer-events:none;z-index:0;will-change:transform,width,height}.bottom-nav__selection.is-visible{opacity:1}.nav-item{border:none;background:transparent;color:var(--muted);padding:10px 6px;border-radius:var(--radius-10);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:color .2s ease,background .2s ease,transform .2s ease;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.nav-item.is-active{color:var(--accent-text);background:transparent}.nav-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.nav-icon svg{width:18px;height:18px}.nav-item:focus-visible{outline:2px solid var(--accent-on);outline-offset:2px}@media (max-width: 540px){.bottom-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom));padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}}.card{width:100%;min-height:100vh;padding:10px;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;display:flex;flex-direction:column;gap:18px;text-align:center}.page-body{display:flex;flex-direction:column;gap:18px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;text-align:left;width:100%}.page-heading{display:flex;flex-direction:column;gap:6px;width:100%}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.page-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}:root{--ink: #e2e8f0;--muted: #94a3b8;--cloud: #0a1228;--sky: #0e1a33;--glow: rgba(99, 171, 255, .25);--glow-cool: rgba(88, 124, 255, .18);--glow-strong: rgba(131, 205, 255, .3);--glow-strong-cool: rgba(112, 143, 255, .24);--track: #0f172a;--track-border: rgba(148, 163, 184, .2);--track-shadow: inset 0 0 0 1px rgba(15, 23, 42, .7);--pill: #131c2d;--toggle-thumb-bg: linear-gradient(135deg, #1f2937, #0f172a);--toggle-thumb-active-bg: linear-gradient(135deg, #7b6cff, #6aa8ff);--toggle-thumb-shadow: 0 8px 16px rgba(2, 6, 23, .5), inset 0 0 0 1px rgba(148, 163, 184, .1);--accent-on: #6aa8ff;--accent-off: #64748b;--accent-strong: #7b6cff;--accent-soft: rgba(106, 168, 255, .35);--accent-glow: rgba(106, 168, 255, .55);--accent-border: rgba(123, 108, 255, .45);--accent-text: #e9f3ff;--surface-card: rgba(15, 18, 28, .86);--surface-panel: rgba(19, 28, 45, .7);--surface-panel-strong: rgba(15, 23, 42, .6);--surface-nav: rgba(10, 14, 24, .8);--surface-chip: rgba(148, 163, 184, .12);--surface-button: rgba(15, 23, 42, .6);--bg-shift: #13254d;--bg-after-start: #081022;--bg-after-mid: #0f1c3a;--bg-after-end: #1a3270;--border-muted: rgba(148, 163, 184, .12);--border-strong: rgba(123, 108, 255, .45);--shadow-card: 0 24px 60px rgba(5, 8, 18, .55), inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 0 1px var(--border-muted);--shadow-accent: 0 18px 30px rgba(71, 105, 204, .35);--shadow-accent-soft: 0 10px 24px rgba(106, 168, 255, .2);--shadow-glow: 0 0 10px var(--accent-glow);--success: #22c55e;--success-soft: rgba(34, 197, 94, .18);--success-text: #bbf7d0;--radius-10: 10px;--radius-6: 6px;--radius-lg: 22px;--radius-md: var(--radius-10);--radius-sm: var(--radius-10);--card: var(--surface-card);--card-outline: var(--border-muted);--card-glow: var(--accent-soft);--accent-gradient: linear-gradient(135deg, var(--accent-strong), var(--accent-on))}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;font-family:Space Grotesk,Noto Sans,sans-serif;color:var(--ink);background-color:var(--cloud)}body{display:grid;place-items:center;position:relative}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;transition:opacity .35s ease;will-change:opacity;transform:translateZ(0);backface-visibility:hidden}body:before{opacity:1;background:radial-gradient(900px 500px at 12% -10%,var(--glow),transparent 60%),radial-gradient(700px 420px at 110% 10%,var(--glow-cool),transparent 60%),linear-gradient(135deg,var(--cloud),var(--sky) 55%,var(--bg-shift))}body:after{opacity:0;background:radial-gradient(900px 500px at 15% -10%,var(--glow-strong),transparent 60%),radial-gradient(700px 420px at 110% 10%,var(--glow-strong-cool),transparent 60%),linear-gradient(135deg,var(--bg-after-start),var(--bg-after-mid) 55%,var(--bg-after-end))}body[data-state=on]:before{opacity:0}body[data-state=on]:after{opacity:1}body[data-tg="1"]:before,body[data-tg="1"]:after{transition:none}#root{width:100%;display:grid;place-items:center}