#auth-dialog,#account-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border:1px solid #82213d;border-radius:28px;background:radial-gradient(ellipse at 100% 0,#59051c80,transparent 70%),#120810;box-shadow:0 0 65px #ff003325;padding:34px}
#auth-dialog [hidden]{display:none!important}
#auth-status{font-size:13px;line-height:1.5;color:#ff9ab0;background:#ff164314;border:1px solid #ff335540;border-radius:12px;padding:12px;margin:16px 0}
#auth-form input{width:100%;box-sizing:border-box;min-height:48px}
#auth-form input:focus-visible{outline:2px solid #ff3355;outline-offset:3px}
#auth-form small,#account-recovery-note{display:block;font-size:11px;line-height:1.6;color:#bca6b0;margin:8px 0 14px}
#auth-form button:disabled{cursor:wait;opacity:.6}
#auth-switch{min-height:44px;line-height:1.6}
#account-name{overflow-wrap:anywhere;color:#ff476b;text-shadow:0 0 20px #ff003366}
#account-dialog p{color:#bca6b0;line-height:1.6}
#account-dialog .primary{width:100%;margin-top:20px}
@media(max-width:480px){#auth-dialog,#account-dialog{padding:26px 22px;border-radius:24px}#auth-dialog h2,#account-dialog h2{font-size:29px}}

.auth-discord{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:24px;padding:12px 18px;border:1px solid #918aff66;border-radius:12px;background:#5865f2;color:white;font-weight:650;transition:background .18s,transform .18s}.auth-discord:hover{background:#4752c4;color:white}.auth-discord:focus-visible{outline:2px solid white;outline-offset:3px}.auth-discord:disabled{opacity:.65;cursor:wait}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#bca6b0;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#ffffff20}

.reference-hint:has(.auth-user-avatar),#account-name:has(.auth-user-avatar){display:flex;align-items:center;gap:9px;min-width:0}.auth-user-avatar{display:block;flex:none;width:26px;height:26px;object-fit:cover;border-radius:50%;border:1px solid #ff476b55;background:#24121e}#account-name .auth-user-avatar{width:40px;height:40px}

header .login:has(.auth-user-avatar){display:inline-flex;align-items:center;justify-content:center;gap:9px}header .login .auth-user-avatar{width:26px;height:26px;margin:0;flex:0 0 26px;border-color:#ffffff66}

header .auth-header-avatar{width:32px;height:32px;flex:0 0 32px;margin-left:auto;margin-right:12px;border-color:#ff476b66}header:has(.auth-header-avatar) .login{margin-left:0}header:has(.auth-header-avatar) nav{position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:650px){header .auth-header-avatar{width:28px;height:28px;flex-basis:28px;margin-right:8px}header:has(.auth-header-avatar) nav{left:auto;right:0;transform:none}}



.search-quota{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 25px;padding:0;background:none;border:0;box-shadow:none;color:#fff;text-align:center}.search-quota[hidden]{display:none!important}.quota-value{display:flex;align-items:baseline;justify-content:center;gap:10px;font-variant-numeric:tabular-nums}.quota-value strong{font-family:'DM Sans',sans-serif;font-size:104px;line-height:1;font-weight:800;letter-spacing:-7px;text-shadow:0 0 35px #ffffff20}.quota-value>span{font-family:monospace;font-size:13px;font-weight:700;color:#c1b9c0}.quota-description{margin-top:12px;font-family:monospace;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:1.4px;color:#bdb5bc}.search-quota.is-exhausted .quota-value strong{color:#ff8da8}@media(max-width:500px){.search-quota{margin-bottom:20px}.quota-value strong{font-size:82px;letter-spacing:-5px}.quota-description{font-size:9px;letter-spacing:1px}}

.reference-hint:has(.home-online-count){display:flex;align-items:center;flex-wrap:wrap;gap:9px}.home-online-count{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;letter-spacing:.25px;color:#b7aab2;padding-right:9px;border-right:1px solid #ffffff16}.home-online-count i{display:block;width:6px;height:6px;flex:none;border-radius:50%;background:#54e58c;box-shadow:0 0 8px #54e58c60}.home-online-count[hidden]{display:none!important}@media(max-width:500px){.reference-hint:has(.home-online-count){justify-content:center}.home-online-count{font-size:9px;gap:5px}}

.search-quota .quota-value strong{color:#ff3458;text-shadow:0 0 5px #ff244b99,0 0 18px #ff174b66,0 0 42px #ff003544,0 0 72px #e6003026}.search-quota .quota-value>span{color:#ff8da4;text-shadow:0 0 10px #ff244b66}.search-quota .quota-description{color:#ed8398;text-shadow:0 0 12px #ff174b55}

.search-quota .quota-value strong{animation:quota-neon-pulse 3.8s ease-in-out infinite}
@keyframes quota-neon-pulse{0%,100%{text-shadow:0 0 5px #ff244b80,0 0 16px #ff174b50,0 0 36px #ff003530,0 0 62px #e6003018}50%{text-shadow:0 0 7px #ff244baa,0 0 22px #ff174b80,0 0 48px #ff003550,0 0 80px #e6003030}}
@media(prefers-reduced-motion:reduce){.search-quota .quota-value strong{animation:none}}
