/* === FACE TRAINING BRAND PALETTE === */
:root{
  --paper:#FCF9F4;--ivory:#F6F1EA;--sand:#EDE5D8;--line:#E4DACB;--stone:#6E655B;--ink:#1B1917;
  --bg:var(--paper);--surface:var(--ivory);--surface-hover:var(--sand);--border:var(--line);
  --text:var(--ink);--text-sec:var(--stone);--text-muted:#7A7368;
  --primary:#1B1917;--primary-light:#F6F1EA;--primary-dark:#0d0c0b;--on-primary:#fff;
  --success:#2f5d2f;--success-light:#e6efe6;
  --warning:#8a6914;--warning-light:#f5f0d8;
  --danger:#7a2f22;--danger-light:#f3e1dd;
  --shadow:0 1px 3px rgba(27,25,23,.06);--shadow-md:0 4px 12px rgba(27,25,23,.1);
  --radius:12px;--radius-sm:8px;--radius-xs:4px;--radius-lg:16px;
  --scrim:rgba(27,25,23,.5);
}
[data-theme="dark"]{
  --paper:#1A1816;--ivory:#242120;--sand:#2A2622;--line:#3A3632;--stone:#9B9389;--ink:#E8E4DE;
  --bg:var(--paper);--surface:var(--ivory);--surface-hover:var(--sand);--border:var(--line);
  --text:var(--ink);--text-sec:var(--stone);--text-muted:#A8A098;
  --primary:#E8E4DE;--primary-light:#2A2622;--primary-dark:#C8C4BE;--on-primary:#1B1917;
  --success:#5cb85c;--success-light:#1a2e1a;
  --warning:#c9a227;--warning-light:#2a2510;
  --danger:#e06050;--danger-light:#2e1a18;
  --shadow:0 1px 3px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.3);
  --scrim:rgba(0,0,0,.6);
}
*{margin:0;padding:0;box-sizing:border-box}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important;animation-iteration-count:1!important}}
body{font-family:'Jost',-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}

/* === TOKEN GATE === */
.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);position:relative;z-index:9999}
.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:48px 40px;max-width:400px;width:90%;text-align:center;box-shadow:var(--shadow-md)}
.login-logo{width:64px;height:64px;background:var(--primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:24px;font-weight:700;color:#fff;font-family:'Cormorant Garamond',serif}
.login-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text)}
.login-sub{font-size:14px;color:var(--text-sec);margin-bottom:32px}
.login-input{width:100%;padding:14px 16px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;outline:none;transition:border .15s}
.login-input:focus{border-color:var(--primary)}
.login-btn{width:100%;padding:14px;font-size:15px;font-weight:600;border:none;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);cursor:pointer;font-family:inherit;transition:background .15s;margin-top:16px}
.login-btn:hover{background:var(--primary-dark)}
.login-error{color:var(--danger);font-size:13px;margin-top:12px;display:none}