body.member-page{color-scheme:dark;--m-bg:#0b1220;--m-card:#14213a;--m-border:#2d4263;--m-text:#edf4ff;--m-muted:#b1c4df;--m-blue:#76c9ff;--m-green:#87e4c4;--m-orange:#ffd19a;--m-error:#ffc1ca}
body.member-page{margin:0;background:radial-gradient(ellipse at 80% 0,#16345a 0,transparent 50%),var(--m-bg);color:var(--m-text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}
.member-page *{box-sizing:border-box}.member-page a{color:var(--m-blue)}.member-page button,.member-page input,.member-page select,.member-page textarea{font:inherit}.member-page [hidden]{display:none!important}.member-page button,.member-page input,.member-page select,.member-page textarea{border-radius:12px}.member-page :focus-visible{outline:3px solid #94dfff;outline-offset:4px}.member-page button{cursor:pointer;border:1px solid #4c80bf;background:#244e87;color:#fff;min-height:44px;padding:10px 18px}.member-page button:hover{background:#3268ae}.member-page button:disabled{opacity:.65;cursor:wait}.member-page input,.member-page select,.member-page textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #52688b;background:#0f192d;color:#fff}.member-page textarea{min-height:110px;resize:vertical}.member-page input[type=checkbox],.member-page input[type=radio]{width:20px;min-height:auto;height:20px;flex-shrink:0;accent-color:#64bcff}
.member-top{border-bottom:1px solid var(--m-border);background:#0b1526e8}.member-top>div{max-width:1240px;margin:auto;padding:20px 24px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.member-brand{font-weight:800;font-size:24px;text-decoration:none;color:#fff!important}.member-brand span{color:var(--m-blue)}.member-nav{display:flex;gap:20px;flex-wrap:wrap;flex:1}.member-nav a{text-decoration:none;font-size:14px}.member-nav a[aria-current=page]{color:#fff;border-bottom:2px solid #76c9ff}.member-session{font-size:14px;color:var(--m-muted)}.member-shell{max-width:1200px;margin:0 auto;padding:42px 24px 76px}.member-eyebrow{letter-spacing:.12em;font-weight:700;font-size:12px;color:var(--m-blue)}.member-page h1{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-.03em;margin:12px 0 18px}.member-page h2{font-size:24px;line-height:1.25;margin:0 0 16px}.member-page h3{font-size:18px;margin:0 0 10px}.member-lead{color:var(--m-muted);max-width:780px;margin:0 0 28px}.member-status{border:1px solid #436b9d;background:#172f50;border-radius:14px;padding:14px 18px;margin:0 0 24px;overflow-wrap:anywhere}.member-status[data-level=error]{background:#412536;border-color:#a4556b;color:var(--m-error)}.member-status[data-level=success]{background:#133b34;border-color:#3d8975;color:#b1f5de}.member-status[data-level=pending]{background:#393023;border-color:#806141;color:var(--m-orange)}.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.member-card{background:linear-gradient(130deg,#192b47,#101b2d);border:1px solid var(--m-border);border-radius:20px;padding:26px;min-width:0}.member-card.wide{grid-column:1/-1}.member-form{display:grid;gap:17px}.member-form label{display:grid;gap:7px;color:var(--m-muted);font-size:14px}.member-form label.checkbox{display:flex;gap:10px;align-items:flex-start}.member-help{color:var(--m-muted);font-size:13px;margin:6px 0}.member-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.member-row>*{min-width:0}.member-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.member-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#245ca1;border:1px solid #6aa4e9;border-radius:12px;color:#fff!important;text-decoration:none}.member-button.secondary,.member-page button.secondary{background:transparent;border-color:#526a8e;color:#d5e6ff}.member-page button.danger{background:#562b3b;border-color:#bf6c81}.member-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.member-subnav button{padding:8px 14px;background:#162641;border-color:#334d75;font-size:14px}.member-subnav button[aria-pressed=true]{background:#315d96;border-color:#8abaff}.member-empty{color:var(--m-muted);border:1px dashed #486285;border-radius:12px;padding:24px}.member-list{padding:0;margin:0;list-style:none}.member-list>li{border-bottom:1px solid #2a405e;padding:16px 0}.member-list>li:last-child{border:0}.member-list strong,.member-list small{display:block}.member-list small{color:var(--m-muted)}.member-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.member-metric{background:#162c48;border:1px solid #3b557b;border-radius:16px;padding:20px}.member-metric strong{display:block;font-size:30px;color:#90d8ff;line-height:1.2}.member-metric span{font-size:13px;color:var(--m-muted)}.member-table-wrap{overflow:auto}.member-page table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}.member-page caption{font-size:16px;font-weight:700;text-align:left;padding:0 0 14px}.member-page th,.member-page td{padding:12px;border-bottom:1px solid #2d4263;white-space:nowrap}.member-page th{color:#a7d7ff}.member-own{background:#24476d}.member-tag{display:inline-block;padding:3px 9px;border:1px solid #596f92;border-radius:7px;font-size:12px;color:#d9e9ff}.member-tag.good{color:#a3e9d3;border-color:#437f6e}.member-tag.pending{color:#ffdaab;border-color:#8c714b}.member-footer{border-top:1px solid var(--m-border);padding:24px;text-align:center;font-size:13px;color:var(--m-muted)}.member-footer a{margin:0 8px}.member-test{max-width:900px;margin:auto}.member-question{white-space:pre-wrap;font-size:19px;margin:16px 0 24px}.member-options{display:grid;gap:12px}.member-option{display:flex!important;align-items:flex-start;gap:14px;padding:16px;background:#102039;border:1px solid #445e84;border-radius:12px;cursor:pointer}.member-option:has(input:checked){background:#214b77;border-color:#84d2ff}.member-option span{white-space:pre-wrap}.member-test-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.member-countdown{font-variant-numeric:tabular-nums;font-size:24px;color:#ffdaa5;font-weight:800}.member-save-state{min-height:1.7em;color:var(--m-muted);font-size:14px}.member-note{white-space:pre-wrap;overflow-wrap:anywhere}.member-admin-json{font:13px/1.5 ui-monospace,Consolas,monospace;min-height:210px}.member-gate{padding:16px;border-left:4px solid #d8a05e;background:#302a20;border-radius:8px;color:#ffe1b7}.member-page details{border-top:1px solid #345072;padding:14px 0}.member-page summary{cursor:pointer;font-weight:600}.member-dialog{background:#11213a;color:#fff;border:1px solid #7197c7;border-radius:20px;padding:24px;max-width:620px;width:calc(100% - 32px)}.member-dialog::backdrop{background:#020816c9}.member-avatar{border-radius:50%;width:56px;height:56px;object-fit:cover}.member-page progress{width:100%;height:16px;accent-color:#76c9ff}.study-account-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:#132948;border:1px solid #476fa5;color:#e9f4ff;padding:12px 16px;border-radius:12px;font:13px/1.6 system-ui;margin-bottom:18px}.study-account-bar a{color:#94d8ff}.study-account-bar[data-level=error]{border-color:#ab667b;background:#392434}.study-account-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.study-account-actions button{background:#214e85;color:#fff;border:1px solid #5c8cbd;border-radius:8px;padding:9px 12px;min-height:40px;font:13px system-ui}.study-account-actions button:focus-visible{outline:3px solid #7ed9ff}.study-account-actions button:disabled{opacity:.6}
@media(max-width:760px){.member-top>div{padding:16px;gap:14px}.member-nav{order:3;flex-basis:100%;gap:14px}.member-shell{padding:28px 16px 50px}.member-grid{grid-template-columns:1fr}.member-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-card{padding:20px}.member-metric{padding:16px}.member-metric strong{font-size:26px}.member-table-wrap{margin:0 -8px}.member-page h2{font-size:22px}.member-test-meta{align-items:flex-start}.member-actions>*{flex:1}}
@media(prefers-reduced-motion:no-preference){.member-button,.member-page button{transition:background .18s,border-color .18s}}@media(prefers-reduced-motion:reduce){.member-page *{scroll-behavior:auto!important}}

.member-session{display:flex;align-items:center;gap:10px}.member-session .member-avatar{width:38px;height:38px;background:#a9d9ef;border:2px solid #68c9ff}.avatar-fieldset{min-width:0;border:1px solid #456183;border-radius:16px;padding:16px;margin:0}.avatar-fieldset legend{color:#d9edff;font-weight:700;padding:0 8px}.avatar-preview{display:flex;align-items:center;gap:14px;margin-bottom:18px}.avatar-preview .member-avatar{width:76px;height:76px;border:3px solid #77d6ff;background:#d3eaff}.avatar-preview p{font-size:13px;color:var(--m-muted)}.avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.member-form .avatar-choice{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;padding:9px 4px;border:2px solid #354d70;border-radius:14px;cursor:pointer;background:#10213a;color:#d8eaff;font-size:12px}.avatar-choice input{position:absolute;width:1px;height:1px;opacity:0}.avatar-choice img{width:100%;max-width:68px;aspect-ratio:1;border-radius:50%;background:#dbebfa}.avatar-choice:has(input:checked){border-color:#7fdfff;background:#244e73;box-shadow:0 0 16px #64caff33}.avatar-choice:has(input:focus-visible){outline:3px solid #fff;outline-offset:3px}.member-form .avatar-remove{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px}.avatar-remove input{width:auto}.panel-start{margin-bottom:24px}@media(max-width:440px){.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.avatar-fieldset{padding:10px}.avatar-choice span{font-size:11px}.member-session{width:100%}}
