.nav-actions .avatar{flex-shrink:0;display:grid;place-items:center;transition:box-shadow .18s,background .18s}
.nav-actions .avatar:hover{box-shadow:0 0 0 4px #35c9f21a}
.nav-actions .avatar.is-guest{width:42px;height:42px;padding:0;background:#35c9f21a;border:1px solid #35c9f250;color:#63d9fa;font-size:12px;font-weight:600;white-space:nowrap}
.nav-actions .avatar.is-member{color:#142028;font-size:15px}
.nav-actions .signup-btn,.nav-actions:has(.signup-btn) .avatar.is-guest{flex-shrink:0;width:auto;height:34px;padding:0 14px;border:1px solid #35c9f250;border-radius:7px;background:#35c9f21a;color:#63d9fa;font-size:13px;font-weight:600;white-space:nowrap;transition:background .18s,border-color .18s}
.nav-actions .signup-btn:hover,.nav-actions:has(.signup-btn) .avatar.is-guest:hover{background:#35c9f22e;border-color:#35c9f2;box-shadow:none}
.nav-actions .signup-btn:focus-visible,.nav-actions:has(.signup-btn) .avatar.is-guest:focus-visible{outline:2px solid #35c9f2;outline-offset:4px}
body.auth-open{overflow:hidden}
.auth-dialog{box-sizing:border-box;position:fixed;inset:0;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:36px;border:1px solid #3a3e46;border-radius:22px;background:#202227;color:#ebedf3;box-shadow:0 28px 100px #0009;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark;overflow:auto;overscroll-behavior:contain}
.auth-dialog::backdrop{background:#080a10b8;backdrop-filter:blur(7px)}
.auth-dialog[open]{animation:auth-enter .2s ease-out}
.auth-dialog *{box-sizing:border-box}
.auth-dialog button,.auth-dialog input{font:inherit}
.auth-dialog button{cursor:pointer}
.auth-dialog [hidden]{display:none!important}
.auth-dialog button:focus-visible,.auth-dialog a:focus-visible{outline:2px solid #35c9f2;outline-offset:4px}
.auth-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;color:#a3a7b2;background:transparent}
.auth-close:hover{background:#34373e;color:#fff}
.auth-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.auth-heading{display:flex;align-items:center;gap:14px;margin:0 0 17px}
.auth-brand{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#35c9f2;box-shadow:0 6px 24px #35c9f21a;flex-shrink:0;transform:rotate(-5deg)}
.auth-brand::before{content:"";border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid white;margin-left:4px}
.auth-eyebrow{margin:0 0 5px;color:#898f9b;font-size:9px;font-weight:600;letter-spacing:2.4px}
.auth-dialog h2{font-size:23px;line-height:1.3;font-weight:650;letter-spacing:1px;margin:0}
.auth-subtitle{font-size:12px;line-height:1.8;margin:0 0 24px;color:#a1a6b2}
.auth-tabs{display:flex;gap:29px;border-bottom:1px solid #3a3d44;margin-bottom:23px}
.auth-tab{position:relative;padding:0 0 13px;border:0;background:none;color:#9097a5;font-size:14px!important}
.auth-tab[aria-selected="true"]{color:#e8ebf3;font-weight:650}
.auth-tab[aria-selected="true"]::after{content:"";position:absolute;height:3px;bottom:-1px;left:0;right:0;border-radius:3px;background:#35c9f2}
.auth-field{display:block;margin-bottom:18px}
.auth-field-label{display:block;margin-bottom:9px;font-size:12px;color:#c5cad3}
.auth-input-wrap{display:flex;align-items:center;gap:11px;height:45px;padding:0 12px;border:1px solid #3d414b;border-radius:8px;background:#191b20;transition:border-color .15s,box-shadow .15s}
.auth-input-wrap:focus-within{border-color:#35c9f2;box-shadow:0 0 0 3px #35c9f210}
.auth-input-wrap:has([aria-invalid="true"]){border-color:#f38b9f}
.auth-input-wrap>svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:#777e8c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.auth-input-wrap input{width:100%;min-width:0;height:100%;padding:0;border:0;background:transparent;color:#f3f5fa;outline:none;font-size:13px}
.auth-input-wrap input::placeholder{color:#6f7785}
.auth-input-wrap input:focus-visible{outline:none}
.auth-reveal{border:0;background:none;padding:4px;color:#8f98a8;font-size:11px!important;white-space:nowrap}
.auth-reveal:hover{color:#35c9f2}
.auth-consent{display:flex;align-items:flex-start;gap:8px;margin:3px 0 17px;font-size:11px;line-height:1.8;color:#9199a7}
.auth-consent input{width:14px;height:14px;flex-shrink:0;margin:3px 0 0;accent-color:#35c9f2}
.auth-link{display:inline;border:0;padding:0;background:none;color:#55cceb;font-size:inherit!important;line-height:inherit;text-decoration:none}
.auth-link:hover{text-decoration:underline}
.auth-error{margin:0 0 15px;padding:10px 12px;border:1px solid #ee829b35;border-radius:8px;background:#ee829b0c;color:#ffabbc;font-size:12px;line-height:1.6}
.auth-submit{width:100%;height:44px;border:0;border-radius:9px;background:#35c9f2;color:#10232c;font-weight:700!important;font-size:14px!important;margin-top:5px;transition:background .15s}
.auth-submit:hover{background:#67d8f7}
.auth-dialog button:disabled{cursor:wait;opacity:.55}
.auth-footer{display:flex;justify-content:center;gap:6px;margin:21px 0 0;font-size:12px;color:#9299a7}
.auth-register-note{margin:12px 0 0;text-align:center;font-size:11px;color:#818b99}
.auth-document{font-size:13px;line-height:1.9;color:#bcc2ce}
.auth-document h3{color:#f0f2f7;font-size:17px;margin:0 0 15px}
.auth-document p{margin:0 0 15px}
.auth-document-back{padding:9px 0;margin:8px 0 0}
.auth-dialog[data-mode="register"]{padding-top:28px;padding-bottom:26px}
.auth-dialog[data-mode="register"] .auth-heading{margin-bottom:12px}
.auth-dialog[data-mode="register"] .auth-subtitle{margin-bottom:18px}
.auth-dialog[data-mode="register"] .auth-tabs{margin-bottom:18px}
.auth-dialog[data-mode="register"] .auth-field{margin-bottom:13px}
.auth-dialog[data-mode="register"] .auth-input-wrap{height:42px}
.auth-dialog[data-mode="register"] .auth-footer{margin-top:14px}
@keyframes auth-enter{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:640px){.nav-actions .avatar.is-guest{width:34px;height:34px;font-size:11px}.auth-dialog{padding:29px 24px;border-radius:18px}.auth-subtitle{margin-bottom:20px}.auth-dialog h2{font-size:21px}.auth-field{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.auth-dialog[open]{animation:none}}
.auth-admin-link{font-size:12px;white-space:nowrap;color:inherit;text-decoration:none}.auth-admin-link:hover{color:#fb7299}
.auth-referral-note{display:block;margin-top:6px;color:#a1a6b2;font-size:11px;line-height:1.6}