:root{--bg-main:#0b0e14;--bg-surface:#141923;--bg-elevated:#1d2433;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--truth:#0284c7;--truth-glow:#38bdf8;--dare:#e11d48;--dare-glow:#fb7185;--mystery:#d97706;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--line:#232d3f;--line-strong:#334155;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow:0 10px 28px rgba(0,0,0,.35);--shadow-card:0 20px 55px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{color-scheme:dark;background:var(--bg-main)}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,rgba(56,189,248,.08),transparent 38%),radial-gradient(circle at 100% 100%,rgba(225,29,72,.06),transparent 38%),var(--bg-main);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{transition:transform .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}button:active:not(:disabled){transform:scale(.985)}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--truth-glow);outline-offset:2px}.site-head{width:min(1200px,calc(100% - 32px));margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.site-logo{text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:950;letter-spacing:-.02em}.site-logo:before{content:"T";display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--truth),var(--dare));color:white;box-shadow:0 0 18px rgba(225,29,72,.22)}.site-logo i{font-style:normal;color:var(--text-muted)}.site-logo strong{color:var(--dare-glow)}.site-head nav{display:flex;gap:18px}.site-head nav a{text-decoration:none;color:var(--text-secondary);font-size:.82rem;font-weight:750}.site-head nav a:hover{color:#fff}.site-footer{width:min(1200px,calc(100% - 32px));margin:0 auto;border-top:1px solid var(--line);padding:24px 0 34px;display:flex;justify-content:space-between;color:var(--text-muted);font-size:.8rem}.site-footer span{color:var(--text-primary);font-weight:900}.site-flash{width:min(1200px,calc(100% - 32px));margin:14px auto 0;padding:12px 14px;border:1px solid var(--line);background:var(--bg-surface)}.site-flash[data-type=error]{border-color:var(--danger)}.site-flash[data-type=ok]{border-color:var(--success)}@media(max-width:600px){.site-head{min-height:62px}.site-head nav a:last-child{display:none}.site-footer{display:grid;gap:6px}}

/* v1.4 UI refresh */
:root{
  --site-max:1240px;
  --glow-truth:rgba(56,189,248,.18);
  --glow-dare:rgba(251,113,133,.18);
  --panel-blur:blur(14px);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(900px 500px at -10% -10%, rgba(56,189,248,.12), transparent 60%),
    radial-gradient(720px 420px at 110% 0%, rgba(244,63,94,.10), transparent 55%),
    radial-gradient(900px 560px at 50% 120%, rgba(245,158,11,.06), transparent 55%),
    linear-gradient(180deg,#090c12 0%,#0b1018 34%,#0d1118 100%);
}
.site-head,.site-footer,.site-flash{width:min(var(--site-max),calc(100% - 32px));}
.site-head{
  position:sticky;top:0;z-index:200;
  margin-top:12px;
  padding:0 18px;
  min-height:76px;
  border:1px solid rgba(148,163,184,.13);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(20,25,35,.92),rgba(15,20,29,.82));
  backdrop-filter:var(--panel-blur);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}
.site-logo{gap:10px;font-size:1.02rem}
.site-logo:before{
  width:42px;height:42px;border-radius:12px;
  background:linear-gradient(135deg,#1d4ed8,#06b6d4 44%,#fb7185);
  box-shadow:0 12px 30px rgba(14,165,233,.26);
}
.site-logo b,.site-logo strong{letter-spacing:.01em}
.site-logo i{color:rgba(148,163,184,.7)}
.site-head nav{gap:10px;flex-wrap:wrap}
.site-head nav a{
  padding:10px 14px;border-radius:999px;border:1px solid transparent;
  background:rgba(255,255,255,.01);
}
.site-head nav a:hover{
  color:#fff;border-color:rgba(148,163,184,.18);
  background:rgba(255,255,255,.03)
}
.site-footer{
  margin-top:28px;margin-bottom:20px;padding:18px 22px 26px;
  border:1px solid rgba(148,163,184,.12);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(20,25,35,.72),rgba(14,19,28,.72));
}
.site-flash{
  margin-top:14px;padding:14px 16px;border-radius:16px;
  background:rgba(20,25,35,.9);backdrop-filter:blur(10px);
  box-shadow:0 12px 30px rgba(0,0,0,.18)
}
.site-flash[data-type=error]{background:rgba(61,17,28,.95);color:#fecdd3}
.site-flash[data-type=ok]{background:rgba(9,43,31,.95);color:#bbf7d0}
@media(max-width:700px){
  .site-head{margin-top:8px;padding:0 14px;min-height:70px;border-radius:18px}
  .site-head nav{gap:8px}
  .site-head nav a{padding:8px 11px;font-size:.78rem}
  .site-footer{padding:16px 16px 22px}
}

/* Phase 1 visual language: flatter, editorial, less SaaS/AI-template */
.site-head{border-radius:0;background:#0f151f;backdrop-filter:none;box-shadow:none;border-left:0;border-right:0}
.site-logo:before{border-radius:3px;box-shadow:none;background:#0ea5e9}
.site-head nav a{border-radius:3px}.site-footer{border-radius:0;background:#0f151f}.site-flash{border-radius:3px;backdrop-filter:none;box-shadow:none}

/* Phase 2 auth */
.site-user{color:#f8fafc!important;border-color:rgba(125,211,252,.18)!important;background:rgba(14,165,233,.07)!important}
.auth-shell{width:min(100% - 28px,560px);margin:52px auto 80px}
.auth-card{border:1px solid rgba(148,163,184,.14);background:#111722;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.auth-card h1{font-size:clamp(2rem,6vw,3.3rem);letter-spacing:-.055em;margin:9px 0 12px}.auth-card>p{color:#94a3b8;line-height:1.7;margin:0 0 24px}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:#cbd5e1;font-size:.82rem;font-weight:800}.auth-card input{width:100%;min-height:48px;padding:0 13px;background:#0b1018;border:1px solid #2b3546;color:#f8fafc;border-radius:8px}.auth-card input:focus{border-color:#38bdf8;outline:2px solid rgba(56,189,248,.13);outline-offset:0}.auth-card small{color:#64748b}.auth-check{grid-template-columns:auto 1fr!important;align-items:start}.auth-check input{width:18px;height:18px;min-height:0;margin-top:2px}.auth-google{display:grid;place-items:center;min-height:48px;margin-top:12px;border:1px solid #334155;text-decoration:none;font-weight:850;background:#f8fafc;color:#111827}.auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px}.auth-links a{color:#7dd3fc}.auth-error,.auth-ok{padding:12px 14px;margin:0 0 16px;border:1px solid}.auth-error{border-color:#7f1d1d;background:#2b1118;color:#fecdd3}.auth-ok{border-color:#14532d;background:#0f291c;color:#bbf7d0}.auth-code{text-align:center;font-size:2rem!important;font-weight:900;letter-spacing:.35em;font-variant-numeric:tabular-nums}.auth-resend{margin-top:10px!important}.auth-resend button{background:transparent;border:0;color:#7dd3fc;text-align:left;padding:0;cursor:pointer}