*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;height:100%}
html{overflow:hidden}
body{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
:root{
  --bg:#f4f4f6; --fg:#1a1a1a; --card:#fff; --border:#ccc; --muted:#6b7280;
  --secondary-bg:#e5e7eb; --secondary-fg:#1a1a1a;
  --shadow:0 1px 3px rgba(0,0,0,.08);
}
@media (prefers-color-scheme: dark) {
  :root{
    --bg:#0f172a; --fg:#f1f5f9; --card:#1e293b; --border:#334155; --muted:#94a3b8;
    --secondary-bg:#334155; --secondary-fg:#f1f5f9;
    --shadow:0 1px 3px rgba(0,0,0,.5);
  }
}
body{background:var(--bg) url('/stonewall.jpg') center top/cover no-repeat fixed;font-family:-apple-system,system-ui,sans-serif;color:var(--fg);padding:16px;max-width:600px;margin:auto}
@media (prefers-color-scheme: light){body{background-image:none}}
h1{margin-bottom:16px}
button,.btn{background:#2563eb;color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:17px;font-weight:600;width:100%;margin:6px 0;cursor:pointer}
button.secondary{background:var(--secondary-bg);color:var(--secondary-fg)}
input{width:100%;padding:14px;font-size:17px;border:1px solid var(--border);border-radius:10px;margin:6px 0;background:var(--card);color:var(--fg)}
input::placeholder{color:var(--muted)}
.card{background:var(--card);border-radius:14px;padding:16px;margin:10px 0;box-shadow:var(--shadow)}
.row{display:flex;gap:8px;align-items:center}
.row input{flex:1}
.login{display:flex;align-items:center;justify-content:center;min-height:80vh}
.login form{width:100%;max-width:320px;background:var(--card);padding:24px;border-radius:16px}
.muted{color:var(--muted);font-size:14px}
.plan-btn{font-size:20px;padding:24px}
.plan-btn.recommended{background:#059669;box-shadow:0 0 0 3px #05966955}