/* Sign-in modal styles for pages that do NOT load /css/style.css (assets.html, scene.html). Scoped to #authModalOverlay so nothing leaks. */
#authModalOverlay{--bg-alt:#10101c;--panel:#0f1220;--border:rgba(255,255,255,.07);--text:#e8e8f5;--text-dim:#9a9ab3;--accent:#f9e8a0;--accent-on:#241a06;--accent-soft:rgba(249,232,160,.08);--accent-border:rgba(249,232,160,.2);--danger:#e35d5d;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Pretendard,"Noto Sans KR",sans-serif;position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:1000;font-family:var(--font);color:var(--text);line-height:1.5;text-align:left}
#authModalOverlay.open{display:flex}
#authModalOverlay *{box-sizing:border-box}
#authModalOverlay .modal{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:32px;width:380px;max-width:90vw;position:relative}
#authModalOverlay .close-x{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer}
#authModalOverlay h2{font-size:1.25rem;margin:0 0 20px;font-weight:800;color:var(--text)}
#authModalOverlay .tabs{display:flex;gap:4px;margin-bottom:20px}
#authModalOverlay .tab{flex:1;text-align:center;padding:10px;font-size:.8rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:100px;cursor:pointer;color:var(--text-dim)}
#authModalOverlay .tab.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}
#authModalOverlay label{display:block;font-size:.72rem;color:var(--text-dim);margin:16px 0 6px;text-transform:uppercase;letter-spacing:.05em}
#authModalOverlay input[type=text],#authModalOverlay input[type=email],#authModalOverlay input[type=password]{width:100%;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:.88rem;font-family:var(--font)}
#authModalOverlay input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-alt) inset;box-shadow:0 0 0 1000px var(--bg-alt) inset}
#authModalOverlay .checkbox-row{display:flex;align-items:flex-start;gap:8px;margin-top:16px;font-size:.82rem;color:var(--text-dim)}
#authModalOverlay .checkbox-row input{width:auto;margin-top:3px}
#authModalOverlay .checkbox-row a{color:var(--accent)}
#authModalOverlay .btn{display:inline-block;background:var(--accent);color:var(--accent-on);padding:13px 28px;border:none;border-radius:100px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:var(--font)}
#authModalOverlay .btn.full{width:100%;text-align:center}
#authModalOverlay .btn:disabled{opacity:.4;cursor:not-allowed}
#authModalOverlay .auth-status{font-size:.82rem;color:var(--text-dim);margin-top:14px;text-align:center}
#authModalOverlay .auth-status.error{color:var(--danger)}