.member-main{max-width:1100px;margin:0 auto;padding:36px 24px 65px}.member-main h1{font-size:clamp(30px,4vw,44px)}.member-main p{line-height:1.8;color:#afbed7}.member-intro{max-width:660px}.member-panel{border:1px solid #304363;background:#101d31;border-radius:16px;padding:28px;margin:22px 0}.member-panel h2{font-size:22px}.member-panel h3{font-size:16px;margin:6px 0 10px}.member-providers{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:600px;margin:25px 0}.member-provider,.member-button{background:#192e49;color:#e5f5ff;border:1px solid #426486;border-radius:8px;padding:12px 18px;text-align:center;font-weight:600}.member-provider.google-first{grid-column:1/-1;background:#f3f7fc;color:#182b40;font-size:15px}.google-first span{font-size:20px;margin-right:10px;color:#3265cf}.member-provider:disabled,.member-main button:disabled{opacity:.55;cursor:wait}.member-topline,.member-item-heading,.member-lesson{display:flex;align-items:center;justify-content:space-between;gap:20px}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.member-stat{padding:20px;background:linear-gradient(120deg,#183246,#282246);border:1px solid #3b4c6c;border-radius:12px;color:#c5d7ec}.member-stat strong{display:block;font-size:26px;color:#b5edff;margin-bottom:7px}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.member-item{min-width:0;padding:20px;border:1px solid #304363;background:#111f35;border-radius:12px}.member-item .eyebrow{font-size:8px}.member-item p{font-size:12px}.member-item a,.member-empty a,.member-lesson a{font-size:12px;color:#a9dcff;text-decoration:underline}.member-item-heading>button{font-size:11px;color:#d3bfe9}.member-item form{margin-top:20px;display:grid;gap:12px}.member-item label{display:grid;gap:7px;font-size:11px;color:#bed2e8}.member-item input,.member-item textarea,.member-delete input{background:#0b1526;color:#e2edfc;border:1px solid #405472;padding:10px;border-radius:7px;width:100%;font:inherit}.member-lesson{padding:18px 0;border-bottom:1px solid #304363}.member-lesson h3{font-size:15px}.member-lesson p{font-size:12px;margin:8px 0}.member-lesson label{white-space:nowrap;font-size:11px;color:#b9cee4}.member-empty{padding:25px;border:1px dashed #405775;border-radius:12px;grid-column:1/-1}.member-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.member-delete{margin-top:25px}.member-delete summary{cursor:pointer;color:#eabcc8}.member-delete form{display:grid;gap:12px;max-width:500px;margin-top:15px}.member-danger{border-color:#b46e83;color:#ffcedb}#member-status{min-height:24px;color:#9be2f3}.member-error{color:#f1b3c6!important}.member-toast{position:fixed;bottom:20px;left:20px;right:20px;z-index:100;background:#13293c;border:1px solid #537490;border-radius:9px;padding:12px 18px;font-size:12px;box-shadow:0 5px 30px #0006}.member-toast:empty{display:none}.member-save{font-size:10px;color:#b2ddff;padding:7px 0;text-align:left}#member-import-note{font-size:12px}.member-account-link{color:#a2dcff}
@media(max-width:700px){.member-main{padding:22px 17px 45px}.member-panel{padding:20px}.member-grid{grid-template-columns:1fr}.member-stats{gap:8px}.member-stat{padding:14px;font-size:10px}.member-stat strong{font-size:22px}.member-topline{align-items:flex-start;flex-wrap:wrap}.member-lesson{align-items:flex-start;flex-direction:column;gap:10px}.member-providers{grid-template-columns:1fr}.member-provider.google-first{grid-column:auto}}
[hidden]{display:none!important}

.member-auth-modes{display:flex;gap:7px;margin-bottom:22px}.member-auth-modes button{padding:10px 18px;border:1px solid #405775;border-radius:8px;color:#bacce4}.member-auth-modes button.selected{background:linear-gradient(110deg,#224963,#393263);border-color:#80cee0;color:#c3f5ff;font-weight:700}

/* Account identity and logout stay visible on every main page. */
header.has-member-session{height:auto;min-height:88px;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:12px}
.member-userbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;width:100%;flex:0 0 100%;border-top:1px solid #304363;padding-top:10px;min-width:0}
.member-header-identity{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}.member-header-identity strong{font-size:12px;font-weight:600;color:#d1edff;overflow-wrap:anywhere}.member-header-id{font-size:10px;color:#a7bdd9;overflow-wrap:anywhere}.member-header-id code{font-size:10px;color:#bfd7ee;user-select:all;overflow-wrap:anywhere}
.member-header-logout{flex-shrink:0;border:1px solid #52769a;border-radius:7px;padding:9px 15px;font-size:11px;font-weight:600;color:#d2f5ff;background:#18324b}.member-header-logout:hover{border-color:#8cdae9;background:#21445e}.member-header-logout:disabled{opacity:.55;cursor:wait}.member-account-uid{font-size:11px;margin-top:0;overflow-wrap:anywhere}.member-account-uid code{color:#c4dff7;user-select:all}
@media(max-width:760px){header.has-member-session{padding-top:15px;padding-bottom:12px;gap:10px}.member-userbar{justify-content:space-between;gap:10px}.member-header-identity{align-items:flex-start}.member-header-identity strong{font-size:11px}.member-header-id,.member-header-id code{font-size:9px}.member-header-logout{padding:9px 12px}}

/* Keep the account bar concise. */
.member-header-id,.member-account-uid{display:none}

#member-email-form{max-width:540px}#member-email-fields{border:0;padding:0;margin:0}#member-email-form label,#member-profile-form label{display:block;margin:12px 0}#member-email-form input:not([type=checkbox]),#member-email-form textarea,#member-profile-form input,#member-profile-form textarea{display:block;width:100%;box-sizing:border-box;padding:11px;border:1px solid #52617f;border-radius:8px;background:#101b30;color:#fff;margin-top:6px}#member-email-form button{margin:8px 8px 8px 0}#member-email-form input[type=checkbox]{width:auto}#member-profile-form{max-width:540px}

/* One thin identity row at the very top, rather than a second account panel. */
header.has-member-session{gap:6px;padding-top:6px;padding-bottom:8px;min-height:0}.member-userbar{order:-1;flex:0 0 100%;width:100%;border:0;padding:0;margin:0;gap:10px;min-height:26px;justify-content:flex-end}.member-header-identity{flex-direction:row;align-items:center;gap:12px}.member-header-identity strong{font-size:11px;max-width:260px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.member-header-id{display:inline-flex;align-items:center;gap:5px;font-size:10px;min-width:0;white-space:nowrap}.member-header-id code{display:inline-block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.member-header-logout{padding:4px 9px;min-height:26px;border-radius:5px;font-size:10px;line-height:1.3}@media(max-width:760px){header.has-member-session{padding-top:5px;padding-bottom:7px;gap:6px}.member-userbar{gap:7px;justify-content:flex-end}.member-header-identity{gap:7px;align-items:center}.member-header-identity strong{font-size:10px;max-width:135px}.member-header-id{font-size:9px;gap:3px}.member-header-id code{max-width:80px;font-size:9px}.member-header-logout{padding:4px 7px;min-height:28px;font-size:10px}}

/* Keep the account strip above the logo and menu at every screen width. */
header.has-member-session{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:center}
header.has-member-session>.member-userbar{grid-column:1/-1;grid-row:1;justify-self:stretch;min-width:0}
header.has-member-session>.brand{grid-column:1;grid-row:2}
header.has-member-session>nav{grid-column:2;grid-row:2;min-width:0;justify-content:flex-end}
@media(max-width:760px){header.has-member-session{grid-template-columns:minmax(0,1fr);row-gap:5px}header.has-member-session>.brand{grid-column:1;grid-row:2}header.has-member-session>nav{grid-column:1;grid-row:3;justify-content:flex-start}header.has-member-session>.member-userbar{grid-column:1;grid-row:1}}