:root{--bg:#0b0b0c;--surface:#161618;--border:#26262a;--text:#e8e6e1;--text-muted:#8a8a90;--accent:#f2a541;--nav-height:64px;--gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior-y:none;touch-action:manipulation;min-height:100dvh;margin:0;overflow-x:hidden}h1{margin:0 0 16px;font-size:28px;font-weight:700}.app{min-height:100dvh}.screen{padding-top:calc(env(safe-area-inset-top) + 16px);padding-right:calc(env(safe-area-inset-right) + var(--gutter));padding-bottom:calc(env(safe-area-inset-bottom) + var(--nav-height) + 16px);padding-left:calc(env(safe-area-inset-left) + var(--gutter))}.bottom-nav{z-index:10;padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tab{min-height:var(--nav-height);color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.tab--active{color:var(--accent)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.placeholder{color:var(--text-muted);margin:0}