: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}.button{width:100%;min-height:52px;font:inherit;color:var(--bg);background:var(--accent);border:0;border-radius:12px;padding:0 16px;font-size:17px;font-weight:600;display:block}.button:disabled{opacity:.5}.button--secondary{color:var(--text);background:var(--surface);border:1px solid var(--border)}.login{padding-bottom:calc(env(safe-area-inset-bottom) + 16px);max-width:480px;margin:0 auto}.login-form{flex-direction:column;gap:12px;display:flex}.login-form label{color:var(--text-muted);font-size:15px}.login-form input{width:100%;min-height:52px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 14px;font-size:18px}.login-form input:focus-visible{outline:2px solid var(--accent);outline-offset:0}.login-error{color:var(--text-muted);margin:16px 0 0}.settings-logout{margin-top:32px}