:root{--bg:#faf7f2;--surface:#fff;--text:#2b2420;--muted:#7a6e66;--accent:#6b4f3a;--border:#e6ded5;color:var(--text);background:var(--bg);font-family:system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.app{flex-direction:column;max-width:600px;min-height:100dvh;margin:0 auto;display:flex}.header{padding:16px;padding-top:max(16px, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex}.header h1{color:var(--accent);margin:0}.tagline{color:var(--muted);margin:4px 0 0;font-size:.9rem}.lang{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 14px}.header-actions{gap:8px;display:flex}.content{flex:1;padding:0 16px}.hint{color:var(--muted);font-size:.9rem}.status{font-size:.85rem}.status.missing{color:#b26a00}.login form{flex-direction:column;gap:12px;display:flex}.login label{color:var(--muted);font-size:.9rem}.login input{font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:12px}.login input.code{letter-spacing:.3em;text-align:center;font-size:1.5rem}.primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px;font-weight:600}.primary:disabled{opacity:.6}.google{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-weight:600;display:flex}.divider{text-align:center;color:var(--muted);margin:8px 0 0}.link{color:var(--accent);background:0 0;border:none;text-decoration:underline}.error{color:#c62828}.tabbar{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.tabbar button{color:var(--muted);background:0 0;border:none;flex:1;padding:14px 0}.tabbar button.active{color:var(--accent);font-weight:600}