:root{color-scheme:dark;--bg:#0b101a;--panel:#121a28;--panel2:#182235;--line:rgba(255,255,255,.1);--text:#f7f4ec;--muted:#aab3c5;--accent:#ffd166;--accent2:#ff9f72;--good:#69db9c;--danger:#ff8f8f;font-family:'Noto Sans KR',system-ui,sans-serif}html[data-theme='light']{color-scheme:light;--bg:#f5f2ec;--panel:#fffdfa;--panel2:#f0ece4;--line:rgba(39,47,60,.13);--text:#202630;--muted:#5d6673;--accent:#8a5b00;--accent2:#b85a25;--good:#167447;--danger:#b42318}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#17253c 0,var(--bg) 38rem);color:var(--text)}html[data-theme='light'] body{background:radial-gradient(circle at top,#fff8e7 0,var(--bg) 38rem)}button,input{font:inherit}.auth-shell{width:min(calc(100% - 28px),480px);margin:0 auto;padding:28px 0 48px}.auth-brand{display:block;color:var(--text);text-decoration:none;font-size:17px;font-weight:900;margin:4px 0 22px}.auth-card{padding:26px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 22px 60px rgba(0,0,0,.18)}.auth-heading{margin-bottom:20px}.eyebrow{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.14em}.auth-heading h1{margin:8px 0 8px;font-size:30px;letter-spacing:-.04em}.auth-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.google-button,.primary-button,.text-button,#check-nickname{cursor:pointer}.google-button{width:100%;min-height:48px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text);font-weight:800}.google-mark{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:50%;background:#fff;color:#4285f4;font-weight:900}.auth-divider{display:flex;align-items:center;gap:10px;margin:19px 0;color:var(--muted);font-size:10px}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:var(--line)}.field{display:block;margin:13px 0}.field>span{display:block;margin-bottom:6px;font-size:11px;font-weight:800}.field input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);outline:none}.field input:focus{border-color:var(--accent)}.nickname-row{display:grid;grid-template-columns:1fr auto;gap:7px}.nickname-row button{padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font-weight:800;font-size:11px}.field-status{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.field-status.good{color:var(--good)}.field-status.bad{color:var(--danger)}.primary-button{width:100%;min-height:48px;margin-top:8px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#25160e;font-weight:900}.text-button{display:block;width:100%;margin-top:12px;padding:7px;border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:800}.text-button.secondary{color:var(--muted)}.auth-message{min-height:20px;margin:12px 0 0;text-align:center;color:var(--muted);font-size:11px;line-height:1.6}.auth-message.error{color:var(--danger)}.hidden{display:none!important}.auth-note{margin:13px 8px 0;color:var(--muted);font-size:9px;line-height:1.6;text-align:center}@media(max-width:430px){.auth-shell{width:min(calc(100% - 22px),480px);padding-top:20px}.auth-card{padding:21px;border-radius:20px}}