:root{color-scheme:dark;font-family:Segoe UI,PingFang SC,sans-serif;background:radial-gradient(circle at top left,rgba(139,92,246,.2),transparent 28%),radial-gradient(circle at top right,rgba(250,204,21,.14),transparent 24%),linear-gradient(180deg,#0d0911,#140d16 45%,#1d1010);color:#f8f5f0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{min-height:100vh}.shell{width:min(1240px,calc(100vw - 32px));margin:0 auto;padding:20px 0 40px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#120c14c2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{font-size:1.1rem;font-weight:800;letter-spacing:.08em}.brand span{color:#f9b86b}.nav,.row{display:flex;gap:10px;align-items:center}.panel{border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#150d14b8;padding:16px;box-shadow:0 24px 60px #00000047}.ghost,button{border:0;border-radius:16px;padding:10px 16px;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,opacity .18s ease}.ghost{color:#e7d7cf;background:#ffffff0f}button:hover,.ghost:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.title{margin:0}.muted{color:#ddc7be}.danger{color:#ffb4ab}.login-stage-shell{display:grid;grid-template-columns:1.2fr .9fr;gap:22px;align-items:stretch;margin-top:18px}.login-hero-panel,.login-auth-panel{min-height:720px;border-radius:34px;overflow:hidden}.login-hero-panel{position:relative;padding:28px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 18% 20%,rgba(139,92,246,.28),transparent 24%),radial-gradient(circle at 78% 26%,rgba(250,204,21,.18),transparent 22%),radial-gradient(circle at 72% 78%,rgba(251,146,60,.2),transparent 24%),linear-gradient(160deg,#140d18,#241326 52%,#331a18)}.login-hero-panel:after{content:"";position:absolute;inset:18px;border-radius:28px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.login-hero-copy,.login-stage-grid{position:relative;z-index:1}.login-stage-drift{position:absolute;border-radius:999px;filter:blur(10px);opacity:.42;animation:loginDrift 16s ease-in-out infinite}.login-stage-drift.drift-a{inset:12% auto auto 8%;width:160px;height:160px;background:#8b5cf638}.login-stage-drift.drift-b{inset:auto 14% 20% auto;width:130px;height:130px;background:#facc1529;animation-duration:18s}.login-stage-drift.drift-c{inset:38% auto auto 52%;width:84px;height:84px;background:#fb923c2e;animation-duration:13s}.login-kicker{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:999px;color:#ffe5b8;background:#ffffff14;font-size:.85rem;letter-spacing:.04em}.login-display{margin:18px 0 12px;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.95;letter-spacing:-.04em}.login-hero-copy p,.login-auth-desc{margin:0;max-width:58ch;color:#e4d7d0;line-height:1.7}.login-mood-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.login-mood-pill{padding:8px 14px;border-radius:999px;color:#ebddd6;background:#ffffff0f;font-size:.92rem}.login-mood-pill.active{color:#201218;background:#ffe7c7}.login-stage-note{display:grid;gap:4px;margin-top:16px;padding:14px 16px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14}.login-stage-note strong{font-size:.96rem;letter-spacing:.03em}.login-stage-note span{color:#ebddd6;line-height:1.6}.login-stage-note.mood-success{background:#74d4a324}.login-stage-note.mood-failure{background:#b23f3f2e}.login-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}@keyframes loginCardBreathe{0%,to{transform:translateY(calc(var(--float-y) - 2px)) scale(1)}50%{transform:translateY(calc(var(--float-y) + 5px)) scale(1.012)}}@keyframes loginHeadBob{0%,to{transform:translateY(-2px) rotate(var(--head-tilt))}50%{transform:translateY(3px) rotate(var(--head-tilt))}}@keyframes loginBlink{0%,43%,46%,90%,to{height:16px}44%,45%{height:3px}91%,92%{height:2px}}@keyframes loginDrift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(10px,-14px,0) scale(1.08)}}@keyframes loginOrbit{0%,to{transform:translate(-50%) rotate(0) scale(1);opacity:.38}50%{transform:translate(-50%) rotate(180deg) scale(1.06);opacity:.58}}@keyframes loginFailureJitter{0%,to{transform:translateY(var(--float-y)) translate(0)}20%{transform:translateY(var(--float-y)) translate(-2px)}40%{transform:translateY(var(--float-y)) translate(2px)}60%{transform:translateY(var(--float-y)) translate(-1px)}80%{transform:translateY(var(--float-y)) translate(1px)}}.login-mascot-card{position:relative;min-height:240px;padding:18px;border-radius:30px;overflow:hidden;color:#fff;background:linear-gradient(180deg,var(--card-color),color-mix(in srgb,var(--card-accent) 72%,#ffffff 28%));box-shadow:inset 0 1px #ffffff40,0 22px 50px #0003;transform:translateY(var(--float-y));animation:loginCardBreathe calc(4.6s + var(--card-order) * .24s) ease-in-out infinite}.login-mascot-card:before{content:"";position:absolute;inset:1px;border-radius:29px;background:linear-gradient(180deg,#ffffff1f,#fff0);pointer-events:none}.login-mascot-glow{position:absolute;inset:auto -10% -34% auto;width:140px;height:140px;border-radius:50%;background:#ffffff38;filter:blur(24px)}.login-mascot-orbit{position:absolute;inset:58px auto auto 50%;width:94px;height:94px;border-radius:50%;border:1px solid rgba(255,255,255,.24);border-right-color:transparent;border-bottom-color:#ffffff14;animation:loginOrbit calc(10s + var(--card-order) * .7s) linear infinite}.login-mascot-figure{position:relative;width:128px;margin:18px auto 0}.login-mascot-head{position:relative;width:112px;height:108px;margin:0 auto;border-radius:34px;background:#ffe8d4;transform:translateY(0) rotate(var(--head-tilt));transition:transform .2s ease;animation:loginHeadBob calc(4.2s + var(--card-order) * .26s) ease-in-out infinite}.login-head-shine{position:absolute;inset:14px auto auto 16px;width:26px;height:14px;border-radius:999px;background:#ffffff42;transform:rotate(-24deg)}.login-brow,.login-eye,.login-mouth,.login-cheek{position:absolute}.login-brow{top:26px;width:20px;height:5px;border-radius:999px;background:#26161ab3}.login-brow.left{left:24px;transform:rotate(-12deg)}.login-brow.right{right:24px;transform:rotate(12deg)}.login-eye{top:44px;width:16px;height:16px;border-radius:50%;background:#24161b;transform:translate(var(--look-x),var(--look-y));transition:transform .18s ease;animation:loginBlink calc(5.2s + var(--card-order) * .42s) linear infinite;overflow:hidden}.login-eye.left{left:28px}.login-eye.right{right:28px}.login-eye-core{position:absolute;inset:2px auto auto 2px;width:5px;height:5px;border-radius:50%;background:#ffffffb8}.login-mouth{left:50%;bottom:24px;width:34px;height:16px;border-bottom:5px solid #8f3b2d;border-radius:0 0 18px 18px;transform:translate(-50%)}.login-cheek{bottom:28px;width:12px;height:12px;border-radius:50%;background:#ff7a6633}.login-cheek.left{left:18px}.login-cheek.right{right:18px}.login-mascot-body{width:82px;height:52px;margin:-8px auto 0;border-radius:22px 22px 18px 18px;background:#ffffff3d;animation:loginCardBreathe calc(4.9s + var(--card-order) * .19s) ease-in-out infinite reverse}.login-mascot-meta{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.login-mascot-meta div{display:grid;gap:4px}.login-mascot-meta small{color:#ffffffc7;font-size:.78rem;line-height:1.3}.login-mascot-meta span{color:#ffffffd1}.mood-password .login-mouth{width:12px;height:12px;border:0;border-radius:50%;background:#8f3b2d}.mood-secret .login-eye{transform:translate(calc(var(--look-x) - 8px),-2px)}.mood-secret .login-mouth{width:28px;height:0;border-bottom-width:4px}.mood-success .login-eye{width:18px;height:10px;background:transparent;border-top:4px solid #24161b;border-radius:999px}.mood-success .login-mouth{width:40px;height:18px;border-bottom-width:5px}.mood-success .login-mascot-glow{background:#ffffff47}.mood-failure .login-mascot-card{box-shadow:inset 0 1px #ffffff40,0 22px 50px #4f0d0d57;animation:loginCardBreathe calc(4.6s + var(--card-order) * .24s) ease-in-out infinite,loginFailureJitter .52s ease-in-out infinite}.mood-failure .login-brow.left{transform:rotate(18deg) translateY(3px)}.mood-failure .login-brow.right{transform:rotate(-18deg) translateY(3px)}.mood-failure .login-mouth{bottom:20px;width:34px;height:14px;border-top:5px solid #8f3b2d;border-bottom:0;border-radius:16px 16px 0 0}.mood-failure .login-cheek{background:#ff565647}.mood-failure .login-eye{height:10px}.mood-failure .login-mascot-orbit{border-color:#ff909052}.login-auth-panel{display:flex;background:linear-gradient(180deg,#f8eee4fa,#f4e2d5f7);border:1px solid rgba(255,255,255,.5)}.login-auth-frame{width:100%;padding:34px 28px;color:#201218}.login-auth-title{margin:18px 0 10px;font-size:clamp(2rem,3vw,3rem)}.login-tab-row,.login-chip-row,.login-inline-fields{display:flex;gap:10px}.login-tab-row,.login-chip-row{margin-top:18px}.login-tab-row button,.login-chip-row button,.login-form-stack>button,.login-inline-fields>button{flex:1}.login-tab-row .active,.login-chip-row .active,.login-form-stack>button,.login-inline-fields>button{color:#fff;background:linear-gradient(180deg,#ef7d32,#d85f1e)}.login-form-stack{display:flex;flex-direction:column;gap:14px;margin-top:18px}.login-label{display:flex;flex-direction:column;gap:8px;color:#5f4a47;font-size:.96rem}.login-label input{width:100%;padding:14px 16px;border:1px solid #dfc0b0;border-radius:18px;color:#201218;background:#fffcfaf2;outline:none}.login-label input:focus{border-color:#ef7d32;box-shadow:0 0 0 4px #ef7d3224}.login-password-shell{display:grid;grid-template-columns:1fr auto;gap:10px}.login-visibility-toggle{min-width:78px}.login-status-board{min-height:42px}@media(max-width:980px){.login-stage-shell{grid-template-columns:1fr}.login-hero-panel,.login-auth-panel{min-height:unset}}@media(max-width:640px){.shell{width:min(100vw - 20px,100%);padding-top:10px}.topbar,.login-auth-frame,.login-hero-panel{padding:18px}.login-stage-grid{grid-template-columns:1fr}.login-tab-row,.login-chip-row,.login-inline-fields,.row,.nav{flex-wrap:wrap}}