:root{color-scheme:dark;--bg:#17152d;--panel:#24213f;--ink:#fff8e9;--muted:#c3bdd9;--gold:#ffd166;--pink:#ff8fab;--purple:#9277ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#393064 0,#17152d 58%);font-family:Nunito,system-ui,sans-serif;color:var(--ink)}
a{color:var(--gold);text-decoration:none}.shell{min-height:100svh;display:grid;place-items:center;padding:22px}.hero{text-align:center;position:relative;width:min(100%,520px);padding:40px 18px 28px;overflow:hidden}.hero h1{font-size:clamp(2.6rem,11vw,4.4rem);line-height:.98;margin:12px 0;font-weight:900;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--gold)}.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:2px;color:var(--pink);margin:8px 0}.subtitle,.muted{color:var(--muted)}.pagoda{font-size:4.4rem;filter:drop-shadow(0 8px 10px #090817);margin:6px}.monkeys{font-size:3.4rem;display:flex;gap:22px;justify-content:center;margin:4px 0 20px}.monkeys span:first-child{transform:rotate(-12deg)}.monkeys span:last-child{transform:rotate(12deg)}.cloud{position:absolute;width:120px;height:34px;background:#ffffff14;border-radius:50px;z-index:-1}.cloud-a{top:80px;left:0}.cloud-b{right:-12px;top:190px;transform:scale(1.4)}.actions{display:flex;gap:12px;justify-content:center;margin:28px auto 18px}.btn{border:0;border-radius:15px;padding:14px 20px;font:900 1rem Nunito;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;min-height:48px}.primary{background:linear-gradient(135deg,#ffd166,#ffad4d);color:#332344;box-shadow:0 6px 0 #b86b42}.secondary{background:#ffffff12;color:var(--ink);border:1px solid #ffffff24}.danger{background:#713b59;color:white}.full{width:100%;margin-top:10px}.tiny{font-size:.75rem;color:#928ba9}.auth-wrap{width:100%;max-width:480px;margin:auto;padding:24px 18px;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.back{align-self:flex-start;margin:0 0 16px 4px}.panel{background:linear-gradient(155deg,#2d2950,#211e39);border:1px solid #ffffff17;border-radius:26px;padding:28px 22px;box-shadow:0 22px 60px #08071566}.panel h1{font-size:2.25rem;margin:4px 0}.mascot{text-align:center;font-size:3rem}.panel form{margin-top:22px}label{display:block;font-weight:800;font-size:.9rem;margin:14px 0}input:not([type=radio]){display:block;width:100%;margin-top:7px;padding:14px;border-radius:12px;border:1px solid #ffffff24;background:#17152d;color:white;font:600 1rem Nunito;outline:none}input:focus{border-color:var(--gold)}small{display:block;color:#aaa3c5;font-weight:600;margin-top:5px}.switch{text-align:center;color:var(--muted);font-size:.9rem;margin:22px 0 0}.form-message{min-height:20px;color:var(--gold);font-size:.88rem;font-weight:700}.avatar-options{display:flex;gap:10px;margin:10px 0 20px}.avatar-choice{margin:0;flex:1;cursor:pointer}.avatar-choice input{position:absolute;opacity:0}.avatar-choice span{display:grid;place-items:center;height:58px;border-radius:14px;background:#17152d;border:2px solid #ffffff20;font-size:1.9rem}.avatar-choice input:checked+span{border-color:var(--gold);background:#ffd16620}.profile-avatar{font-size:4rem;text-align:center;margin:18px}.profile-actions{display:flex;gap:10px;margin-top:18px}.profile-actions>*{flex:1}.profile-mini{display:flex;align-items:center;gap:12px;padding:14px;background:#17152d;border-radius:14px;margin:20px 0}.profile-mini .emoji{font-size:2rem}
@media(max-width:360px){.panel{padding:22px 17px}.actions{flex-direction:column}.hero h1{font-size:2.6rem}}