:root { --ice:#9edee8; --aqua:#63d8cb; --azure:#91b9ff; }
.contests-page .hero { padding-top:60px; }
.contests-page .contest-hero-kicker { color:#8fafd6; font-size:8px; letter-spacing:2.1px; margin-bottom:23px; }
.contests-page h1 { font-size:66px; line-height:1.05; letter-spacing:-3px; margin-bottom:24px; }
.contests-page h1>span { background:linear-gradient(100deg,#91b4ff,#68dbcd); color:transparent; background-clip:text; }
.contests-page .hero-description { max-width:640px; margin-bottom:30px; color:#a6bad7; font-size:13px; line-height:1.95; }
.hero-description strong { display:inline-block; font-size:14px; font-weight:500; color:#afd9ef; margin-bottom:6px; letter-spacing:.1px; }
.search-area { width:min(580px,100%); }
.search-shell { height:58px; padding:7px 8px 7px 17px; gap:12px; border-color:#3e587c; background:linear-gradient(110deg,#132033,#111a29); box-shadow:0 8px 30px #0004,0 0 0 3px #5abed009; }
.search-shell:focus-within { border-color:#78b9e0; box-shadow:0 0 0 3px #5cbdd31a,0 12px 35px #0004; }
.search-icon { color:#99bedc; width:19px; height:19px; }
.search-shell input { height:40px; font-size:13px; color:#e3f2ff; }
.search-shell input::placeholder { color:#97adcb; }
.search-submit { width:41px; height:42px; background:linear-gradient(145deg,#4676ff,#2450e5); }
.search-shortcut { width:21px; height:23px; font-size:10px; color:#96acca; border-color:#3a4f70; background:#1b2a41; }
.search-dropdown { border-color:#385679; background:linear-gradient(140deg,#142338,#101b2b); border-radius:12px; box-shadow:0 22px 55px #0009; }
.search-dropdown .results-heading { min-height:43px; padding:12px 17px; color:#8fb7d3; border-bottom:1px solid #294362; font-size:7px; }
.search-dropdown .search-result { display:grid; grid-template-columns:34px minmax(0,1fr) 83px 18px; align-items:center; gap:12px; min-height:73px; padding:12px 17px; border-left:2px solid transparent; border-bottom:1px solid #20364f; }
.search-dropdown .search-result:hover,.search-dropdown .search-result.highlighted { background:linear-gradient(100deg,#29466b,#193c4d); border-left-color:#71d2d0; }
.search-dropdown .asset-icon { height:32px; width:32px; justify-self:center; }
.search-dropdown .result-copy { text-align:center; }
.search-dropdown .result-copy strong { color:#d7eaff; font-size:14px; font-weight:550; }
.search-dropdown .result-copy small { color:#97b3d2; font-size:10px; line-height:1.6; }
.search-dropdown .result-right { text-align:center; justify-items:center; align-content:center; gap:6px; }
.search-dropdown .result-right span { color:#a1d5e3; font-size:8px; padding:4px 6px; background:#1b3b4c; border:1px solid #31586a; border-radius:4px; letter-spacing:.4px; max-width:100%; }
.search-dropdown .result-right small { color:#8eacd0; font-size:9px; }
.search-dropdown .result-arrow { color:#8bcacb; margin:0; justify-self:center; }
.search-dropdown-footer { border-color:#2a425d; color:#7e9abf; font-size:8px; }
.empty-results { padding:25px 24px 27px; }
.empty-search-orbit { display:grid; place-items:center; width:42px; height:42px; border:1px solid #4b7896; border-radius:50%; color:#a0e1dc; background:#1c3c4e; font-size:23px; margin:0 auto 14px; }
.empty-results>strong { display:block; color:#c4e4f1; font-family:var(--display); font-size:17px; font-weight:500; }
.empty-results p { max-width:330px; margin:8px auto 18px; color:#92adcc; font-size:11px; line-height:1.8; }
.empty-create-button { display:block; margin:0 auto; min-height:40px; padding:10px 19px; border:1px solid #5f90b7; background:linear-gradient(110deg,#244e77,#205862); color:#c6eef0; border-radius:6px; font-size:11px; }
.empty-create-button:hover { background:#326279; }
.sign-up-button { background:linear-gradient(120deg,#3569f3,#3461cd); border-color:#5686e0; }
.sign-in-button { border-color:#3f526e; color:#bacee8; }
.auth-dialog { text-align:center; width:min(480px,calc(100% - 32px)); padding:35px; background:radial-gradient(ellipse at 50% 0,#22457377,transparent 55%),#101b2d; border-color:#3c5b80; }
.auth-brandmark { position:relative; display:grid; place-items:center; width:61px; height:61px; margin:4px auto 25px; background:linear-gradient(130deg,#2a5489,#205363); border:1px solid #5f9bc3; border-radius:17px; color:#d0eef8; font-family:var(--display); font-size:23px; box-shadow:0 0 35px #4197bc1f; }
.auth-brandmark>span { position:absolute; right:-6px; top:-6px; width:23px; height:23px; display:grid; place-items:center; border-radius:50%; background:#6bd0c2; color:#122d42; font-size:15px; border:2px solid #132035; }
.auth-dialog .eyebrow { justify-content:center; color:#8fc5d2; font-size:7px; letter-spacing:1.7px; margin:0 0 15px; }
.auth-dialog h2 { margin:0 10px 15px; font-size:35px; line-height:1.12; color:#e1f2ff; }
.auth-lede { max-width:325px; margin:0 auto 25px; color:#a6bfdb; font-size:12px; line-height:1.9; }
.auth-provider { display:flex; justify-content:center; text-align:center; background:linear-gradient(110deg,#3567e5,#327f9d); border:1px solid #6399c8; margin-bottom:18px; }
.auth-benefits { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 13px; padding:24px 0 0; margin-top:24px; border-top:1px solid #2d4665; color:#9bcbc8; font-size:9px; }
.auth-trust { color:#7e9abc; font-size:9px; line-height:1.9; margin:19px 0 0; }
.auth-switch { font-size:11px; color:#9ebfdc; margin-top:17px; }
[data-onboard-form] { text-align:left; }
[data-onboard-form] label { display:flex; justify-content:space-between; font-size:11px; color:#b0cce7; margin:17px 0 8px; }
[data-onboard-form] label small { color:#7a9abb; font-size:9px; }
[data-onboard-form] input { width:100%; padding:13px; background:#132841; border:1px solid #3c6082; border-radius:6px; color:#e3f1ff; font-size:12px; }
[data-onboard-form] input:focus { outline:2px solid #4c8db966; border-color:#7ebdd7; }
[data-onboard-form] input::placeholder { color:#7293b6; font-size:11px; }
[data-onboard-form] .plan-button { margin-top:22px; }
.auth-dialog .form-error { color:#ffadbb; font-size:11px; line-height:1.8; margin-top:15px; }
.account-signout { display:flex; justify-content:space-between; align-items:center; gap:15px; width:100%; padding:15px 0; border-bottom:1px solid #2e4464; font-size:11px; color:#9ebfeb; }
.create-dialog { width:min(760px,calc(100% - 32px)); }
.create-dialog h2>span { color:#8fc9df; }
.gameplay-picker { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:11px; margin:23px 0 25px; }
.gameplay-card { border:1px solid #354d6c; border-radius:8px; padding:16px; background:#142239; text-align:left; }
.gameplay-card.selected { border-color:#6aa8b9; background:linear-gradient(130deg,#25436a,#194248); }
.gameplay-icon { display:block; font-size:10px; color:#86cfcf; margin-bottom:12px; }
.gameplay-card strong { display:block; font-family:var(--display); font-size:17px; font-weight:500; color:#c8e3f4; }
.gameplay-card strong small { font-size:6px; letter-spacing:.7px; color:#9be0ca; margin-left:8px; }
.gameplay-card p { color:#8faacb; font-size:10px; line-height:1.8; margin:10px 0 14px; }
.gameplay-card>span:last-child { color:#81b9ca; font-size:6px; letter-spacing:1px; }
.gameplay-card.coming { opacity:.52; }
.classic-explainer { margin:20px 0; border-left:2px solid #6ec6bc; background:#193b483d; padding:14px 16px; border-radius:0 6px 6px 0; }
.classic-explainer>span { color:#b6e1e1; font-size:12px; line-height:1.8; }
.classic-explainer p { color:#8daac9; font-size:10px; line-height:1.9; margin:8px 0 0; }
.invite-panel { display:flex; flex-wrap:wrap; gap:12px; padding:16px; margin-bottom:18px; border:1px solid #3a647d; background:#173a4c; border-radius:7px; }
.invite-panel>div { width:100%; }
.invite-panel span { font-size:7px; color:#9ed4df; letter-spacing:1px; }
.invite-panel p { margin:7px 0 0; color:#8daccb; font-size:10px; }
.invite-link { min-width:0; flex:1; border:1px solid #3f6789; border-radius:4px; padding:10px; font-size:10px; color:#b3cce8; background:#142b43; }
.invite-copy { background:#316778; color:#d2f0ed; font-size:10px; padding:10px 13px; border:1px solid #69a3ad; border-radius:4px; }
@media(max-width:760px){
 .contests-page .hero { padding-top:44px; }
 .contests-page h1 { font-size:48px; letter-spacing:-2px; }
 .contests-page .contest-hero-kicker { font-size:6px; letter-spacing:1.1px; }
 .contests-page .hero-description { max-width:360px; font-size:12px; line-height:1.9; margin-bottom:26px; }
 .hero-description strong { font-size:12px; line-height:1.8; margin-bottom:9px; max-width:280px; }
 .search-shell { height:55px; padding:6px; gap:8px; }
 .search-shell input { height:40px; font-size:16px; }
 .search-shell input::placeholder { font-size:12px; }
 .search-submit { height:40px; width:39px; }
 .search-dropdown .search-result { grid-template-columns:28px minmax(0,1fr) 70px 12px; gap:8px; padding:12px 11px; min-height:68px; }
 .search-dropdown .asset-icon { width:27px; height:27px; }
 .search-dropdown .result-copy strong { font-size:12px; }
 .search-dropdown .result-copy small { font-size:9px; }
 .search-dropdown .result-right span { font-size:7px; padding:4px; }
 .search-dropdown .result-right small { font-size:8px; }
 .empty-results { padding:23px 17px; }
 .empty-results>strong { font-size:16px; }
 .auth-dialog { padding:30px 23px; }
 .auth-dialog h2 { font-size:31px; }
 .auth-benefits { font-size:8px; }
 .gameplay-picker { grid-template-columns:1fr 1fr; gap:9px; }
 .gameplay-card.selected { grid-column:1/-1; }
 .gameplay-card { padding:14px; }
 .gameplay-card.selected p { margin-bottom:9px; }
 .gameplay-card strong { font-size:15px; }
 .gameplay-icon { float:right; margin:0; }
 .gameplay-card.coming p { font-size:9px; }
 .classic-explainer>span { font-size:11px; }
 .invite-copy { padding-inline:10px; }
}
@media(max-width:380px){ .contests-page h1 { font-size:43px; } .contests-page .hero-description { font-size:11px; } .search-shell input::placeholder { font-size:11px; } }

.search-dropdown.opens-above { top:auto; bottom:calc(100% + 8px); }
.search-dropdown .empty-results { padding:19px 20px 21px; }
.search-dropdown .empty-search-orbit { width:32px; height:32px; font-size:20px; margin-bottom:11px; }
.search-dropdown .empty-results p { margin:7px auto 14px; font-size:10px; }
.auth-dialog .dialog-close { width:30px; height:30px; padding:0; line-height:1; display:grid; place-items:center; }
/* Neon accents keep secondary copy legible against the dark arena. */
:root { --blue:#5bc3fb; --muted:#acd3e8; }
.header-inner .main-tabs .nav-link { color:#acb8e7; transition:color .18s,text-shadow .18s; }
.header-inner .main-tabs .nav-link:hover { color:#bfe7fd; text-shadow:0 0 12px #6ecafb66; }
.header-inner .main-tabs .nav-link.active { color:#b6e4fd; text-shadow:0 0 12px #67c7fb99; }
.header-inner .main-tabs .nav-link.active:after { bottom:24px; height:2px; border-radius:5px; background:#7dcffc; box-shadow:0 0 7px #69c8fbbb,0 0 16px #60c5fb44; }
.header-inner .main-tabs .nav-link.active:before { background:#90d6fc; box-shadow:0 0 8px #6ecafb; }
.sign-up-button { background:linear-gradient(125deg,#50b3e8,#55b1e3); border-color:#85ccf3; box-shadow:0 0 18px #5dc4fb18; }
.sign-in-button { color:#b8dcf0; border-color:#467791; }
.contests-page .contest-hero-kicker { color:#a6d5ef; }
.contests-page h1>span { background-image:linear-gradient(100deg,#9ddbfc,#8aaaff 50%,#6ee5df); }
.contests-page .hero-description { color:#b5c9ee; }
.hero-description strong { color:#b1e3f3; text-shadow:0 0 16px #66caff26; }
.search-shell { border-color:#4b809c; box-shadow:0 8px 30px #0004,0 0 15px #5ec4fb0c; }
.search-shell:focus-within { border-color:#90d6fc; box-shadow:0 0 0 3px #63c6fb1c,0 0 22px #67c7fb15; }
.search-shell input::placeholder { color:#b2ccda; }
.search-icon { color:#a5d3ec; }
.search-submit { background:linear-gradient(135deg,#63bff0,#54b6eb); box-shadow:0 0 13px #67c7fb25; }
.search-submit:hover { background:#6fc6f5; }
.search-shortcut { color:#afd4e8; border-color:#467690; }
.search-dropdown { border-color:#497d99; }
.search-dropdown .results-heading { color:#a5d5ef; }
.search-dropdown .search-result:hover,.search-dropdown .search-result.highlighted { background:linear-gradient(100deg,#305264,#203f54); border-left-color:#94d8fc; }
.search-dropdown .result-copy strong { color:#d4effe; }
.search-dropdown .result-copy small { color:#acbce3; }
.search-dropdown .result-right span { color:#b5e5f4; }
.search-dropdown .result-right small { color:#acd5eb; }
.search-dropdown-footer { color:#a8c9db; }
.empty-results p { color:#acb9df!important; }
.auth-lede,.account-lede,.wallet-lede,.dialog-lede { color:#b2c2e9; }
.auth-trust,.auth-switch,.auth-benefits { color:#abd0e4; }
.dialog-note,.wide-dialog .dialog-note,.stripe-caption,.wallet-dialog .dialog-note,.account-dialog .dialog-note { color:#a6b7e0; }
.membership-intro>p,.value-item p,.plan-description,.billing-caption,.pricing-disclosure,.membership-faq details p,.board-note,.feed-note,.activity-subtitle,.rules-note { color:#aebee6; }
.gameplay-card p,.classic-explainer p,.invite-panel p,.purchase-state,.payment-state { color:#afc2e8; }
@media(max-width:760px){ .header-inner .main-tabs .nav-link.active:after { bottom:6px; } }
@media(prefers-reduced-motion:reduce){ .header-inner .main-tabs .nav-link { transition:none; } }
.ticker-track.is-empty { width:100%; transform:none; animation:none; }
.ticker-empty { width:100%; min-height:51px; display:flex; align-items:center; justify-content:center; gap:13px; color:#afbae8; font-size:11px; padding:8px 0; white-space:normal; }
.ticker-empty-dot { width:5px; height:5px; flex-shrink:0; background:#8fd6fc; border-radius:50%; box-shadow:0 0 9px #77cdfb88; }
.ticker-empty-action { font-size:10px; white-space:nowrap; color:#a9e0fd; padding:5px 0; }
.ticker-empty-action:hover { color:#d8f1fe; text-shadow:0 0 9px #7bcffc66; }
.contest-ticker { gap:12px!important; }
.ticker-contest-name { max-width:190px; overflow:hidden; text-overflow:ellipsis; color:#aed4e8; font-size:10px; }
.ticker-occupancy { color:#8fe4eb; font-family:var(--display); font-size:12px; }
.ticker-seat-state { font-size:7px; color:#92e3c7; padding:4px 6px; background:#1e483f66; border:1px solid #39675a; border-radius:4px; letter-spacing:.6px; }
.ticker-seat-state.full { color:#b1e2fd; border-color:#4a7f9b; background:#385f743d; }
.carousel-preferences { padding:0; border:0; margin:0; }
.carousel-preferences legend { font-size:7px; letter-spacing:1.4px; color:#9ac0d5; margin-bottom:13px; padding:0; }
.carousel-choice { display:flex; align-items:center; gap:12px; border:1px solid #354564; background:#132137; border-radius:7px; padding:14px 12px; cursor:pointer; margin-bottom:9px; }
.carousel-choice:has(input:checked) { border-color:#7bbbdd; background:linear-gradient(100deg,#243d4a,#18354a); }
.carousel-choice:has(input:focus-visible) { outline:2px solid #a3ddfd; outline-offset:2px; }
.carousel-choice input { appearance:none; width:16px; height:16px; padding:0; border:1px solid #679ab6; border-radius:50%; background:#16233a; margin:0; flex-shrink:0; }
.carousel-choice input:checked { border:4px solid #9adafc; background:#427089; }
.carousel-choice>span { display:grid; gap:7px; flex:1; min-width:0; }
.carousel-choice strong { font-size:11px; color:#bddef0; font-weight:500; }
.carousel-choice small { font-size:9px; color:#95b4d7; line-height:1.6; }
.carousel-choice i { font-style:normal; color:#a6defd; opacity:0; font-size:13px; }
.carousel-choice:has(input:checked) i { opacity:1; }
.carousel-save-state { color:#9ed8d8; font-size:9px; line-height:1.7; min-height:15px; margin:10px 0 14px; }
.watchlist-add-form { display:flex; gap:9px; margin:16px 0; }
.watchlist-add-form input { min-width:0; flex:1; color:#d0def5; background:#13263d; border:1px solid #4b5b86; border-radius:5px; padding:11px; font-size:11px; }
.watchlist-add-form input::placeholder { color:#9baad2; }
.watchlist-add-form button { width:40px; border:1px solid #7bb4d3; border-radius:5px; color:#c3e9fd; background:#305264; font-size:19px; }
.manual-price-note { color:#9aa8d2; font-size:9px; }
.ranking-launch-empty { border:1px solid #3d4663; background:radial-gradient(ellipse at 50% 0,#487d9a1c,transparent 70%),#111927; padding:45px 25px; border-radius:10px; text-align:center; }
.ranking-launch-empty>span { display:block; color:#9edbfc; font-size:28px; margin-bottom:16px; }
.ranking-launch-empty h2 { font-family:var(--display); font-size:28px; font-weight:500; color:#ceebfa; margin:0 0 15px; }
.ranking-launch-empty p { color:#aebee4; font-size:12px; line-height:1.9; }
.ranking-launch-empty a { display:inline-block; color:#aae0fd; font-size:12px; margin-top:13px; }
@media(max-width:760px){ .ticker-empty { font-size:9px; gap:8px; min-height:47px; } .ticker-empty>span:nth-child(2) { max-width:220px; line-height:1.6; } .ticker-empty-action { font-size:8px; } .ticker-contest-name { max-width:130px; font-size:9px; } .ticker-occupancy { font-size:11px; } .ticker-seat-state { font-size:6px; } .carousel-choice { padding:13px 11px; gap:10px; } .carousel-choice strong { font-size:10px; } .carousel-choice small { font-size:8px; } .ranking-launch-empty h2 { font-size:23px; } }
@media(max-width:380px){ .ticker-empty { gap:7px; } .ticker-empty>span:nth-child(2) { max-width:160px; } }

/* Arena onboarding: the wordmark and readable risk notice share one visual system. */
.auth-dialog { width:min(510px,calc(100% - 32px)); padding:30px 32px 25px; border:1px solid #4d83a0; border-radius:16px; background:radial-gradient(ellipse at 80% 0,#3f98c82b,transparent 45%),radial-gradient(ellipse at 0 45%,#1da4b516,transparent 65%),#101522; box-shadow:0 25px 100px #0009,0 0 45px #6cc9fb0b; }
.auth-logo { width:min(238px,85%); margin:3px auto 24px; padding:12px 0 17px; border-bottom:1px solid #4e84a166; }
.auth-logo svg { display:block; width:100%; height:auto; mix-blend-mode:screen; }
.auth-dialog .eyebrow { font-size:7px; letter-spacing:1.6px; color:#aae0fd; margin-bottom:13px; }
.auth-dialog h2 { font-size:34px; letter-spacing:-1.2px; margin:0 0 13px; color:#ebf7fe; }
.auth-lede { max-width:390px; color:#b9cce9; font-size:12px; line-height:1.8; margin:0 auto 21px; }
.auth-provider { margin-bottom:19px; background:linear-gradient(115deg,#47a6d9,#3fa8e1); border-color:#90d6fc; }
[data-onboard-form] label { color:#d0e9f6; margin-top:15px; }
[data-onboard-form] input { background:#151e32; border-color:#3e6a82; padding:12px; }
[data-onboard-form] input:focus { border-color:#8ed6fc; outline:2px solid #59baee33; }
[data-onboard-form] input::placeholder { color:#9aaece; }
.auth-risk-notice { text-align:left; margin-top:22px; padding:17px; border:1px solid #34586b; border-radius:9px; background:linear-gradient(120deg,#192b34,#132431); }
.auth-notice-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.auth-notice-heading h3 { font-size:12px; font-weight:600; color:#ccecfe; margin:0; }
.auth-notice-heading>span { flex-shrink:0; font-size:7px; letter-spacing:1px; color:#83e8e0; padding:4px 6px; border:1px solid #487b7e; border-radius:4px; }
.auth-risk-notice p { font-size:11px; line-height:1.75; color:#b9cce2; margin:0 0 10px; }
.auth-risk-notice p strong { color:#dceef8; font-weight:600; }
.auth-accept { display:flex; align-items:flex-start; gap:10px; margin-top:16px; padding-top:15px; border-top:1px solid #396075; font-size:11px; line-height:1.75; color:#d8eefa; cursor:pointer; }
.auth-accept input { width:17px; height:17px; margin:2px 0 0; flex-shrink:0; accent-color:#79cefc; cursor:pointer; }
.auth-accept input:focus-visible { outline:2px solid #81eee8; outline-offset:4px; }
.auth-notice-version { display:block; margin-top:13px; font-size:8px; color:#90b6ca; }
.auth-create { margin-top:19px; background:linear-gradient(115deg,#4fb1e6,#3cabe7); border-color:#89cef3; }
.auth-create:disabled { opacity:.5; cursor:not-allowed; }
.auth-switch { margin:17px auto 0; color:#b2d9ee; font-size:11px; }
@media(max-width:560px) { .auth-dialog { padding:26px 20px 23px; } .auth-dialog h2 { font-size:29px; } .auth-logo { width:210px; margin-bottom:20px; } .auth-dialog .eyebrow { font-size:6px; letter-spacing:1.2px; } .auth-risk-notice { padding:14px; } .auth-notice-heading h3 { font-size:11px; } }
.auth-dialog .auth-provider,.auth-dialog .auth-create { background:linear-gradient(115deg,#4fb1e6,#3cabe7); border-color:#89cef3; }

/* Shared scrollbar treatment for pages, dialogs, search results, and tables. */
:root { color-scheme:dark; --scroll-track:#101321; --scroll-thumb:#5193b6; --scroll-hover:#83caf1; }
* { scrollbar-width:thin; scrollbar-color:var(--scroll-thumb) var(--scroll-track); }
*::-webkit-scrollbar { width:8px; height:8px; }
*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner { background:var(--scroll-track); }
*::-webkit-scrollbar-thumb { background:var(--scroll-thumb); border:2px solid var(--scroll-track); border-radius:20px; }
*::-webkit-scrollbar-thumb:hover { background:var(--scroll-hover); }
*::-webkit-scrollbar-button { display:none; width:0; height:0; }
.auth-dialog { width:min(460px,calc(100% - 28px)); padding:23px 27px 20px; max-height:calc(100dvh - 28px); }
.auth-logo { width:202px; padding:0 0 12px; margin:0 auto 14px; }
.auth-dialog .eyebrow { font-size:6px; letter-spacing:1.8px; margin-bottom:9px; }
.auth-dialog h2 { font-size:27px; margin-bottom:9px; letter-spacing:-.8px; }
.auth-dialog .auth-lede { font-size:11px; line-height:1.6; margin:0 auto 17px; }
[data-onboard-form] label { margin:12px 0 7px; font-size:11px; }
[data-onboard-form] input { padding:11px 12px; height:41px; }
.auth-field-help { display:block; margin-top:5px; font-size:9px; line-height:1.5; color:#afbad5; }
.auth-password-field { position:relative; }
.auth-password-field input { padding-right:61px; }
.auth-password-field button { position:absolute; right:9px; top:0; bottom:0; margin:auto; font-size:10px; color:#b1e2fd; }
.auth-password-field button:focus-visible,.risk-read-more:focus-visible { outline:2px solid #83e4ec; outline-offset:3px; }
.auth-risk-brief { margin-top:17px; padding:12px 13px; text-align:left; border:1px solid #335669; border-radius:8px; background:linear-gradient(120deg,#1a2c36,#142531); }
.auth-risk-brief h3 { margin:0 0 5px; color:#b9e5fd; font-size:11px; font-weight:600; }
.auth-risk-brief p { margin:0; font-size:10px; line-height:1.7; color:#b9cbe3; }
.risk-read-more { display:inline; color:#aee1fd; font:inherit; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.auth-dialog .auth-accept { text-align:left; padding:0; border:0; margin:14px 0 13px; font-size:10px; line-height:1.7; }
.auth-dialog .auth-create { margin:0; min-height:42px; }
.auth-dialog .auth-switch { margin:13px auto 0; font-size:10px; }
.auth-dialog .auth-legacy { display:block; margin-top:13px; color:#a5bfdc; font-size:9px; }
.auth-dialog .form-error { margin:8px 0 11px; line-height:1.6; }
.risk-dialog { width:min(530px,calc(100% - 32px)); padding:28px; border:1px solid #4d83a0; border-radius:14px; background:radial-gradient(ellipse at 80% 0,#3f98c829,transparent 60%),#101522; }
.risk-dialog>.eyebrow { margin:5px 25px 13px 0; color:#a4cfe6; }
.risk-dialog h2 { font-size:25px; line-height:1.3; margin:0 20px 18px 0; }
.risk-dialog .auth-risk-notice { margin:0 0 20px; }
.risk-dialog .plan-button { background:linear-gradient(115deg,#4fb1e6,#3cabe7); border-color:#89cef3; }
@media(max-width:560px) { .auth-dialog { padding:22px; } .auth-dialog h2 { font-size:25px; } .auth-dialog .auth-logo { width:190px; } .risk-dialog { padding:25px 21px; } }
@media(max-height:660px) { .auth-dialog { padding:17px 22px; } .auth-dialog .auth-logo { width:174px; padding-bottom:8px; margin-bottom:10px; } .auth-dialog .eyebrow { display:none; } .auth-dialog h2 { font-size:24px; margin-bottom:7px; } .auth-dialog .auth-lede { margin-bottom:12px; font-size:10px; } [data-onboard-form] label { margin-top:9px; } [data-onboard-form] input { height:38px; padding-block:8px; } .auth-risk-brief { margin-top:12px; padding:9px 11px; } .auth-dialog .auth-accept { margin-block:10px; } .auth-dialog .auth-switch { margin-top:10px; } }
@media(forced-colors:active) { * { scrollbar-color:auto; } }
@media(max-height:660px) { .auth-dialog .auth-field-help,.auth-risk-brief h3 { display:none; } .auth-dialog .auth-logo { width:160px; } .auth-dialog .auth-accept { font-size:10px; } }
.auth-forgot { display:block; margin:11px 0 15px auto; color:#a8ddfa; font-size:10px; }
.auth-forgot:hover,.auth-resend:hover { color:#a1ecf0; text-decoration:underline; text-underline-offset:3px; }
.auth-resend { display:block; margin:13px auto 0; color:#a1c8dd; font-size:10px; }
.auth-mail-status { margin:13px 0; padding:10px 12px; border:1px solid #3f6b83; border-radius:6px; background:#1d313b; color:#c4dfee; font-size:10px; line-height:1.6; text-align:left; }
[data-code-field] input { text-align:center; letter-spacing:5px; font-size:19px; color:#a2eef0; }
.account-security { border:1px solid #34586b; border-radius:8px; padding:16px; margin:20px 0; background:linear-gradient(120deg,#192b35,#142330); }
.account-security h3 { margin:0 0 12px; color:#b7e5fd; font-size:13px; }
.account-security p { color:#c4d5ed; font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
.account-security .account-security-note { color:#a9bad7; font-size:10px; }
.account-security .plan-button { margin-top:12px; color:#bce6fd; border-color:#477893; font-size:11px; }
.auth-dialog [data-code-field],.auth-dialog [data-email-field],.auth-dialog [data-confirm-field],.auth-dialog [data-password-field] { text-align:left; }
@media(max-height:660px) { .auth-mail-status { margin:8px 0; padding:7px 9px; font-size:9px; line-height:1.4; } }
.auth-dialog[data-mode=signup] .auth-create,.auth-dialog[data-mode=recover] .auth-create,.auth-dialog[data-mode=email-setup] .auth-create,.auth-dialog[data-mode=code] .auth-create { margin-top:16px; }
.auth-dialog .auth-create:disabled { background:linear-gradient(115deg,#437d9d,#306c8d); border-color:#528baa; color:#c6e0ee; }