/* DeutschWeg Midnight purple: deep plum surfaces, soft violet accents, pale lavender light mode. */
.study-card.subscription-locked{border-color:var(--line-soft);background:color-mix(in srgb,var(--surface) 75%,var(--bg));color:var(--muted)}
.study-card.subscription-locked h3{color:var(--muted)}
.study-card.subscription-locked:hover{border-color:#b383353d;box-shadow:0 6px 24px #0002}
.subscription-locked .card-arrow.locked,.subscription-locked .lock-large{color:#eac268;border:1px solid #c8923438;background:#c8923412}
.subscription-locked .card-arrow.locked svg{width:14px;height:14px}
.member-preview-notice{display:flex;align-items:center;gap:16px;margin:20px 0;padding:18px 22px;border:1px solid #c8923433;border-radius:14px;background:#c8923409}
.member-preview-notice>svg{color:#eac268;flex-shrink:0}
.member-preview-notice>div{flex:1;min-width:0}.member-preview-notice strong{font-size:14px}.member-preview-notice p{color:var(--muted);font-size:12px;margin:5px 0 0;line-height:1.7}
.member-preview-notice a{color:#eac268;font-size:12px;font-weight:700;white-space:nowrap}.preview-count{padding:7px 12px;border:1px solid var(--line-soft);border-radius:8px;white-space:nowrap;font:600 12px Inter,Arial,sans-serif}
dialog.member-lock-dialog{width:min(390px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:30px 26px;border:1px solid #c8923445;border-radius:22px;background:var(--surface);color:var(--text);text-align:center;box-shadow:0 24px 90px #0005;font-family:Cairo,Arial,sans-serif}
.member-lock-dialog::backdrop{background:#080b14bb;backdrop-filter:blur(6px)}
.member-lock-symbol{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 20px;border:1px solid #c8923445;border-radius:16px;color:#eac268;background:#c892340d;box-shadow:0 6px 20px #c8923412}
.member-lock-symbol svg{width:25px;height:25px}.member-lock-dialog h2{margin:0 0 10px;font-size:21px}.member-lock-dialog p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.member-lock-actions{display:flex;gap:12px;margin-top:24px}.member-lock-actions button{flex:1;min-height:44px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:11px;font-weight:700;font-size:13px;background:var(--bg)}
.member-lock-actions .member-lock-upgrade{border-color:#c8923455;color:#eac268;background:#c8923412;box-shadow:0 4px 14px #c8923412}.member-lock-upgrade:hover{background:#c8923425}
.light .member-preview-notice a,.light .member-preview-notice>svg,.light .subscription-locked .card-arrow.locked,.light .member-lock-symbol,.light .member-lock-upgrade{color:#976619}
@media(max-width:600px){.member-preview-notice{padding:15px;gap:10px;flex-wrap:wrap}.member-preview-notice>div{flex-basis:calc(100% - 36px)}.member-preview-notice a{margin-inline-start:auto}}
.profile .member-plan-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:22px;padding:3px 8px;border-radius:7px;font:700 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.03em;white-space:nowrap}
.profile .plan-free{color:#aaa5ad;border-color:#ffffff16;background:#ffffff04;box-shadow:none}
.profile .plan-admin{color:#d8c7fa;border-color:#8054d855;background:#8054d81a;box-shadow:none}
.profile .plan-premium{color:#ffe6a3;border-color:#f6bf6080;background:linear-gradient(120deg,#b3751e38,#f5c97918);box-shadow:0 0 12px #f6bf6030,inset 0 0 8px #f6bf6012;text-shadow:0 0 8px #f6bf6055}
.profile .plan-premium.plan-b2{color:#e2d2ff;border-color:#b794ff80;background:linear-gradient(120deg,#8055d33b,#bd98ff18);box-shadow:0 0 12px #b794ff35,inset 0 0 8px #b794ff15;text-shadow:0 0 8px #b794ff55}
.light .profile .plan-free{color:#746584;border-color:#ddd5eb;background:#f1edf9}
.light .profile .plan-admin{color:#4a229a;border-color:#ad97d8;background:#efe9fa}
.light .profile .plan-premium{color:#84510d;border-color:#d2a04c;background:linear-gradient(120deg,#fff0d3,#fff9ed);text-shadow:none}
.light .profile .plan-premium.plan-b2{color:#69429b;border-color:#af88d9;background:linear-gradient(120deg,#edddff,#faf5ff)}
@media(max-width:700px){.profile .member-plan-badge{font-size:9px;padding:3px 6px}.topbar .utilities .profile{width:auto;padding:0 5px;gap:5px}.topbar .utilities{flex-shrink:0}}
.monthly-plan{max-width:520px;margin:32px auto;padding:32px;border:1px solid #523984;border-radius:18px;background:linear-gradient(145deg,#291f3e,var(--surface) 65%);box-shadow:0 18px 60px #0002}.monthly-plan h2{font-size:64px;letter-spacing:-.06em;margin:20px 0}.monthly-plan h2 small{font-size:17px;letter-spacing:0;color:var(--muted)}.monthly-plan ul{padding-left:22px;line-height:2.3;margin:25px 0}.monthly-plan>a{display:flex;justify-content:center;padding:15px}.monthly-plan>small{display:block;line-height:1.7;margin-top:15px}.plan-level{border:0;padding:0;display:flex;gap:12px;flex-wrap:wrap}.plan-level legend{margin-bottom:12px;color:var(--muted);font-size:13px}.plan-level label{flex:1;border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer;white-space:nowrap}.plan-level label:has(input:checked){background:#8054d825;border-color:var(--accent)}.plan-level input{accent-color:var(--accent)}.google-signin{display:flex;align-items:center;justify-content:center;gap:18px;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#1f1f1f;font:500 14px Arial,sans-serif;margin:30px 0}.google-signin strong{font-size:22px}.traffic-page-heading{display:flex;justify-content:space-between;align-items:start;gap:18px}.dashboard-shell{--border-soft:var(--line-soft)}.dashboard-shell :is(.traffic-kpi,.traffic-country-panel,.traffic-globe-panel,.traffic-feed-panel){background:var(--surface);border-color:var(--line-soft)}.traffic-kpi.primary{color:var(--text);box-shadow:none}.traffic-dashboard button{font-family:inherit}.traffic-dashboard .primary:hover{background:var(--surface);box-shadow:none}.light .monthly-plan{background:linear-gradient(145deg,#efe9fa,#fff 65%)}
:root{--bg:#100e16;--surface:#1b1726;--surface2:#241e33;--line:#443856;--line-soft:#332a42;--text:#f4f0fc;--muted:#b8afc7;--dim:#91859f;--accent:#8054d8;--blue:#8054d8;--brand-hover:#8958df;color-scheme:dark}
body.light{--bg:#f8f6fc;--surface:#fff;--surface2:#f1edf9;--line:#ddd5eb;--line-soft:#eae4f3;--text:#251c35;--muted:#746584;--dim:#89799b;--accent:#7444c7;--blue:#7444c7;color-scheme:light}
body:before{opacity:.35}.ambient,body[data-skill=schreiben] .ambient{background:radial-gradient(ellipse,#8054d812,transparent 70%)}
.topbar{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--line-soft);box-shadow:0 6px 24px #00000012}
.logo{color:#a37cf2;border-color:#543d81;background:#231b33;box-shadow:none}.logo svg{color:inherit}.brand small{color:var(--dim)}
.primary,.levels button.selected,.account-level input:checked+span{background:var(--accent);box-shadow:none}.primary:hover{background:var(--brand-hover);box-shadow:0 5px 18px #8054d825}
.nav a.active{background:linear-gradient(100deg,#2f2148,#241c36);color:#efe8ff;box-shadow:inset 0 0 0 1px #62438e}.nav a:hover{background:#8054d815;color:var(--text)}
.pill.profile .avatar,.profile-large-avatar{background:#302440;color:#cdb4ed;border-color:#584070}.card,.listening-card,.account-panel{background:var(--surface);border-color:var(--line-soft)}
.card:hover,.listening-card:hover{background:var(--surface2);border-color:#543d81}.card:hover h3{color:#af8df4}.card .arrow{background:#302440}.profile-menu{background:var(--surface);border-color:var(--line)}
.profile-cover{background:linear-gradient(130deg,#31224e,#1c1824)}.level-info,.search{background:var(--surface);border-color:var(--line-soft)}
.light .topbar,.light .card,.light .account-panel,.light .profile-menu{background:var(--surface);border-color:var(--line)}.light .nav a.active{background:#efe9fa;color:#4a229a;box-shadow:inset 0 0 0 1px #d3c9e8}
.light .search-row .action{background:var(--surface);color:var(--muted);border-color:var(--line);box-shadow:0 2px 5px #251c3504}
.light .search-row .action:hover{background:var(--surface2);color:var(--text);border-color:var(--accent)}
.light .search-row #edit-list.selected{background:#fff7e7;color:#95630c;border-color:#dfb35480}
.light .search-row #sort.custom-selected{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.eyebrow{font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.15em;color:#9c83ce}.auth-page{font-family:Inter,Cairo,Arial,sans-serif}.auth-page:before{display:none}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}
.auth-story{padding:clamp(28px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;gap:64px;background:radial-gradient(ellipse at 15% 10%,#31205450,transparent 65%),#15111e;border-right:1px solid var(--line-soft)}
.auth-story h1{font-size:clamp(36px,4vw,64px);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:20px 0}.auth-story p{color:var(--muted);max-width:440px;line-height:1.8;font-size:16px}.auth-story small{color:var(--dim)}.auth-skill-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px;color:#c3b3d7;font-size:13px}
.auth-form-panel{display:grid;place-items:center;padding:48px 28px}.auth-form-wrap{width:min(420px,100%)}.auth-form-wrap h2{font-size:30px;letter-spacing:-.035em;margin:12px 0}.auth-form-wrap>p{margin-bottom:30px}.auth-form-wrap form{display:grid;gap:18px}.auth-form-wrap label,.admin-main label{display:grid;gap:8px;font-size:13px;color:var(--muted)}
.auth-form-wrap input,.admin-main input,.admin-main select,.admin-actions select{min-height:46px;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);padding:10px 13px}.auth-form-wrap input:focus{border-color:var(--accent)}.auth-form-wrap .primary{min-height:48px;border-radius:9px}.auth-links{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin:22px 0 40px;font-size:12px}.auth-links a:hover,.auth-help a{color:#af8df4}.auth-help{color:var(--muted);line-height:1.7}.auth-message{font-size:13px;line-height:1.6;color:#cab9ec;margin:0;overflow-wrap:anywhere}.auth-message:empty{display:none}
.admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:34px;font-family:Inter,Cairo,Arial,sans-serif}.admin-rail{border-right:1px solid var(--line-soft);padding-right:24px}.admin-rail h2{font-size:20px}.admin-rail a{display:block;padding:13px 14px;margin:6px 0;border-radius:8px;color:var(--muted);font-size:13px}.admin-rail a.active{background:#2f2148;color:#efe8ff;box-shadow:inset 3px 0 #8355e0}.admin-rail p{font-size:11px;line-height:1.8;overflow-wrap:anywhere;margin-top:38px}.admin-main{min-width:0}.admin-main h1{font-size:34px;letter-spacing:-.04em;margin:10px 0}.admin-main h2{font-size:18px;letter-spacing:-.015em}.admin-main>header{margin-bottom:30px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.admin-stats article{border:1px solid var(--line-soft);padding:20px;background:var(--surface);border-radius:12px}.admin-stats small{display:block;color:var(--muted)}.admin-stats strong{display:block;font-size:30px;margin-top:10px}.admin-main .account-panel{margin-bottom:22px;padding:26px;border-radius:12px}.admin-main .admin-check{display:flex;align-items:center;gap:10px;margin:18px 0}.admin-check input{width:18px;min-height:18px;accent-color:var(--accent)}
main:has(>.dashboard-shell){max-width:1920px;width:calc(100% - 64px)}
@media(max-width:700px){main:has(>.dashboard-shell){width:calc(100% - 24px)}}
.admin-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.admin-section-heading form{display:flex;gap:8px}.admin-table-scroll{overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.admin-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.admin-table td,.admin-table th{padding:15px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{margin-top:5px;color:var(--dim)}.admin-actions{display:flex;flex-wrap:wrap;gap:7px;min-width:215px}.admin-actions select{min-height:33px;width:auto;padding:5px}.admin-actions button{font-size:10px;min-height:33px;padding:6px 9px}.member-status{display:inline-block;padding:5px 8px;border-radius:6px;background:#35b96916;color:#70dfa0;white-space:nowrap}.member-status.suspended{background:#8054d815;color:#af8df4}.admin-pagination{display:flex;gap:16px;justify-content:flex-end;align-items:center;margin-top:20px}.admin-audit{padding:0;list-style:none}.admin-audit li{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.admin-audit time{margin-left:auto;color:var(--dim)}.member-upgrade{padding:42px;max-width:980px;margin:0 auto}.member-upgrade h1{font-size:36px;letter-spacing:-.035em}.member-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.member-plan-grid article{background:var(--surface2);border:1px solid var(--line);padding:25px;border-radius:12px}.member-plan-grid h2{font-size:32px}.member-plan-grid h2 small{font-size:12px;color:var(--muted)}.member-plan-grid a{display:flex;font-size:12px;justify-content:center}.member-upgrade>.secondary{display:inline-flex}#cloud-status{display:block;padding:10px;color:var(--muted);font-size:10px}
@media(max-width:1000px){.admin-layout{grid-template-columns:1fr}.admin-rail{border-right:0;border-bottom:1px solid var(--line-soft);padding:0 0 16px}.admin-rail a{display:inline-block}.admin-rail p{margin:8px 0}.auth-story{padding:36px}.member-plan-grid{grid-template-columns:1fr}}
@media(max-width:640px){.auth-layout{grid-template-columns:1fr}.auth-story{padding:24px;gap:24px}.auth-story>div,.auth-story>small{display:none}.auth-form-panel{padding:35px 24px}.admin-stats{grid-template-columns:1fr 1fr}.admin-section-heading{display:block}.admin-section-heading form{margin-top:14px}.admin-main .account-panel{padding:18px}.member-upgrade{padding:24px}.member-upgrade h1{font-size:28px}}
/* Arabic account screens use the same Cairo face and reading direction as the study UI. */
.auth-page,.admin-layout,.member-upgrade,.profile-menu,.google-signin{font-family:Cairo,Arial,sans-serif}
.eyebrow{font-family:Cairo,Arial,sans-serif;letter-spacing:0}
.auth-story{border-right:0;border-inline-end:1px solid var(--line-soft)}
.auth-story h1{line-height:1.5;letter-spacing:0}
.auth-form-wrap h2,.admin-main h1,.admin-main h2,.member-upgrade h1{letter-spacing:0;line-height:1.55}
.auth-form-wrap input:is([type=email],[type=password]){direction:ltr;text-align:start}
.auth-help,.auth-form-wrap>.muted,.admin-main .muted{line-height:1.9}
.admin-rail{border-right:0;padding-right:0;border-inline-end:1px solid var(--line-soft);padding-inline-end:24px}
.admin-rail a.active{box-shadow:inset -3px 0 #8355e0}
.admin-table{text-align:start}.admin-table th{letter-spacing:0;font-size:12px}
.admin-table td small,.admin-rail .muted,.profile-menu-identity small{direction:ltr;unicode-bidi:plaintext}
.admin-actions button{font-size:12px}.admin-audit time{margin-left:0;margin-inline-start:auto}
.monthly-plan ul{padding-left:0;padding-inline-start:22px}
.monthly-plan h2{letter-spacing:0;line-height:1.3}
.monthly-plan .primary{line-height:1.7;text-align:center}
.traffic-dashboard,.traffic-page-heading{font-family:Cairo,Arial,sans-serif}
.traffic-dashboard :is(h2,.traffic-eyebrow,.traffic-kpi span,.traffic-feed-panel header span){letter-spacing:0}
.traffic-globe-controls{direction:ltr}
.traffic-kpi.compact>svg{right:auto;left:24px}
.traffic-kpi.compact span{padding-inline-end:24px}
.traffic-presence-filters button span{white-space:nowrap}
.traffic-globe-hint{line-height:1.8}
.traffic-presence-state small{unicode-bidi:plaintext}
.profile-menu #member-logout{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;margin-top:4px;padding:9px 12px;border:0;border-radius:4px;background:#e5294910;color:#f05264;font-family:inherit;font-size:12px;text-align:start;transition:background .18s ease,color .18s ease}
.profile-menu #member-logout svg{width:15px;height:15px;flex:0 0 15px}
.profile-menu #member-logout:hover{background:#e5294926;color:#ff7386}
.profile-menu #member-logout:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.light .profile-menu #member-logout{background:#fff1f2;color:#be123c}
.light .profile-menu #member-logout:hover{background:#ffe4e6;color:#9f1239}
@media(max-width:1000px){.admin-rail{border-inline-end:0;padding-inline-end:0}}

.admin-language-label{display:block;margin-top:26px;color:var(--muted);font-size:12px}.admin-language-label select{display:block;width:100%;margin-top:9px;min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:8px;font-family:inherit}.admin-layout[lang=en],.admin-layout[lang=en] :is(.traffic-dashboard,.traffic-page-heading,.eyebrow){font-family:Inter,Arial,sans-serif}.admin-layout[dir=ltr] .admin-rail a.active{box-shadow:inset 3px 0 #8355e0}.admin-layout[dir=ltr] .traffic-kpi.compact>svg{left:auto;right:24px}.admin-trial-description{padding:16px 18px;margin-top:18px;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface2);line-height:1.8;font-size:13px}.admin-trial-description[hidden]{display:none}.admin-trial-description p{margin-top:0}.admin-user-trial{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--line-soft)}.admin-user-trial label{flex:1;min-width:190px;font-size:11px;color:var(--muted)}.admin-user-trial select{margin-top:6px;font-family:inherit;min-height:36px}.admin-user-trial button{font-size:12px;min-height:36px}.admin-user-trial small{width:100%}.trial-usage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.trial-usage section{padding:14px;border:1px solid var(--line);border-radius:10px}.trial-usage h3{margin:0 0 12px}.trial-usage section>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;font-size:12px}.trial-usage span{direction:ltr;white-space:nowrap;color:var(--muted)}
@media(max-width:600px){.admin-language-label{max-width:240px}.admin-section-heading{display:block}.admin-section-heading form{margin-top:14px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-usage{grid-template-columns:1fr}.admin-main .account-panel{padding:18px}.admin-trial-description{padding:12px}}

/* Membership: one complete subscription card. */
.exercise-load-status{position:fixed;z-index:120;top:105px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 8px 30px #0002;color:var(--text);font-size:12px;pointer-events:none}
main:has(>.billing-premium){margin-top:40px;margin-bottom:46px}
.member-upgrade.billing-premium{max-width:430px;margin:0 auto;padding:0;position:relative;isolation:isolate;animation:billing-enter .4s ease both}
.billing-premium::before{content:"";position:absolute;inset:-65px -90px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#8054d819,transparent 65%)}
.billing-premium .premium-plan{position:relative;width:100%;max-width:none;margin:0;padding:34px 30px 22px;border:1px solid transparent;border-radius:24px;background:radial-gradient(ellipse at 95% 0%,#7750c02a,transparent 55%),linear-gradient(155deg,#1d1630,#12101c 80%) padding-box,linear-gradient(135deg,#a686e680,#58407260 55%,#a686e635) border-box;box-shadow:0 24px 70px #0003,0 0 65px #8054d80b,inset 0 1px 0 #ffffff07}
.premium-plan::before{content:"";position:absolute;top:0;left:17%;right:17%;height:1px;background:linear-gradient(90deg,transparent,#bfa8ec,transparent)}
.premium-plan-ribbon{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 15px;border:1px solid #c3a5ff30;border-radius:30px;background:linear-gradient(120deg,#9465ea,#6939be);box-shadow:0 5px 22px #8054d835;color:white;font-size:10px;font-weight:800;line-height:1.5}
.premium-plan-ribbon svg{width:12px;height:12px}
.premium-plan-heading{text-align:start}.billing-kicker{display:block;font:600 10px Inter,Arial,sans-serif;letter-spacing:.12em;color:#b49adf;text-align:right}
.billing-premium .premium-plan h1{font-size:25px;letter-spacing:0;line-height:1.5;margin:8px 0 4px;font-weight:800}
.premium-plan-heading p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}
.billing-price{display:flex;align-items:center;gap:12px;direction:rtl;unicode-bidi:isolate;margin:20px 0 23px}
.billing-price>strong{font:750 62px/1 Inter,Arial,sans-serif;letter-spacing:-3px;color:#f6f0ff}
.billing-price>div{display:grid;gap:5px;padding-top:6px}.billing-price span{font-size:13px;font-weight:600;color:#ddd0f3}.billing-price small{font-size:10px;color:var(--muted)}
.billing-premium .premium-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;margin:0;padding:0}
.premium-levels legend{font-size:11px;padding:0;margin-bottom:10px;color:var(--muted)}
.billing-premium .premium-level-option{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:44px;padding:10px;border:1px solid #b698e425;border-radius:10px;background:#ffffff02;color:var(--muted);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.premium-level-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.premium-level-option strong{font:650 13px/1.4 Inter,Arial,sans-serif}
.premium-level-check{display:grid;place-items:center;width:14px;height:14px;border:1px solid #bca5e340;border-radius:50%;color:transparent}.premium-level-check svg{width:10px;height:10px;stroke-width:2.5}
.premium-level-option:hover{border-color:#bba9e055;background:#8054d810}.premium-level-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.billing-premium .premium-level-option:has(input:checked){color:#e9dcff;background:#8054d81c;border-color:#a982ed90;box-shadow:inset 0 1px 0 #ffffff05}
.premium-level-option:has(input:checked) .premium-level-check{background:#ad88ed;border-color:#ad88ed;color:#20132f}
.billing-plan-divider{height:1px;background:linear-gradient(90deg,#8e64c415,#ad88ed35,#8e64c415);margin:22px 0 17px}
.premium-feature-heading{font-size:11px;font-weight:600;color:#bca7de;margin:0 0 13px}
.billing-premium .premium-inclusions{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:11px;line-height:1.8}
.premium-inclusions li{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:600;color:#e1dbea}.premium-inclusions li>span:last-child{min-width:0}
.premium-feature-check{display:grid;place-items:center;flex:0 0 18px;height:18px;margin-top:2px;border-radius:50%;color:white;background:linear-gradient(135deg,#a073ed,#7044c2);box-shadow:0 3px 10px #8054d815}.premium-feature-check svg{width:12px;height:12px;stroke-width:2.4}
.billing-premium .premium-contact{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;min-height:48px;padding:12px 15px;border:1px solid #b08ced70;border-radius:11px;background:linear-gradient(110deg,#9360e9,#713cc1);box-shadow:0 8px 24px #8054d828,inset 0 1px 0 #ffffff20;color:#fff;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s}
.premium-contact .whatsapp-icon{width:18px;height:18px}.premium-contact::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff18 48%,transparent 70%);transform:translateX(130%);transition:transform .6s ease;pointer-events:none}
.billing-premium .premium-contact:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 30px #8054d83b}.premium-contact:hover::after{transform:translateX(-130%)}
.billing-premium .premium-activation-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px;font-size:9px;line-height:1.8;color:var(--dim);text-align:center}.premium-activation-note svg{flex:0 0 12px;height:12px}
.premium-member-note{font-size:11px;color:var(--muted);line-height:1.8;margin:14px 0 0;text-align:center}
.billing-premium .premium-back{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;margin:18px auto 0;padding:0;color:var(--muted);font-size:10px}.premium-back svg{width:13px;height:13px}.premium-back:hover{color:var(--text)}
.light .billing-premium .premium-plan{background:radial-gradient(ellipse at 95% 0%,#ede4ff,transparent 60%),linear-gradient(155deg,#fff,#fcfaff) padding-box,linear-gradient(135deg,#aa87db90,#d6c9e6,#e5dcf0) border-box;box-shadow:0 20px 60px #41325e10,inset 0 1px 0 white}
.light .billing-kicker{color:#7854aa}.light .billing-price>strong{color:#2c1d3c}.light .billing-price span{color:#614678}
.light .billing-premium .premium-level-option{border-color:#ddd1ec;background:#ffffff60}.light .billing-premium .premium-level-option:has(input:checked){color:#6838ad;border-color:#9971d2;background:#eee4fc}.light .premium-level-check{border-color:#c2aadf}.light .premium-level-option:has(input:checked) .premium-level-check{color:white;background:#8355c5;border-color:#8355c5}
.light .premium-feature-heading{color:#7854aa}.light .premium-inclusions li{color:#4a3b5c}
/* Warm gold hover accents over the midnight-purple subscription card. */
.billing-premium .premium-plan{transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.premium-plan::before,.premium-plan-ribbon,.premium-feature-check{transition:background .3s ease,color .3s ease,box-shadow .3s ease}
.billing-premium .premium-plan:is(:hover,:focus-within){border-color:#e6be6b9c;box-shadow:0 26px 75px #0004,0 0 32px #d8ad571b,inset 0 1px 0 #ffe2a526;transform:translateY(-3px)}
.premium-plan:is(:hover,:focus-within)::before{background:linear-gradient(90deg,transparent,#ffe3a4,transparent)}
.premium-plan:is(:hover,:focus-within) .premium-plan-ribbon{background:linear-gradient(120deg,#f0d59a,#cc9c46);color:#302211;border-color:#ffe5ae70;box-shadow:0 5px 24px #d8ad5733}
.premium-plan:is(:hover,:focus-within) .premium-feature-check{background:linear-gradient(135deg,#f0d59a,#c59843);color:#302211;box-shadow:0 3px 12px #d8ad571f}
.billing-premium .premium-level-option:hover{color:#f0d59a;border-color:#e6be6b90;background:#d8ad5710;box-shadow:inset 0 1px 0 #ffe2a50b}
.billing-premium .premium-contact:is(:hover,:focus-visible){color:#302211;border-color:#ffe2a59c;background:linear-gradient(110deg,#f0d59a,#d3a651);box-shadow:0 10px 30px #d8ad5733,inset 0 1px 0 #fff4d652;filter:none}
.premium-contact:focus-visible{outline:2px solid #e6be6b;outline-offset:4px}
.light .billing-premium .premium-plan:is(:hover,:focus-within){border-color:#bb8d3a9c;box-shadow:0 22px 65px #63472216,0 0 28px #d8ad5715,inset 0 1px 0 #fff}
.light .billing-premium .premium-level-option:hover{color:#805a1c;background:#f9edcf;border-color:#bb8d3a90}
@keyframes billing-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:500px){main:has(>.billing-premium){margin-top:36px;margin-bottom:30px}.billing-premium::before{inset:-35px -10px}.billing-premium .premium-plan{padding:30px 22px 20px;border-radius:21px}.billing-premium .premium-plan h1{font-size:23px}.billing-price>strong{font-size:58px}.premium-inclusions li{font-size:11px}.billing-premium .premium-inclusions{gap:12px}}
@media(prefers-reduced-motion:reduce){.billing-premium{animation:none}.billing-premium .premium-plan,.premium-plan::before,.premium-plan-ribbon,.premium-feature-check,.premium-level-option,.premium-contact,.premium-contact::after{transition:none}.billing-premium .premium-contact:hover,.billing-premium .premium-plan:is(:hover,:focus-within){transform:none}}

/* Theme-aware admin chrome; the globe retains a dark canvas in both modes. */
.member-status.suspended{background:#e5294915;color:#ff8299}
.light .member-status.suspended{background:#fff1f2;color:#be123c}
.auth-message{color:var(--muted)}
.traffic-dashboard{--traffic-red:var(--accent)}
.traffic-dashboard :is(.traffic-command-bar h2,.traffic-kpi.primary>strong,.traffic-kpi.compact strong,.traffic-country-panel>header>span,.traffic-globe-panel>header span,.traffic-feed-panel>header span,.traffic-feed-copy strong,.traffic-customer-focus,.traffic-feed-empty strong,.traffic-country-row strong){color:var(--text)}
.traffic-dashboard :is(.traffic-command-bar p,.traffic-kpi.primary>div,.traffic-kpi.compact span,.traffic-globe-panel>header>b,.traffic-feed-copy span,.traffic-country-row>small,.traffic-globe-panel>footer){color:var(--muted)}
.traffic-dashboard :is(.traffic-kpi.primary>small,.traffic-country-panel>header small,.traffic-globe-panel>header small,.traffic-feed-panel>header small,.traffic-feed-copy small,.traffic-presence-state b,.traffic-presence-state time,.traffic-presence-state small,.traffic-empty-small,.traffic-feed-empty span,.traffic-country-row>b){color:var(--dim)}
.traffic-eyebrow svg{color:var(--accent)}
.traffic-range{border-color:var(--line);background:var(--bg)}
.traffic-range button,.traffic-presence-filters button{color:var(--muted)}
.traffic-range button:hover,.traffic-presence-filters button:hover{color:var(--text)}
.traffic-range button.active,.traffic-presence-filters button.active{background:var(--surface2);color:var(--text);border-color:var(--line)}
.traffic-presence-filters button b{background:var(--surface2);color:var(--muted)}
.traffic-dashboard :is(.traffic-globe-panel>header,.traffic-feed-panel>header,.traffic-globe-panel>footer,.traffic-presence-filters,.traffic-feed-list>article){border-color:var(--line-soft)}
.traffic-feed-list>article:hover{background:var(--surface2)}
.traffic-feed-list{scrollbar-color:var(--line) transparent}
.traffic-customer-avatar{background:var(--surface2);color:var(--muted);border-color:var(--line)}
.traffic-country-row i{background:var(--line-soft)}
.traffic-country-row i em{background:var(--accent)}
.traffic-dashboard button:focus-visible{outline-color:var(--accent)}
.traffic-dashboard .traffic-kpi.compact.live strong,.traffic-presence-list article.online .traffic-presence-state b{color:#90d2ae}
.light .traffic-dashboard .traffic-kpi.compact.live strong,.light .traffic-presence-list article.online .traffic-presence-state b{color:#277b53}
.light .traffic-presence-list article.online .traffic-customer-avatar{background:#e8f5ee;border-color:#b8d9c8;color:#277b53}
.light .auth-story{background:radial-gradient(ellipse at 15% 10%,#8054d815,transparent 65%),var(--surface2)}

/* Shared study surfaces and controls follow the same Midnight palette. */
body[data-skill]{--accent:#8054d8}
body.light[data-skill]{--accent:#7444c7}
:is(.hero-stat,.switch,.parts,.listen-mode,.search input,.search-row .action,.study-card,.session-header,.session-footer,.quiz-pane,.editor-pane,.listening-header,.listening-footer,.text-card,dialog){background:var(--surface)}
.light :is(.hero-stat,.switch,.parts,.listen-mode,.search input,.search-row .action,.study-card,.session-header,.session-footer,.quiz-pane,.editor-pane,.listening-header,.listening-footer,.text-card,dialog){background:var(--surface)}
.study-card:not(.subscription-locked) h3,.light :is(.hero h1,.hero-stat strong,.brand strong,.session-title h1,.profile strong),.editor-pane textarea{color:var(--text)}
.study-card:hover:not(.subscription-locked){background:var(--surface2);border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:0 8px 24px #8054d810}
.study-card:hover:not(.subscription-locked) h3{color:var(--accent)}
.study-card:hover:not(.subscription-locked) .card-arrow{background:var(--accent);color:white}
.search-row .action:hover{background:var(--surface2);color:var(--text);border-color:var(--accent)}
.search-row #sort.custom-selected{color:var(--accent);border-color:var(--accent)}
.topbar [data-sliding-pill=header]>.sliding-pill{background:linear-gradient(110deg,#3d2c57,#30233f);border-color:#71568f;box-shadow:0 3px 10px #0003}
.light .topbar [data-sliding-pill=header]>.sliding-pill{background:#f1eafa;border-color:#d9c9ee;box-shadow:0 2px 6px #62438e12}
.topbar .nav a:hover,.topbar .nav a:focus-visible{color:var(--text);background:#8054d810}
.topbar .brand:hover small,.topbar .brand:focus-visible small,.topbar .utilities .round:hover,.topbar .utilities .round:focus-visible{color:var(--accent);border-color:#8054d866}
.topbar #settings.settings-active,.round.settings-active{background:var(--surface2);color:var(--accent);border-color:var(--accent)}
.dialog-content,.light .dialog-content{color:var(--muted)}
.list-editor input{accent-color:var(--accent)}
.results-total strong{color:var(--accent)}
.option.selected:not(.correct):not(.wrong),.light .option.selected:not(.correct):not(.wrong){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.text-card.active{border-color:var(--accent);box-shadow:0 0 0 1px #8054d820,0 6px 30px #8054d812}
.primary.green{background:#10b981}.primary.orange{background:linear-gradient(110deg,#f59e0b,#f97316)}
.writing-session .text-card{background:none}

/* Member management: clear current access, separate trial and activation controls. */
main:has(>.admin-members-layout){max-width:1680px;width:calc(100% - 64px)}
.admin-members-panel .admin-section-heading{align-items:center}
.admin-members-panel #admin-search input{width:240px}
.admin-member-list{display:grid;gap:18px}
.admin-member-card{border:1px solid var(--line);border-radius:17px;background:var(--bg);padding:24px;min-width:0}
.admin-member-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.admin-member-identity{display:flex;align-items:center;gap:13px;min-width:0}.admin-member-identity>div{min-width:0}
.admin-member-avatar{width:40px;height:40px;border:1px solid var(--line);background:var(--surface2);color:#b898ed;border-radius:12px;display:grid;place-items:center;font-weight:700;flex-shrink:0}
.admin-member-identity h3{font-size:15px;margin:0 0 5px;line-height:1.5}.admin-member-email{font-size:12px;color:var(--dim);overflow-wrap:anywhere}
.admin-control-label,.admin-control-note{display:block;color:var(--dim);font-size:11px;line-height:1.8}
.admin-member-access{margin:22px 0}.admin-access-summary{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px}
.admin-member-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;padding:20px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.admin-control-section h4{font-size:13px;margin:0 0 14px}.admin-control-section label{min-width:0;font-size:11px}
.admin-trial-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.admin-grant-controls{display:grid;grid-template-columns:minmax(85px,.7fr) minmax(130px,1fr);gap:9px;align-items:end}
.admin-grant-controls>button{grid-column:1/-1}.admin-control-section :is(select,button){min-height:42px;border-radius:9px;font-size:12px;padding:9px 12px}.admin-control-note{margin-top:10px}
.admin-member-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.admin-member-footer button{font-size:11px;min-height:36px;padding:7px 11px;border-radius:8px}
.admin-te-control,.admin-member-safety{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.permission-state{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--dim)}.permission-state i{width:7px;height:7px;border-radius:50%;background:var(--dim)}
.permission-state.is-enabled{color:#7bd7a8}.permission-state.is-enabled i{background:#39cc83;box-shadow:0 0 8px #39cc8340}
.admin-member-feedback{margin:14px 0 0;color:#7bd7a8;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.admin-member-feedback:empty,#admin-list-feedback:empty{display:none}
.access-countdown{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:22px;row-gap:4px;padding:12px 15px;border:1px solid #39cc8330;border-radius:11px;background:#39cc8308;min-width:180px}
.access-state{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#7bd7a8}.access-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39cc83;box-shadow:0 0 8px #39cc8340;flex-shrink:0}
.access-time{font:600 13px/1.5 Inter,Cairo,Arial,sans-serif;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.access-countdown>small{font-size:10px;color:var(--muted);grid-column:2}
.access-countdown.is-expired{background:var(--surface2);border-color:var(--line)}.access-countdown.is-expired .access-state{color:var(--dim)}.access-countdown.is-expired .access-dot{background:var(--dim);box-shadow:none}
.access-free{font:700 12px Inter,Arial,sans-serif;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.access-free small{font:400 11px Cairo,Arial,sans-serif;color:var(--muted);margin-inline-start:12px}
.profile-access-clocks{display:grid;gap:7px;margin:10px 0}.profile-access-clocks:empty{display:none}.profile-access-clocks .access-countdown{min-width:0;padding:10px;column-gap:10px}.profile-access-clocks .access-time{font-size:11px}.profile-access-clocks .access-state{font-size:10px}
.account-access-clocks{display:grid;gap:12px;margin:18px 0}
.light .access-state,.light .permission-state.is-enabled,.light .admin-member-feedback{color:#287a52}.light .access-countdown.is-expired .access-state{color:var(--dim)}.light .admin-member-avatar{color:var(--accent)}
.admin-member-feedback.is-error{color:#f38b95}.light .admin-member-feedback.is-error{color:#b32a40}
.admin-role-control{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line-soft)}.admin-role-control strong{font-size:12px;color:var(--text)}.admin-role-control p{font-size:11px;margin:5px 0 0;line-height:1.7}.admin-role-control button{flex-shrink:0;min-height:38px;font-size:12px;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.admin-role-control .admin-role-remove{border-color:#f38b9540;color:#f38b95}.light .admin-role-control .admin-role-remove{color:#b32a40}
@media(max-width:700px){.admin-role-control{align-items:start;flex-direction:column;gap:12px}.admin-role-control button{width:100%}}

/* Compact member directory; controls are shown only for the selected member. */
.admin-collapsible>summary{font-weight:700;font-size:14px;cursor:pointer}.admin-collapsible[open]>summary{margin-bottom:22px}
.admin-directory .admin-section-heading{margin-bottom:18px}.admin-directory h2{margin-bottom:7px}.admin-directory #admin-directory-count{font-size:11px;margin:0}
.admin-directory #admin-search{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(125px,1fr)) auto auto;gap:9px;align-items:center;margin-bottom:22px}
.admin-directory #admin-search input{width:100%;min-width:0}.admin-directory #admin-search :is(input,select,button){font-size:11px;min-height:40px;border-radius:9px;margin:0;padding:9px 11px}
.admin-directory-table{min-width:780px;table-layout:fixed;text-align:start}.admin-directory-table th{background:var(--surface2);font-size:10px;letter-spacing:.04em}.admin-directory-table th,.admin-directory-table td{text-align:start;vertical-align:middle;padding:18px 16px}.admin-directory-table th:nth-child(1){width:32%}.admin-directory-table th:nth-child(2){width:15%}.admin-directory-table th:nth-child(3){width:13%}.admin-directory-table th:nth-child(4){width:16%}.admin-directory-table th:nth-child(5){width:12%}.admin-directory-table th:nth-child(6){width:12%}.admin-directory-table tbody tr{cursor:pointer;transition:background .16s ease}.admin-directory-table tbody tr:hover,.admin-directory-table tbody tr:focus-within{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.admin-members-layout .admin-main>header h1{font-size:28px;margin:8px 0 12px}.admin-members-layout .admin-stats article{padding:16px 20px}.admin-members-layout .admin-stats strong{font-size:26px;margin-top:8px}.admin-directory .admin-table-scroll{max-height:560px;overflow:auto;scrollbar-color:var(--line) transparent}.admin-directory-table th{position:sticky;top:0;z-index:1}
.directory-member{display:flex;align-items:center;gap:12px}.directory-member>div{min-width:0}.directory-member .admin-member-avatar{width:32px;height:32px;font-size:11px;border-radius:8px}.directory-member strong{font-size:12px;line-height:1.5}.directory-member bdi{display:block;color:var(--dim);font-size:10px;margin-top:4px;overflow-wrap:anywhere}.directory-access-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.directory-access{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;white-space:nowrap;padding:5px 8px;border:1px solid var(--line);background:var(--surface2);border-radius:6px;color:var(--muted)}.directory-access.active{color:#7bd7a8;background:#39cc8308;border-color:#39cc8330}.directory-access.active i{width:5px;height:5px;border-radius:50%;background:#39cc83}.directory-access.admin,.directory-access.trial{color:#bfa1f4;border-color:#8054d850;background:#8054d815}.light .directory-access.active{color:#287a52}.light .directory-access.admin,.light .directory-access.trial{color:var(--accent)}
.admin-directory-table .permission-state{font-size:11px;justify-content:flex-start;white-space:nowrap}.admin-directory-table time{font-size:11px;white-space:nowrap;color:var(--muted)}.member-status.pending{color:#dfba6f;background:#dfba6f15}.admin-directory-table .member-status{font-size:10px;padding:5px 9px}
.directory-manage{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font-size:11px;font-weight:600;min-height:34px;padding:7px 14px;white-space:nowrap;transition:background .16s ease,border-color .16s ease}.directory-manage:hover,.directory-manage:focus-visible{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.admin-directory-empty{padding:40px 10px;text-align:center;color:var(--muted);font-size:13px}
.admin-directory-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;color:var(--muted);font-size:11px}.admin-directory-pagination>label{display:flex;align-items:center;gap:10px;margin:0}.admin-directory-pagination select{width:70px;min-height:34px;padding:5px 8px}.admin-directory-pagination>div{display:flex;gap:8px}.admin-directory-pagination button{font-size:11px;min-height:34px;padding:7px 12px}.admin-directory [aria-busy=true]{opacity:.6;pointer-events:none}
.admin-member-dialog{width:860px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);overflow:auto;box-shadow:0 24px 100px #0008}.admin-member-dialog::backdrop{background:#08060eb8;backdrop-filter:blur(5px)}.admin-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.admin-dialog-heading h2{font-size:16px;margin:0}.admin-dialog-heading button{width:34px;height:34px;min-height:34px;display:grid;place-items:center;padding:6px}.admin-dialog-heading button svg{width:17px;height:17px}.admin-member-dialog .admin-member-card{padding:22px}.admin-member-dialog .admin-member-controls{grid-template-columns:1fr}.admin-member-dialog .admin-grant-controls{grid-template-columns:minmax(90px,.7fr) minmax(130px,1fr) auto}.admin-member-dialog .admin-grant-controls>button{grid-column:auto}.admin-member-dialog .admin-control-note{display:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* A single, inset chevron keeps native selects consistent in both languages. */
.admin-layout select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4.5 6.25 3.5 3.5 3.5-3.5' stroke='%239f96ad' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px 16px;background-position:right 12px center;padding-inline-end:38px}
.admin-layout[dir=rtl] select{background-position:left 12px center}
.admin-directory #admin-search select,.admin-directory-pagination select,.admin-member-dialog select{padding-inline-end:38px}
.admin-layout select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.admin-layout select:disabled{opacity:.5}
.audio-transport{display:flex;align-items:center;gap:6px;flex-shrink:0}
.audio-controls .audio-skip{min-width:38px;min-height:36px;padding:7px 6px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:11px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;transition:background .15s ease,border-color .15s ease}
.audio-skip small{margin-left:1px;font-size:9px;color:var(--muted)}
.audio-controls .audio-skip:hover,.audio-controls .audio-skip:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.audio-controls .audio-seek{height:18px;margin:2px 0;touch-action:pan-y;accent-color:var(--accent)}
.audio-controls .audio-track{min-width:90px}.audio-controls .audio-track>div{font-variant-numeric:tabular-nums}
@media(max-width:700px){.listening-audio .audio-symbol{display:none}.listening-audio .audio-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}.audio-transport{grid-column:1;justify-content:center;gap:6px}.audio-controls .audio-skip{min-width:38px;min-height:36px}.audio-controls .audio-play{width:36px;height:36px}.audio-controls .audio-track{grid-column:1/-1;grid-row:2;min-width:0}.audio-controls .audio-mute{grid-column:2;grid-row:1}.audio-controls .audio-seek{height:24px;margin:2px 0}.audio-controls .audio-volume{display:none}}
@media(max-width:1450px){.admin-directory #admin-search{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(125px,1fr))}.admin-directory #admin-search input{grid-row:1;grid-column:1/-1}.admin-directory #admin-search [name=sort]{grid-column:1}.admin-directory #admin-search button{width:100%}}
@media(max-width:700px){.admin-directory #admin-search{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-directory #admin-search :is(input,select,button){font-size:11px}.admin-directory #admin-search input{grid-column:1/-1}.admin-directory #admin-search [name=sort]{grid-column:auto}.admin-directory-pagination{flex-wrap:wrap;gap:12px}.admin-directory-pagination>div{margin-inline-start:auto}.admin-directory .admin-table-scroll{margin-inline:-12px}.admin-member-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px;border-radius:15px}.admin-member-dialog .admin-member-card{padding:16px}.admin-member-dialog .admin-grant-controls{grid-template-columns:minmax(80px,.7fr) minmax(0,1fr)}.admin-member-dialog .admin-grant-controls>button{grid-column:1/-1}}
@media(max-width:700px){.admin-directory-table{min-width:0;display:block}.admin-directory-table thead{display:none}.admin-directory-table tbody{display:block}.admin-directory-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:14px 12px;border-bottom:1px solid var(--line-soft)}.admin-directory-table td{padding:0;border:0;display:block;grid-column:1;min-width:0}.admin-directory-table td:nth-child(3),.admin-directory-table td:nth-child(4){display:none}.admin-directory-table td:last-child{grid-column:2;grid-row:1/4;align-self:center}.directory-member{gap:8px}.directory-member bdi{font-size:9px}.directory-member .admin-member-avatar{width:28px;height:28px;flex-shrink:0}.directory-manage{font-size:10px;padding:5px}.admin-directory-pagination>label{font-size:10px}.admin-directory .admin-table-scroll{max-height:520px}.admin-members-layout .admin-stats article{padding:12px}}
@media(max-width:1150px){.admin-member-controls{grid-template-columns:1fr}.admin-grant-controls{grid-template-columns:minmax(90px,.7fr) minmax(130px,1fr) auto}.admin-grant-controls>button{grid-column:auto}.admin-member-access{margin:18px 0}}
@media(max-width:700px){main:has(>.admin-members-layout){width:calc(100% - 24px)}.admin-members-panel #admin-search input{width:100%;min-width:0}.admin-members-panel #admin-search{display:grid}.admin-member-card{padding:18px}.admin-member-controls{gap:20px}.admin-grant-controls{grid-template-columns:minmax(90px,.7fr) minmax(0,1fr)}.admin-grant-controls>button{grid-column:1/-1}.admin-access-summary>.access-countdown{flex:1 1 100%;min-width:0}.admin-member-identity h3{font-size:14px}.admin-member-email{font-size:11px}.admin-member-avatar{width:34px;height:34px}.admin-member-heading{align-items:start}.admin-member-footer{align-items:start}.admin-member-footer button{min-height:40px}.admin-te-control{width:100%;justify-content:space-between}}