:root{--bg:#0f172a;--surface:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--accent:#22c55e;--tabbar-height:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;margin:0}main{max-width:480px;padding:16px 16px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 16px);margin:0 auto}h1{margin:8px 0 12px;font-size:1.6rem}.muted{color:var(--muted)}.tabbar{height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid #334155;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbar a{min-height:48px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;text-decoration:none;display:flex}.tabbar a[aria-current=page]{color:var(--accent)}.tabbar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}