.bottom-nav{position:relative;margin-top:auto;display:grid;grid-template-columns:repeat(3,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:13px;font-weight:600;letter-spacing:.08em;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}.nav-item.is-active{color:var(--accent-text);background:transparent}.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:min(92vw,420px);min-height:min(82vh,640px);padding:26px;border-radius:var(--radius-lg);background:var(--surface-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-card);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: #0b0f17;--sky: #111827;--glow: rgba(168, 85, 247, .25);--glow-cool: rgba(139, 92, 246, .18);--glow-strong: rgba(192, 132, 252, .3);--glow-strong-cool: rgba(168, 85, 247, .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, #c084fc, #a855f7);--toggle-thumb-shadow: 0 8px 16px rgba(2, 6, 23, .5), inset 0 0 0 1px rgba(148, 163, 184, .1);--accent-on: #a855f7;--accent-off: #64748b;--accent-strong: #7c3aed;--accent-soft: rgba(168, 85, 247, .35);--accent-glow: rgba(168, 85, 247, .55);--accent-border: rgba(168, 85, 247, .45);--accent-text: #f5e8ff;--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: #1e1b4b;--bg-after-start: #0b0f17;--bg-after-mid: #13112b;--bg-after-end: #2e1065;--border-muted: rgba(148, 163, 184, .12);--border-strong: rgba(168, 85, 247, .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(88, 28, 135, .35);--shadow-accent-soft: 0 10px 24px rgba(168, 85, 247, .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}