*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#eef4ff;color:#07162f}a{color:#5b3df6}
.auth-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#fff)}
.auth-card{width:min(420px,92vw);background:#fff;border:1px solid #dce6f6;border-radius:28px;padding:30px;box-shadow:0 24px 70px #5b78b22b}
.brand{font-size:28px;font-weight:900}.auth-card h1{font-size:34px}.auth-card label{display:block;font-weight:800;margin:14px 0 8px}
input,select,textarea{width:100%;border:1px solid #d7e3f5;border-radius:14px;padding:14px 16px;font-size:16px;background:white}
.check{display:flex!important;gap:10px;align-items:center}.check input{width:auto}.primary,.btn,.new{border:0;border-radius:16px;padding:13px 18px;font-weight:900;cursor:pointer}
.primary,.new{width:100%;background:linear-gradient(135deg,#5b43f5,#8b35ee);color:white}.alert{background:#ffe9e9;color:#9b0000;padding:12px;border-radius:14px}
.app{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{background:#fbfdff;border-right:1px solid #dbe6f7;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}
.logo{font-size:25px;margin-bottom:20px}.me{display:flex;gap:12px;align-items:center;background:white;border:1px solid #dbe6f7;border-radius:22px;padding:14px;margin-bottom:15px}
.avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#543af4,#8b37f0);color:white;display:grid;place-items:center;font-weight:900}
small{display:block;color:#66758d}.nav{width:100%;padding:13px;border:0;background:transparent;text-align:left;border-radius:14px;font-weight:900;margin:4px 0;cursor:pointer}
.nav.active,.nav:hover{background:#eef4ff}.logout{display:block;margin-top:18px;text-decoration:none;font-weight:900;background:#fff0f0;color:#b80000;padding:13px;border-radius:14px}
.main{padding:22px 28px}.top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.top h1{margin:0;font-size:36px}.top p{margin:6px 0;color:#60708a}
.top-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{width:auto}.blue{background:#e7f3ff;color:#2037b8}.violet{background:#efeaff;color:#4b26c8}.green{background:#e9fff2;color:#08723a}.red{background:#ffe2e2;color:#c40000}.cream{background:#fff3e5;color:#894500}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stats div{background:white;border:1px solid #dce6f6;border-radius:22px;padding:18px}.stats b{font-size:28px}.stats span{display:block;color:#66758d;font-weight:800}
.panel{background:white;border:1px solid #d7e3f5;border-radius:26px;padding:18px;box-shadow:0 18px 60px #5b78b21c}
.compact-card{display:grid;grid-template-columns:auto auto 1fr auto;gap:14px;align-items:center;border:1px solid #dce6f6;border-left:5px solid #6c56ff;border-radius:20px;padding:12px 16px;margin:10px 0;background:#fff}
.compact-card.topic{margin-left:34px;border-left-color:#22b8eb;background:#fbfdff}.compact-card.sub{margin-left:68px;border-left-color:#a770ff}
.icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#f0f5ff;font-size:24px}.toggle{width:38px;height:38px;border:1px solid #d7e3f5;border-radius:12px;background:white;cursor:pointer}
.title{font-size:20px;font-weight:950}.meta{color:#66758d;font-weight:700;font-size:14px}.actions{display:flex;gap:8px;align-items:center}
.progress{width:120px;height:10px;background:#e9eff9;border-radius:20px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,#5b43f5,#23c3f3)}.pct{font-weight:950;font-size:13px}
.children{border-left:2px dashed #d9e5f6;margin-left:18px;padding-left:14px}.hidden{display:none}
.note-area{margin:12px 0 12px 68px;background:#f8fbff;border:1px solid #dce6f6;border-radius:18px;padding:14px}.note-area textarea{min-height:140px}
.people-card,.request-card{display:flex;justify-content:space-between;gap:10px;align-items:center;background:white;border:1px solid #dce6f6;border-radius:18px;padding:12px;margin:9px 0}
.person{display:flex;gap:10px;align-items:center}.person .avatar{width:38px;height:38px;border-radius:12px}.mini{padding:8px 10px;border-radius:12px;border:0;font-weight:900;cursor:pointer}
.modal{position:fixed;inset:0;background:#06102280;display:none;align-items:center;justify-content:center;padding:18px;z-index:20}.modal.show{display:flex}
.modal-card{width:min(520px,96vw);max-height:92vh;overflow:auto;background:white;border-radius:28px;padding:24px;box-shadow:0 30px 90px #0004;position:relative}.x{position:absolute;right:16px;top:12px;border:0;background:#f1f5ff;border-radius:12px;width:36px;height:36px;font-size:22px}
.form-row{margin:12px 0}.empty{text-align:center;padding:50px;color:#66758d}.pill{display:inline-block;background:#f1f5ff;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:900;color:#333}
@media(max-width:800px){.app{display:block}.sidebar{position:relative;height:auto;border-right:0}.main{padding:14px}.top{display:block}.top h1{font-size:28px}.top-actions{margin-top:12px}.stats{grid-template-columns:repeat(2,1fr)}.compact-card{grid-template-columns:auto 1fr;gap:10px;padding:12px}.compact-card .toggle{grid-row:1}.compact-card .actions{grid-column:1/3;overflow:auto}.compact-card.topic,.compact-card.sub{margin-left:0}.children{margin-left:6px;padding-left:8px}.progress{width:80px}.note-area{margin-left:0}.sidebar #sidePeople{max-height:240px;overflow:auto}}

.side-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#71819a;font-weight:950;margin:16px 4px 6px}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.hint{font-weight:700;color:#71819a;font-size:12px}
.request-card small{max-width:320px}

.person-actions{display:flex;gap:6px;align-items:center}
.people-card{gap:8px}
.people-card .person{min-width:0}
.people-card b{word-break:break-word}
@media(max-width:800px){
 .people-card{padding:10px}
 .person-actions{flex-shrink:0}
 .mini{padding:7px 9px}
}

/* v14 */

/* v15 full notes workspace */
.notes-workspace{padding:6px 0}
.crumb{font-weight:950;color:#4f38f4;margin:0 0 16px}
.note-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}
.note-head h2{font-size:30px;margin:6px 0 0}
.overline{font-size:12px;letter-spacing:.14em;color:#61708a;font-weight:950}
.note-head-actions{display:flex;gap:10px;flex-wrap:wrap}
.edit-row{display:grid;grid-template-columns:1fr 180px 160px;gap:12px;margin:16px 0}
.fav{display:flex;gap:9px;align-items:center;justify-content:center;border:1px solid #d7e3f5;border-radius:14px;padding:10px 12px;font-weight:900;background:#fbfdff}
.fav input{width:auto}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.toolbar button{border:1px solid #d7e3f5;background:#fbfdff;border-radius:10px;padding:9px 12px;font-weight:900;cursor:pointer}
.rich-editor{min-height:300px;border:1px solid #d7e3f5;border-radius:18px;background:#fff;padding:20px;font-size:16px;line-height:1.6;outline:none}
.rich-editor:empty:before{content:'Write notes for this topic here...';color:#9aa8bd}
.workspace-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.child-preview{margin-top:20px;border-top:1px solid #e5edf8;padding-top:16px}
.child-preview button{display:flex;width:100%;justify-content:space-between;align-items:center;border:1px solid #dce6f6;background:#fbfdff;border-radius:14px;padding:12px 14px;margin:8px 0;font-weight:900;cursor:pointer}
.child-preview span{font-size:12px;background:#eef4ff;border-radius:14px;padding:5px 8px;color:#4f5f77}
@media(max-width:800px){
 .note-head{display:block}
 .note-head-actions{margin-top:10px}
 .edit-row{grid-template-columns:1fr}
 .workspace-actions{display:grid}
 .rich-editor{min-height:260px}
}


/* v16 mobile professional notes editor */
.editor-wrap{
  margin-top:14px;
  border:1px solid #d7e3f5;
  border-radius:22px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(64,89,140,.08);
}
.editor-label{
  padding:12px 16px;
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#60708a;
  background:#f8fbff;
  border-bottom:1px solid #e7eef9;
}
.rich-editor{
  display:block !important;
  width:100%;
  min-height:360px !important;
  border:0 !important;
  border-radius:0 !important;
  padding:18px !important;
  font-size:17px !important;
  line-height:1.65 !important;
  color:#07162f !important;
  background:#fff !important;
  white-space:pre-wrap;
  word-break:break-word;
  outline:none;
}
.rich-editor:empty:before{
  content:attr(data-placeholder);
  color:#9aa8bd;
}
.toolbar-title{
  margin-top:16px;
  margin-bottom:6px;
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#60708a;
}
@media(max-width:800px){
  body{background:#eef4ff}
  .main{padding:14px 14px 22px}
  .panel{padding:14px;border-radius:24px}
  .notes-workspace{padding:0}
  .crumb{
    font-size:14px;
    line-height:1.35;
    background:#f7faff;
    padding:10px 12px;
    border-radius:14px;
    border:1px solid #e0e9f6;
    margin-bottom:14px;
  }
  .note-head h2{font-size:26px;line-height:1.15}
  .note-head-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .note-head-actions .btn{width:100%;justify-content:center}
  .edit-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .edit-row input,
  .edit-row select{
    height:58px;
    font-size:17px;
    border-radius:18px;
  }
  .fav{
    justify-content:flex-start;
    height:54px;
    font-size:17px;
    border-radius:18px;
  }
  .toolbar{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
  }
  .toolbar button{
    min-height:44px;
    font-size:15px;
    border-radius:14px;
    background:#fff;
  }
  .editor-wrap{border-radius:22px;margin-top:12px}
  .rich-editor{
    min-height:420px !important;
    font-size:18px !important;
    padding:18px !important;
  }
  .workspace-actions{
    position:sticky;
    bottom:0;
    background:linear-gradient(180deg,rgba(238,244,255,0),#eef4ff 25%);
    padding:18px 0 0;
    display:grid !important;
    grid-template-columns:1fr;
    gap:10px;
    z-index:5;
  }
  .workspace-actions .btn{
    width:100%;
    min-height:54px;
    border-radius:18px;
    font-size:16px;
  }
}

/* v17 teammates */
.secondary-new{margin-top:8px;background:linear-gradient(135deg,#13b8ff,#5b43f5)!important}
.readonly-note{background:#fff8e7;border:1px solid #ffe2a8;color:#7a4b00;padding:14px 16px;border-radius:16px;font-weight:900;text-align:center}
select:disabled,input[readonly]{background:#f7f9fd;color:#66758d}
.rich-editor[contenteditable="false"]{background:#f8fbff!important}

/* v18 admin */
.admin-body{background:#eef4ff;min-height:100vh}.admin-login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.admin-login-card{width:min(440px,94vw);background:#fff;border:1px solid #dbe6f7;border-radius:28px;padding:30px;box-shadow:0 25px 80px rgba(45,69,120,.18)}.admin-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.admin-sidebar{background:#0d1730;color:#fff;padding:20px;position:sticky;top:0;height:100vh;overflow:auto}.admin-sidebar a{display:block;color:#fff;text-decoration:none;padding:12px;border-radius:12px;font-weight:800}.admin-sidebar a:hover{background:#1d2b50}.admin-main{padding:24px}.admin-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.admin-stat,.admin-card{background:#fff;border:1px solid #dbe6f7;border-radius:20px;padding:18px}.admin-stat b{font-size:28px;display:block}.admin-card{overflow:auto;margin-bottom:18px}.admin-table{width:100%;border-collapse:collapse;min-width:980px}.admin-table th,.admin-table td{padding:11px 10px;border-bottom:1px solid #e6edf7;text-align:left;vertical-align:top}.admin-table th{background:#f7faff}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-btn{border:0;border-radius:10px;padding:8px 10px;font-weight:900;cursor:pointer}.admin-btn.premium{background:#e9fff2;color:#08723a}.admin-btn.trial{background:#fff3e5;color:#8a4d00}.admin-btn.free{background:#eef4ff;color:#243fa5}.admin-btn.danger{background:#ffe5e5;color:#b00000}.admin-btn.dark{background:#17213d;color:#fff}.admin-badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:900}.admin-badge.premium{background:#e9fff2;color:#08723a}.admin-badge.trial{background:#fff3e5;color:#8a4d00}.admin-badge.free{background:#eef4ff;color:#243fa5}.admin-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.admin-filter input,.admin-filter select{max-width:260px}.admin-note{background:#fff8e7;border:1px solid #ffe2a8;color:#704500;padding:12px 14px;border-radius:14px}.admin-body form{margin:0}@media(max-width:900px){.admin-shell{display:block}.admin-sidebar{position:relative;height:auto}.admin-main{padding:14px}.admin-grid{grid-template-columns:repeat(2,1fr)}.admin-top{display:block}}

/* v19 AI + subscription */
.plan-box{margin:14px 0;padding:12px;border-radius:16px;background:#eef4ff;border:1px solid #dbe6f7}
.plan-box b,.plan-box small{display:block}
.ai-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(135deg,#f2edff,#eaf8ff);border:1px solid #d9d4ff;border-radius:20px;padding:16px;margin:16px 0}
.ai-tools small{display:block;color:#66758d;margin-top:4px}
.btn.ai{background:linear-gradient(135deg,#6547f5,#08aeea);color:#fff}
.ai-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}
.ai-action-grid button{border:1px solid #dbe6f7;background:#f8fbff;border-radius:14px;padding:13px;font-weight:900;cursor:pointer}
.ai-result{min-height:120px;background:#f8fbff;border:1px solid #dbe6f7;border-radius:16px;padding:16px;margin-top:14px}
.ai-output{line-height:1.65;max-height:420px;overflow:auto}
.ai-loading{font-weight:900;color:#5b43f5}
.history-card{border:1px solid #dbe6f7;border-radius:16px;padding:14px;margin:10px 0}
.history-card small{display:block;margin:5px 0}
@media(max-width:800px){.ai-tools{display:block}.ai-tools .btn{width:100%;margin-top:12px}.ai-action-grid{grid-template-columns:1fr}}

/* v20 full reader */
.reader-body{margin:0;background:#eef4ff;font-family:Inter,Segoe UI,Arial,sans-serif;color:#10203d}
.reader-shell{max-width:1050px;margin:28px auto;padding:0 18px}
.reader-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:#fff;border:1px solid #dbe6f7;border-radius:24px;padding:24px;margin-bottom:18px}
.reader-header h1{margin:5px 0;font-size:34px}
.reader-actions{display:flex;gap:10px;flex-wrap:wrap}
.reader-content{background:#fff;border:1px solid #dbe6f7;border-radius:24px;padding:34px;font-size:18px;line-height:1.8;white-space:normal;box-shadow:0 20px 60px rgba(45,69,120,.10)}
@media(max-width:800px){.reader-header{display:block}.reader-actions{margin-top:14px}.reader-content{padding:20px;font-size:17px}.reader-header h1{font-size:28px}}

/* v21 image AI + interactive MCQ */
.image-ai-box{margin:14px 0;padding:14px;border:1px solid #d8e5f7;border-radius:18px;background:#f8fbff;display:grid;gap:10px}
.quiz-open-link{display:block;text-align:center;text-decoration:none;margin-top:12px}
.quiz-body{margin:0;background:#eef4ff;font-family:Inter,Segoe UI,Arial,sans-serif;color:#10203d}
.quiz-shell{max-width:850px;margin:28px auto;padding:0 16px}
.quiz-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:#fff;border:1px solid #dbe6f7;border-radius:24px;padding:22px}
.quiz-top h1{margin:5px 0}
#timer{font-size:24px;font-weight:950;background:#0f1831;color:#fff;padding:12px 16px;border-radius:14px}
.quiz-progress{height:10px;background:#dfe8f6;border-radius:20px;overflow:hidden;margin:14px 0}
.quiz-progress div{height:100%;background:linear-gradient(90deg,#6547f5,#08aeea);width:0;transition:.25s}
.question-card,.score-card{background:#fff;border:1px solid #dbe6f7;border-radius:26px;padding:28px;box-shadow:0 20px 60px rgba(45,69,120,.10)}
.q-count{font-weight:900;color:#6547f5}
.options{display:grid;gap:12px;margin:22px 0}
.option{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #dbe6f7;border-radius:16px;cursor:pointer;font-weight:750}
.option input{display:none}.option span{width:34px;height:34px;border-radius:10px;background:#eef4ff;display:grid;place-items:center;font-weight:950}
.option.selected{border-color:#6547f5;background:#f3f0ff}
.quiz-nav{display:flex;justify-content:space-between;gap:12px}
.score-card{text-align:center}.score-ring{width:170px;height:170px;border-radius:50%;margin:0 auto 18px;background:conic-gradient(#6547f5 var(--p,80%),#e3e9f5 0);display:grid;place-items:center;align-content:center;border:12px solid #f4f7fc}
.score-ring b{font-size:38px}.score-ring span{color:#66758d;font-weight:900}.score-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.review-card{background:#fff;border:1px solid #dbe6f7;border-left:6px solid #aaa;border-radius:18px;padding:18px;margin:14px 0}.review-card.correct{border-left-color:#18a558}.review-card.wrong{border-left-color:#d73030}
@media(max-width:800px){.quiz-top{display:block}.quiz-top #timer{display:inline-block;margin-top:10px}.question-card{padding:18px}.quiz-nav{display:grid}.quiz-nav .btn{width:100%}}

/* v22 teacher lessons, readers, navigation and quiz polish */
.icon-nav{display:flex!important;align-items:center;gap:10px;text-decoration:none}.icon-nav>span{flex:1}.upgrade-nav{background:linear-gradient(135deg,#fff5d8,#ffe8f6)!important;color:#7a3b00!important}.teacher-nav{background:#e9fff2!important;color:#08723a!important}
.ai-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.history-search{display:grid;grid-template-columns:1fr 180px;gap:10px;margin:12px 0}
.reader-toc{background:#fff;border:1px solid #dbe6f7;border-radius:18px;padding:14px 18px;margin-bottom:14px;display:flex;justify-content:space-between}.reader-content h1,.reader-content h2,.reader-content h3{line-height:1.25;margin-top:1.4em}.reader-content p{margin:.75em 0}.reader-content li{margin:.45em 0}.reader-content pre{background:#10182d;color:#f7f9ff;border-radius:16px;padding:18px;overflow:auto}.inline-code{background:#eef4ff;padding:2px 6px;border-radius:7px}.note-html img{max-width:100%}
.studio-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.class-grid{display:grid;gap:12px}.class-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid #dbe6f7;border-radius:20px;padding:16px;background:#fff}.class-icon{width:50px;height:50px;border-radius:16px;background:#eef4ff;display:grid;place-items:center;font-size:24px}.class-card h3{margin:0 0 4px}.class-card p{margin:0 0 4px;color:#66758d}.class-actions{display:flex;gap:8px}.member-select{display:grid;gap:8px;margin:14px 0}.lesson-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-decoration:none;color:#10203d;background:#f8fbff;border:1px solid #dbe6f7;border-radius:16px;padding:14px;margin-left:30px}.lesson-row span{font-size:24px}.lesson-row strong{color:#5b43f5}
.quiz-layout{display:grid;grid-template-columns:190px 1fr;gap:14px}.question-palette{background:#fff;border:1px solid #dbe6f7;border-radius:22px;padding:16px;height:max-content;position:sticky;top:12px}.question-palette h3{margin-top:0}.question-palette>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.question-palette button{border:1px solid #dbe6f7;background:#fff;border-radius:9px;padding:8px;font-weight:900;cursor:pointer}.question-palette button.answered{background:#e9fff2;color:#08723a}.question-palette button.flagged{box-shadow:inset 0 0 0 2px #ffae00}.question-palette button.current{background:#6547f5;color:#fff}.question-toolbar{display:flex;justify-content:space-between;gap:10px}.flag-btn{border:1px solid #ffd27a;background:#fff9e8;border-radius:12px;padding:8px 11px;font-weight:900;cursor:pointer}.flag-btn.active{background:#ffecb8}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.result-metrics div{background:#f8fbff;border:1px solid #dbe6f7;border-radius:16px;padding:14px}.result-metrics b,.result-metrics span{display:block}
@media(max-width:800px){.history-search{grid-template-columns:1fr}.reader-toc{display:block}.studio-head{display:block}.studio-head .btn{width:100%;margin-top:10px}.class-card{grid-template-columns:auto 1fr}.class-actions{grid-column:1/3;display:grid}.lesson-row{margin-left:0}.quiz-layout{grid-template-columns:1fr}.question-palette{position:relative;top:auto;order:2}.question-palette>div{grid-template-columns:repeat(8,1fr)}.question-card{order:1}.question-toolbar{align-items:center}.result-metrics{grid-template-columns:1fr}}

/* v23 public website + Knowledge Hub */
.landing-body{background:#fff;color:#10203d}.landing-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid #edf1f7}.landing-logo{text-decoration:none;color:#10203d;font-size:24px}.landing-nav nav{display:flex;align-items:center;gap:25px}.landing-nav nav a{text-decoration:none;color:#33415d;font-weight:800}.nav-login{background:#5b43f5;color:#fff!important;padding:11px 17px;border-radius:14px}
.hero{min-height:720px;padding:80px max(5vw,24px);display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;background:radial-gradient(circle at 80% 20%,#e8efff,transparent 35%),linear-gradient(160deg,#fff,#f7f9ff)}.hero-pill{display:inline-block;background:#efeaff;color:#4b26c8;padding:9px 13px;border-radius:20px;font-weight:900}.hero h1{font-size:clamp(45px,6vw,78px);line-height:1.02;letter-spacing:-.045em;margin:22px 0}.hero-copy>p{font-size:20px;line-height:1.65;color:#5e6b84;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-primary,.hero-secondary{padding:15px 21px;border-radius:16px;text-decoration:none;font-weight:950}.hero-primary{background:linear-gradient(135deg,#5b43f5,#8c37ef);color:#fff;box-shadow:0 16px 35px #6746e936}.hero-secondary{background:#fff;color:#253554;border:1px solid #dce5f4}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;color:#496079;font-weight:800}.hero-dashboard{border:1px solid #dbe6f7;background:#fff;border-radius:28px;box-shadow:0 35px 100px #506aa52e;overflow:hidden;transform:rotate(1deg)}.mock-top{height:45px;background:#f4f7fc;display:flex;align-items:center;gap:7px;padding:0 15px}.mock-top span{width:10px;height:10px;border-radius:50%;background:#bbc7dc}.mock-grid{display:grid;grid-template-columns:150px 1fr;min-height:430px}.mock-grid aside{padding:20px;background:#111a34;color:#fff;display:grid;align-content:start;gap:17px}.mock-grid section{padding:26px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.mock-stats b,.mock-grid article{background:#f4f7ff;border:1px solid #e0e7f5;border-radius:15px;padding:14px}.mock-grid article{margin:10px 0}
.landing-section,.role-section,.pricing-section{padding:95px max(5vw,24px)}.section-heading{text-align:center;max-width:760px;margin:0 auto 45px}.section-heading>span{color:#5b43f5;font-weight:950;letter-spacing:.12em}.section-heading h2{font-size:clamp(34px,4vw,54px);margin:12px 0}.section-heading p{font-size:18px;color:#64728c}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;max-width:1280px;margin:auto}.feature-grid article,.role-cards article{border:1px solid #e0e7f3;border-radius:24px;padding:25px;background:#fff;box-shadow:0 12px 40px #6078aa0c}.feature-grid i,.role-cards i{font-style:normal;font-size:34px}.feature-grid h3,.role-cards h3{font-size:21px;margin:15px 0 8px}.feature-grid p,.role-cards p{color:#68758d;line-height:1.6}.role-section{background:#f6f8fe}.role-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1250px;margin:auto}
.pricing-section{background:#10182e;color:#fff}.pricing-section .section-heading p{color:#aebad2}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,480px));justify-content:center;gap:22px}.price-card{background:#fff;color:#14213d;border-radius:30px;padding:32px;position:relative}.price-card.popular{border:3px solid #9b7cff;transform:scale(1.025)}.popular-label{position:absolute;top:-16px;left:22px;right:22px;text-align:center;background:linear-gradient(135deg,#775af7,#e23b9b);color:#fff;padding:9px;border-radius:15px;font-size:12px;font-weight:950}.price-icon{font-size:38px}.price-card h3{font-size:26px}.price{margin:8px 0}.price b{font-size:45px}.price small{display:inline;color:#6c7890}.old-price{text-decoration:line-through;color:#8993a6;font-size:20px;margin-bottom:0}.price-card ul{list-style:none;padding:0;display:grid;gap:12px}.price-card li:before{content:'✓';color:#14a55b;font-weight:950;margin-right:9px}.price-card>a,.final-cta>a{display:block;text-align:center;text-decoration:none;background:linear-gradient(135deg,#5b43f5,#8c37ef);color:#fff;padding:15px;border-radius:16px;font-weight:950;margin-top:25px}.final-cta{text-align:center;padding:90px 24px;background:linear-gradient(135deg,#ece9ff,#e8f8ff)}.final-cta h2{font-size:44px;margin:0}.final-cta p{font-size:19px;color:#60708a}.final-cta a{display:inline-block;padding:15px 25px}.landing-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:28px max(5vw,24px);background:#0d152b;color:#fff}.landing-footer small{color:#aab5ca}
.account-body{min-height:100vh;background:radial-gradient(circle at top,#e6edff,#f8faff 50%);padding:25px}.account-back{text-decoration:none;font-weight:900}.account-shell{max-width:950px;margin:45px auto}.account-intro{text-align:center}.account-intro>span{font-size:50px}.account-intro h1{font-size:45px;margin:10px}.account-intro p{font-size:18px;color:#66758d}.selected-offer{display:inline-flex;gap:20px;background:#fff5db;border:1px solid #ffd986;border-radius:15px;padding:12px 18px}.account-options{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:35px 0}.account-options article{background:#fff;border:1px solid #dbe6f7;border-radius:28px;padding:32px;box-shadow:0 20px 60px #637aab1d}.account-options i{font-style:normal;font-size:42px}.account-options a{display:block;text-align:center;text-decoration:none;background:#5b43f5;color:#fff;padding:14px;border-radius:15px;font-weight:950;margin-top:25px}.account-options .login-option{background:#eef4ff;color:#2037b8}.account-note{background:#fff;border:1px solid #dbe6f7;border-radius:18px;padding:17px;text-align:center;color:#5d6a82}
.resource-nav{background:#fff3e5!important;color:#894500!important}.resource-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px}.resource-search{display:grid;grid-template-columns:minmax(220px,1fr) 220px;gap:10px;flex:1}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.resource-card{background:#fff;border:1px solid #dbe6f7;border-radius:20px;overflow:hidden}.resource-thumb{height:180px;position:relative;display:block;background:#10182d}.resource-thumb img{width:100%;height:100%;object-fit:cover}.resource-thumb span{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;color:#fff;text-shadow:0 4px 20px #000}.resource-body{padding:16px}.resource-meta{display:flex;justify-content:space-between;gap:10px}.resource-meta span{background:#eef4ff;color:#3149b8;border-radius:13px;padding:5px 8px;font-size:12px;font-weight:900}.resource-body h3{margin:12px 0 7px}.resource-body p{color:#68758d;min-height:42px}.resource-actions{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:900px){.landing-nav nav>a:not(.nav-login){display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-dashboard{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.role-cards{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hero h1{font-size:43px}.hero-dashboard{display:none}.feature-grid,.role-cards,.pricing-grid,.account-options,.resource-grid{grid-template-columns:1fr}.price-card.popular{transform:none}.landing-section,.role-section,.pricing-section{padding:65px 16px}.landing-footer{display:grid;text-align:center}.resource-head{display:block}.resource-head>.btn{width:100%;margin-top:10px}.resource-search{grid-template-columns:1fr}.mock-grid{grid-template-columns:1fr}.mock-grid aside{display:none}}

/* v24 category-first hub + role dashboard */
.role-hero{background:linear-gradient(135deg,#111a34,#4130bd);color:#fff;border-radius:26px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:18px}.role-hero span{font-size:12px;font-weight:950;letter-spacing:.12em;color:#c9c2ff}.role-hero h2{font-size:34px;margin:8px 0}.role-hero p{color:#dce2ff}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.dashboard-metrics article{background:#fff;border:1px solid #dbe6f7;border-radius:20px;padding:18px}.dashboard-metrics i{font-style:normal;font-size:28px}.dashboard-metrics b,.dashboard-metrics span{display:block}.dashboard-metrics b{font-size:28px;margin:8px 0}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dashboard-shortcuts button{border:1px solid #dbe6f7;background:#fff;border-radius:18px;padding:20px;font-weight:950;font-size:16px;cursor:pointer}.section-label{margin-top:25px}.learner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.learner-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;background:#fff;border:1px solid #dbe6f7;border-radius:20px;padding:16px;cursor:pointer}.learner-summary h3{margin:0}.learner-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.learner-stats span{background:#eef4ff;border-radius:12px;padding:5px 8px;font-size:12px;font-weight:850}
.hub-header,.category-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.hub-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hub-category-card{background:#fff;border:1px solid #dbe6f7;border-radius:22px;overflow:hidden}.hub-cover{border:0;padding:0;width:100%;height:170px;position:relative;background:#10182d;cursor:pointer}.hub-cover img{width:100%;height:100%;object-fit:cover}.hub-placeholder{height:100%;display:grid;place-items:center;font-size:58px;background:linear-gradient(135deg,#eef4ff,#eee8ff)}.hub-count{position:absolute;right:12px;bottom:12px;background:#10182dde;color:#fff;padding:7px 10px;border-radius:12px;font-weight:900}.hub-category-body{padding:16px}.hub-owner{display:flex;justify-content:space-between;gap:10px}.hub-owner span{font-size:25px}.hub-category-body h3{font-size:21px;margin:10px 0 6px}.hub-category-body p{color:#68758d;min-height:42px}.hub-latest{background:#f7f9fe;border-radius:13px;padding:10px;margin:12px 0}.hub-latest b,.hub-latest span{display:block}.hub-latest b{font-size:11px;color:#5b43f5;text-transform:uppercase}
.hub-video-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.compact-video-card{display:grid;grid-template-columns:180px 1fr;gap:14px;background:#fff;border:1px solid #dbe6f7;border-radius:20px;padding:12px}.compact-thumb{height:112px;border:0;padding:0;position:relative;border-radius:14px;overflow:hidden;background:#10182d;cursor:pointer}.compact-thumb img{width:100%;height:100%;object-fit:cover}.compact-thumb span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:32px;text-shadow:0 3px 15px #000}.compact-video-info h3{margin:5px 0}.compact-video-info p{color:#68758d;margin:7px 0}.inline-player{background:#fff;border:1px solid #dbe6f7;border-radius:24px;padding:16px;margin-bottom:18px;transition:.25s}.inline-player.expanded{position:fixed;inset:12px;z-index:100;background:#fff;overflow:auto}.player-frame{aspect-ratio:16/9;max-height:68vh;background:#000;border-radius:18px;overflow:hidden}.player-frame iframe{width:100%;height:100%;border:0}.player-details{display:flex;justify-content:space-between;gap:20px;padding:15px 4px 3px}.player-details h2{margin:5px 0}.player-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.feedback-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feedback-panel{background:#fff;border:1px solid #dbe6f7;border-radius:24px;padding:22px}
a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.auth-card>a,.auth-card p a,.account-back{display:inline-flex;align-items:center;text-decoration:none;border:1px solid #dbe6f7;background:#fff;color:#263b78;border-radius:12px;padding:9px 12px;font-weight:900}
@media(max-width:1000px){.hub-category-grid{grid-template-columns:repeat(2,1fr)}.hub-video-list{grid-template-columns:1fr}.dashboard-shortcuts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.role-hero{display:block}.role-hero .btn{width:100%;margin-top:12px}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.learner-grid,.hub-category-grid,.feedback-grid{grid-template-columns:1fr}.hub-header,.category-toolbar{display:block}.hub-header>.btn,.category-toolbar>.btn{width:100%;margin-top:10px}.compact-video-card{grid-template-columns:1fr}.compact-thumb{height:180px}.player-details{display:block}.player-actions{margin-top:12px}.dashboard-shortcuts{grid-template-columns:1fr}}

/* v25 academic years, assignments, founder and professional dialogs */
.status-modal{text-align:center;padding:8px 4px}.status-icon{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;margin:0 auto 15px;font-size:32px;font-weight:950;background:#e9fff2;color:#08723a}.status-modal.error .status-icon{background:#ffe8e8;color:#b40000}.status-modal.info .status-icon{background:#eef4ff;color:#3249bd}
.academic-head,.academic-book-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.academic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.academic-card{background:#fff;border:1px solid #dbe6f7;border-radius:22px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px}.academic-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#eeeaff,#e7f6ff);display:grid;place-items:center;font-size:30px}.academic-card h3{font-size:22px;margin:5px 0}.academic-card p{color:#68758d}.academic-actions{grid-column:1/3;display:flex;gap:8px}
.assignment-list-title{margin-top:28px}.assignment-list{display:grid;gap:13px}.assignment-card{position:relative;background:#fff;border:1px solid #dbe6f7;border-radius:22px;padding:20px}.assignment-card h3{font-size:22px;margin:8px 0}.assignment-status{position:absolute;right:16px;top:16px;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:950;background:#fff3e5;color:#894500}.assignment-status.submitted{background:#eef4ff;color:#2037b8}.assignment-status.reviewed{background:#e9fff2;color:#08723a}.submission-box,.submissions-list{margin-top:15px;background:#f8fbff;border:1px solid #e0e8f5;border-radius:16px;padding:14px}.submission-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e3eaf5;padding:11px 0}.submission-row:last-child{border-bottom:0}.submission-row p{margin:6px 0}
.founder-section{padding:95px max(5vw,24px);background:#fff}.founder-card{max-width:1050px;margin:auto;display:grid;grid-template-columns:320px 1fr;gap:50px;align-items:center;background:linear-gradient(135deg,#f7f8ff,#eefaff);border:1px solid #dfe7f4;border-radius:34px;padding:38px}.founder-portrait svg{width:100%;display:block}.founder-copy>span{color:#5b43f5;font-weight:950;letter-spacing:.13em}.founder-copy h2{font-size:52px;margin:10px 0 0}.founder-copy h3{font-size:23px;color:#5f6d86;margin:5px 0 18px}.founder-copy p{font-size:18px;line-height:1.7;color:#596880}.founder-values{display:flex;gap:9px;flex-wrap:wrap}.founder-values b{background:#fff;border:1px solid #dce5f3;border-radius:14px;padding:9px 11px}
.modal{backdrop-filter:blur(8px)}.modal-card{border:1px solid #dce6f5;box-shadow:0 30px 100px #14204459}.modal-card h2{font-size:26px}.modal-card p{color:#66758d;line-height:1.55}
@media(max-width:900px){.academic-grid{grid-template-columns:repeat(2,1fr)}.founder-card{grid-template-columns:250px 1fr}}
@media(max-width:650px){.academic-head,.academic-book-head{display:block}.academic-head .btn,.academic-book-head .btn{width:100%;margin:7px 0}.academic-grid{grid-template-columns:1fr}.founder-card{grid-template-columns:1fr;padding:22px}.founder-portrait{max-width:240px;margin:auto}.founder-copy{text-align:center}.founder-values{justify-content:center}.submission-row{display:block}.submission-row .btn{width:100%}}

/* v26 teacher workflow, feedback journal and attachments */
.lesson-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.lesson-mode{border:1px solid #dbe6f7;border-radius:17px;padding:14px;text-align:left;background:#f8fbff;cursor:pointer}.lesson-mode b,.lesson-mode span{display:block}.lesson-mode span{font-size:12px;color:#66758d;margin-top:5px}.lesson-mode.manual{background:#e9fff2}.lesson-mode.ai{background:#eef4ff}.lesson-mode.publish{background:#efeaff}
.teacher-note-groups{display:grid;gap:14px}.teacher-class-group{border:1px solid #dbe6f7;border-radius:22px;overflow:hidden;background:#fff}.teacher-class-head{width:100%;border:0;background:#f8fbff;padding:17px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.teacher-class-head>div{display:flex;gap:12px;align-items:center;text-align:left}.teacher-class-head span{font-size:29px}.teacher-class-head h3{margin:0}.teacher-lessons{padding:12px;display:grid;gap:10px}.teacher-lessons.collapsed,.lesson-collapsed-body.collapsed{display:none}.teacher-lesson-card{border:1px solid #dbe6f7;border-radius:17px;background:#fff}.teacher-lesson-card.draft-card{border-style:dashed;background:#fffcf4}.lesson-summary{width:100%;border:0;background:transparent;padding:15px;display:flex;justify-content:space-between;gap:15px;text-align:left;cursor:pointer}.lesson-summary h3{margin:5px 0}.lesson-type{font-size:12px;font-weight:900;color:#5b43f5}.lesson-collapsed-body{border-top:1px solid #e5ebf5;padding:15px;background:#fbfdff}.lesson-card-actions{display:flex;gap:8px;flex-wrap:wrap}.compact-empty{padding:20px}
.reader-attachments{background:#fff;border:1px solid #dbe6f7;border-radius:20px;padding:17px;margin-bottom:15px}.reader-attachments>div{display:flex;gap:9px;flex-wrap:wrap}.attachment-chip{display:inline-flex;align-items:center;gap:7px;text-decoration:none;background:#eef4ff;border:1px solid #d6e2f4;color:#203777;border-radius:13px;padding:10px 12px;font-weight:900}.attachment-chip small{display:inline;color:#66758d}
.feedback-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:16px}.growth-journal{display:grid;gap:13px}.growth-entry{display:grid;grid-template-columns:auto 1fr;gap:14px;background:#fff;border:1px solid #dbe6f7;border-radius:21px;padding:18px}.growth-entry.unread{border-left:6px solid #6547f5;background:#fbfaff}.growth-icon{width:52px;height:52px;border-radius:17px;background:#eef4ff;display:grid;place-items:center;font-size:25px}.growth-meta{display:flex;justify-content:space-between;gap:12px}.growth-meta span{color:#66758d;font-size:13px}.growth-content>p{font-size:17px;line-height:1.6}.feedback-reply{margin:9px 0;padding:10px 12px;background:#f5f8fd;border-radius:13px}.feedback-reply b,.feedback-reply span,.feedback-reply small{display:block}.feedback-reply small{margin-top:5px}
.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:700px){.lesson-mode-grid{grid-template-columns:1fr}.feedback-toolbar{grid-template-columns:1fr}.growth-meta{display:block}.growth-meta span{display:block;margin-top:4px}.lesson-summary{align-items:flex-start}}

/* =========================================================
   v27 PREMIUM UI EXPERIENCE
   ========================================================= */
:root{--ink:#10203d;--muted:#6b7890;--line:#e3eaf5;--surface:#fff;--soft:#f5f8fd;--purple:#6547f5;--purple2:#8c37ef;--blue:#1787ff;--green:#10a766;--orange:#f59a23;--shadow:0 18px 55px rgba(45,69,120,.10)}
body{background:#f3f6fb;color:var(--ink)}
.premium-app{grid-template-columns:280px 1fr}
.premium-sidebar{background:#0f1830;border:0;color:#fff;padding:20px 15px}
.brand-block{display:flex;align-items:center;gap:12px;padding:3px 8px 20px}.brand-block .logo-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#7459ff,#18bdf4);display:grid;place-items:center;font-size:23px}.brand-block b{font-size:21px}.brand-block small{color:#98a8ca;margin-top:3px}
.premium-profile{background:#172441;border:1px solid #283858;color:#fff;padding:13px;border-radius:18px}.premium-profile small{color:#9eacc6}.profile-copy{min-width:0;flex:1}.profile-copy b,.profile-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu-btn{border:0;background:#223354;color:#fff;width:32px;height:32px;border-radius:10px;font-size:19px;cursor:pointer}
.sidebar-section-label{font-size:10px;letter-spacing:.16em;color:#7789ad;font-weight:950;padding:18px 10px 7px}.premium-sidebar .nav{color:#cbd5e9;padding:11px 12px;display:flex!important;gap:11px;align-items:center}.premium-sidebar .nav:hover,.premium-sidebar .nav.active{background:#223354;color:#fff}.premium-sidebar .nav span{flex:1}.premium-sidebar .nav em{font-style:normal;font-size:9px;padding:4px 6px;border-radius:8px;background:#2a3a5d;color:#9fb0d1}.premium-sidebar .teacher-nav{background:transparent!important;color:#bfe9d2!important}.premium-sidebar .resource-nav{background:transparent!important;color:#ffd7a7!important}.premium-sidebar .upgrade-nav{background:linear-gradient(135deg,#5842e8,#8f3de8)!important;color:#fff!important;margin-top:8px}.workspace-nav{border:1px solid #2b3b5c!important}
.premium-plan{background:#172441;border:1px solid #2b3b5c;color:#fff}.premium-plan small{color:#9eacc6}.sidebar-connections{margin-top:8px}.premium-logout{background:#2b1d2a;color:#ffb7b7;text-align:center}
.premium-main{padding:30px 34px;max-width:1700px}.premium-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:950;color:#7461dc;margin-bottom:7px}.premium-topbar h1{font-size:38px;margin:0;letter-spacing:-.035em}.premium-topbar p{color:var(--muted);font-size:16px;margin:7px 0}.premium-top-actions{display:flex;gap:9px}.soft-blue,.soft-violet,.soft-green{border-radius:14px!important;padding:11px 15px!important}.soft-blue{background:#eaf4ff;color:#1c52a7}.soft-violet{background:#f0ebff;color:#5633c9}.soft-green{background:#e8fff2;color:#087542}
.premium-stats{margin:22px 0}.premium-stats div{border:1px solid var(--line);box-shadow:none;padding:17px;display:grid;grid-template-columns:auto 1fr;column-gap:11px}.premium-stats .stat-icon{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:#f0f4fb;display:grid;place-items:center;font-size:20px}.premium-stats b{font-size:25px}.premium-stats small{color:var(--muted);font-weight:800}
.premium-panel{border:0;box-shadow:none;background:transparent;padding:0}
.dashboard-hero{border-radius:28px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(125deg,#182747,#4e38c8)}.dashboard-hero.parent{background:linear-gradient(125deg,#193c3d,#16876e)}.dashboard-hero.teacher{background:linear-gradient(125deg,#172b4e,#2869d8)}.dashboard-hero.mentor{background:linear-gradient(125deg,#3a224b,#934ab1)}.dashboard-hero small{letter-spacing:.16em;color:#c9d6f8;font-weight:950}.dashboard-hero h2{font-size:34px;margin:8px 0}.dashboard-hero p{color:#dbe3f9;font-size:16px}.dashboard-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-primary-btn,.hero-secondary-btn{border:0;border-radius:15px;padding:13px 17px;font-weight:950;cursor:pointer}.hero-primary-btn{background:#fff;color:#253d7a}.hero-secondary-btn{background:#ffffff20;color:#fff;border:1px solid #ffffff38}
.premium-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0 26px}.premium-metric-grid article{background:#fff;border:1px solid var(--line);border-radius:21px;padding:17px;display:flex;gap:13px;box-shadow:0 8px 24px rgba(35,58,105,.04)}.metric-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.blue-bg{background:#eaf4ff}.purple-bg{background:#f1ecff}.orange-bg{background:#fff2e3}.green-bg{background:#e8fff1}.premium-metric-grid small{font-size:10px;letter-spacing:.1em;font-weight:950}.premium-metric-grid b{font-size:27px;display:block;margin-top:2px}.premium-metric-grid p{margin:2px 0;color:var(--muted);font-size:12px}
.section-header{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:24px 0 13px}.section-header span{font-size:10px;letter-spacing:.15em;font-weight:950;color:#7561db}.section-header h2{margin:4px 0 0;font-size:25px}.section-header.spaced{margin-top:30px}
.premium-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.premium-action-grid button{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;cursor:pointer;transition:.2s}.premium-action-grid button:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.premium-action-grid button>span{width:46px;height:46px;border-radius:14px;background:#f2f5fb;display:grid;place-items:center;font-size:22px}.premium-action-grid b,.premium-action-grid small{display:block}.premium-action-grid small{margin-top:4px}.premium-action-grid em{font-style:normal;color:#7f8ca4}.compact-actions{grid-template-columns:repeat(4,1fr)}
.premium-learner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.premium-learner-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:17px;cursor:pointer;transition:.2s}.premium-learner-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.learner-card-top{display:flex;align-items:center;gap:11px}.learner-card-top>div:nth-child(2){flex:1}.learner-card-top h3{margin:2px 0}.learner-card-top>span{color:#6547f5;font-weight:900}.learner-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.learner-card-metrics div{background:#f7f9fd;border-radius:12px;padding:9px}.learner-card-metrics b,.learner-card-metrics small{display:block}.mini-progress{height:7px;background:#edf1f8;border-radius:10px;overflow:hidden}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#5f45f4,#19b8ed)}
.studio-hero{border-radius:28px;padding:28px;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center}.premium-gradient{background:linear-gradient(125deg,#172c51,#5b42dc)}.studio-hero span{font-size:10px;letter-spacing:.16em;font-weight:950;color:#cdd6ff}.studio-hero h2{font-size:34px;margin:8px 0}.studio-hero p{max-width:650px;color:#dce4ff}.hero-actions-grid{display:flex;gap:9px}.hero-white,.hero-glass{color:#fff}.hero-white{background:#fff;color:#283e78}.hero-glass{background:#ffffff19;border:1px solid #ffffff36}.studio-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0}.studio-metrics article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px}.studio-metrics span,.studio-metrics b,.studio-metrics small{display:block}.studio-metrics b{font-size:22px;margin:6px 0}
.premium-class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.premium-class-card{background:#fff;border:1px solid var(--line);border-radius:23px;overflow:hidden}.class-cover{height:115px;background:linear-gradient(135deg,#e8eeff,#f2eaff);display:flex;align-items:center;justify-content:center;position:relative}.class-cover>span{font-size:44px;font-weight:950;color:#6348e5}.class-code{position:absolute;right:12px;top:12px;background:#fff;padding:6px 8px;border-radius:9px;font-size:9px;font-weight:950}.class-content{padding:17px}.class-content h3{font-size:22px;margin:5px 0}.class-content p{color:var(--muted)}.class-meta{display:flex;gap:12px;color:#67758c;font-size:12px;margin:13px 0}.class-actions-premium{display:grid;grid-template-columns:1fr 1fr;gap:8px}.class-actions-premium button{border:0;border-radius:12px;padding:10px;font-weight:900;cursor:pointer;background:#f1f4fa}.class-actions-premium .primary-action{background:#6547f5;color:#fff}
.notes-library-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:19px;margin-bottom:14px}.notes-library-hero>div:first-child{display:flex;gap:14px;align-items:center}.notes-library-hero>div:first-child>span{font-size:35px}.notes-library-hero h2{margin:4px 0}.notes-library-hero p{margin:5px 0;color:var(--muted)}.notes-search{min-width:280px}
.premium-teacher-groups{display:grid;gap:12px}.premium-teacher-group{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.premium-class-row{width:100%;border:0;background:#fff;padding:16px;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;text-align:left;cursor:pointer}.class-subject-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#eaf2ff,#eee9ff);display:grid;place-items:center;font-size:25px;font-weight:950;color:#6246df}.class-row-copy h3{margin:3px 0}.class-row-copy p{margin:3px 0;color:var(--muted)}.class-row-progress{text-align:center;background:#f7f9fd;border-radius:13px;padding:8px 13px}.class-row-progress span,.class-row-progress small{display:block}.class-row-progress span{font-size:20px;font-weight:950}.premium-lesson-list{padding:0 14px 14px;background:#fbfcff}.premium-lesson-list.collapsed{display:none}.premium-lesson-card{background:#fff;border:1px solid var(--line);border-radius:17px;margin-top:10px}.premium-lesson-summary{width:100%;border:0;background:transparent;padding:14px;display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;text-align:left;cursor:pointer}.lesson-badge{font-size:9px;font-weight:950;padding:6px 8px;border-radius:9px}.ai-badge{background:#eee8ff;color:#5834c8}.manual-badge{background:#e8fff1;color:#087742}.lesson-main-copy h3{margin:0 0 4px}.lesson-main-copy p{margin:0;color:var(--muted);font-size:12px}.lesson-open-label{color:#6751d8;font-weight:900;font-size:12px}.premium-lesson-preview{border-top:1px solid var(--line);padding:16px;background:#fcfdff}.premium-lesson-preview.collapsed{display:none}.lesson-preview-text small{letter-spacing:.13em;font-weight:950}.lesson-preview-text p{line-height:1.65;color:#46546c}.premium-lesson-actions{display:flex;gap:9px}
.premium-modal{background:rgba(10,18,37,.72);backdrop-filter:blur(12px)}.premium-modal-card{width:min(560px,96vw);border-radius:25px;padding:25px;border:1px solid #ffffff44}.premium-modal-card.wide{width:min(760px,96vw)}.premium-modal-card.xl{width:min(1050px,97vw)}.premium-close{background:#eef2f8;color:#263852;font-size:18px}.modal-heading{display:flex;gap:14px;align-items:flex-start}.modal-icon{width:53px;height:53px;border-radius:16px;display:grid;place-items:center;font-size:25px}.blue-icon{background:#eaf4ff}.modal-heading h2{margin:3px 0}.modal-heading p{margin:5px 0}.premium-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.premium-form-grid .full{grid-column:1/3}.modal-footer-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.ghost-btn{background:#f0f3f8;color:#42506a}.primary-btn,.primary-compact{background:#6547f5;color:#fff}.primary-compact{width:auto}
.lesson-builder-head{display:flex;justify-content:space-between;gap:18px}.lesson-builder-head span{font-size:10px;letter-spacing:.14em;color:#6a54d7;font-weight:950}.lesson-builder-head h2{font-size:30px;margin:5px 0}.lesson-status-pill{background:#f2efff;color:#5c3bd0;border-radius:12px;padding:8px 10px;height:max-content;font-size:11px;font-weight:950}.lesson-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.lesson-stepper div{display:flex;align-items:center;gap:8px;color:#8590a3;font-size:12px;font-weight:900}.lesson-stepper b{width:27px;height:27px;border-radius:9px;background:#edf1f7;display:grid;place-items:center}.lesson-stepper .active{color:#5a3ed0}.lesson-stepper .active b{background:#6547f5;color:#fff}.builder-section{display:grid;grid-template-columns:55px 1fr;gap:15px;border-top:1px solid var(--line);padding:20px 0}.builder-section.last{padding-bottom:5px}.section-number{font-size:11px;font-weight:950;color:#8a97aa;padding-top:10px}.builder-fields textarea{min-height:190px}.field-help{margin-top:6px}.upload-zone{border:2px dashed #ccd7e8;border-radius:19px;padding:25px;text-align:center;background:#fafcff;cursor:pointer}.upload-zone:hover{border-color:#6b52ed;background:#f8f5ff}.upload-icon{font-size:35px}.upload-zone h3{margin:7px 0}.upload-zone p{margin:4px;color:var(--muted)}.upload-zone>span{display:inline-block;background:#6547f5;color:#fff;border-radius:11px;padding:9px 13px;margin-top:10px;font-weight:900}.selected-files{display:grid;gap:7px;margin-top:10px}.selected-files>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;background:#f5f8fd;border-radius:12px;padding:10px}.publish-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.publish-choice{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.publish-choice:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.publish-choice>span{width:39px;height:39px;border-radius:12px;background:#f2f4f9;display:grid;place-items:center}.publish-choice b,.publish-choice small{display:block}.publish-choice em{font-style:normal}.manual-choice{border-color:#ccebd9}.ai-choice{border-color:#dcd2ff}.publish-choice-main{background:linear-gradient(135deg,#6547f5,#8d39ec);color:#fff}.publish-choice-main small{color:#e6ddff}
.profile-modal{text-align:center}.avatar.large{width:72px;height:72px;border-radius:22px;margin:auto;font-size:29px}.profile-actions{display:grid;gap:9px;margin-top:18px}.action-tile{display:grid;grid-template-columns:auto 1fr;gap:11px;text-align:left;text-decoration:none!important;background:#f7f9fd!important;border:1px solid var(--line)!important;border-radius:15px!important;padding:13px!important;color:var(--ink)!important}.action-tile span{grid-row:1/3;font-size:24px}.action-tile b,.action-tile small{display:block}.danger-tile{background:#fff1f1!important;color:#a30000!important}
.premium-empty{grid-column:1/-1;background:#fff;border:1px dashed #cfd9e8;border-radius:22px;text-align:center;padding:45px}.premium-empty>div{font-size:42px}.premium-empty h3{font-size:22px;margin:10px 0}.premium-empty p{color:var(--muted)}
@media(max-width:1100px){.premium-metric-grid,.studio-metrics{grid-template-columns:repeat(2,1fr)}.premium-action-grid,.premium-class-grid,.premium-learner-grid{grid-template-columns:repeat(2,1fr)}.compact-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.premium-app{display:block}.premium-sidebar{position:relative;height:auto}.premium-main{padding:17px}.premium-topbar,.dashboard-hero,.studio-hero,.notes-library-hero{display:block}.premium-top-actions,.dashboard-hero-actions,.hero-actions-grid{margin-top:13px}.premium-metric-grid,.premium-action-grid,.premium-learner-grid,.studio-metrics,.premium-class-grid{grid-template-columns:1fr}.premium-class-row{grid-template-columns:auto 1fr auto}.class-row-progress{display:none}.premium-lesson-summary{grid-template-columns:auto 1fr auto}.lesson-open-label{display:none}.premium-modal-card.xl{width:98vw;padding:18px}.premium-form-grid,.publish-choice-grid{grid-template-columns:1fr}.premium-form-grid .full{grid-column:auto}.lesson-stepper{overflow:auto}.builder-section{grid-template-columns:1fr}.section-number{display:none}.notes-search{min-width:0;margin-top:12px}.premium-topbar h1{font-size:30px}}

/* =========================================================
   v28 PROFESSIONAL WHITE UI + SMARTTUTOR
   ========================================================= */
:root{--v28-bg:#f6f8fc;--v28-white:#fff;--v28-ink:#13213a;--v28-muted:#6b7890;--v28-line:#e2e8f2;--v28-purple:#6547f5;--v28-soft-purple:#f1edff;--v28-soft-blue:#ebf5ff;--v28-soft-green:#eafbf2;--v28-soft-orange:#fff4e7;--v28-shadow:0 12px 35px rgba(43,61,97,.07)}
body{background:var(--v28-bg);color:var(--v28-ink)}
.premium-sidebar{background:#fff;color:var(--v28-ink);border-right:1px solid var(--v28-line);box-shadow:5px 0 25px rgba(48,67,102,.035)}
.brand-block .logo-mark{background:var(--v28-soft-purple);color:var(--v28-purple);box-shadow:none}.brand-block b{color:var(--v28-ink)}.brand-block small{color:var(--v28-muted)}
.premium-profile{background:#fafbfe;border:1px solid var(--v28-line);color:var(--v28-ink)}.premium-profile small{color:var(--v28-muted)}.profile-menu-btn{background:#eef2f8;color:#42506a}
.sidebar-section-label{color:#9aa5b7}.premium-sidebar .nav{color:#43506a}.premium-sidebar .nav:hover{background:#f5f7fb;color:var(--v28-ink)}.premium-sidebar .nav.active{position:relative;background:var(--v28-soft-purple);color:#5134c5}.premium-sidebar .nav.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:4px;background:var(--v28-purple)}
.premium-sidebar .nav em{background:#f0f2f7;color:#7c879a}.premium-sidebar .teacher-nav,.premium-sidebar .resource-nav{background:transparent!important;color:#43506a!important}.premium-sidebar .upgrade-nav{background:var(--v28-soft-purple)!important;color:#5134c5!important;border:1px solid #ddd4ff}.workspace-nav{border:1px solid var(--v28-line)!important}
.premium-plan{background:#fafbfe;border:1px solid var(--v28-line);color:var(--v28-ink)}.premium-plan small{color:var(--v28-muted)}.premium-logout{background:#fff5f5;color:#b42323;border:1px solid #f6dddd}
.premium-main{background:var(--v28-bg)}.premium-topbar h1{color:var(--v28-ink)}.page-eyebrow{color:#725bdd}
.dashboard-hero,.dashboard-hero.parent,.dashboard-hero.teacher,.dashboard-hero.mentor,.studio-hero,.premium-gradient{background:#fff;color:var(--v28-ink);border:1px solid var(--v28-line);box-shadow:var(--v28-shadow)}.dashboard-hero small,.studio-hero span{color:#735dde}.dashboard-hero p,.studio-hero p{color:var(--v28-muted)}.hero-primary-btn,.hero-white{background:var(--v28-purple);color:#fff}.hero-secondary-btn,.hero-glass{background:#f4f6fa;color:#43506a;border:1px solid var(--v28-line)}
.premium-metric-grid article,.premium-action-grid button,.premium-learner-card,.premium-class-card,.premium-teacher-group,.notes-library-hero,.premium-class-row,.premium-lesson-card,.academic-card,.feedback-panel,.assignment-card,.hub-category-card,.compact-video-card,.reader-header,.reader-content,.reader-attachments,.question-card,.score-card,.history-card{background:#fff;border-color:var(--v28-line);box-shadow:var(--v28-shadow)}
.premium-action-grid button:hover,.premium-learner-card:hover,.publish-choice:hover{box-shadow:0 17px 40px rgba(44,61,96,.11)}
.class-cover{background:#f2f4fb}.premium-lesson-list{background:#fafbfe}.premium-lesson-preview{background:#fcfdff}.class-subject-icon,.academic-icon{background:var(--v28-soft-purple);color:#6043d4}
.modal{background:rgba(24,34,55,.32)}.premium-modal{background:rgba(24,34,55,.35);backdrop-filter:blur(9px)}.premium-modal-card{background:#fff;border:1px solid var(--v28-line);box-shadow:0 30px 90px rgba(23,35,60,.2)}
.landing-body,.landing-section,.founder-section{background:#fff}.role-section,.final-cta{background:var(--v28-bg)}.pricing-section{background:#f4f6fb;color:var(--v28-ink)}.pricing-section .section-heading p{color:var(--v28-muted)}.landing-nav{background:rgba(255,255,255,.96)}.hero{background:radial-gradient(circle at 85% 15%,#f0edff,transparent 32%),linear-gradient(160deg,#fff,#f8f9fd)}.landing-footer{background:#fff;color:var(--v28-ink);border-top:1px solid var(--v28-line)}.landing-footer small{color:var(--v28-muted)}
.founder-card-v28{background:#fff;border:1px solid var(--v28-line);box-shadow:var(--v28-shadow);grid-template-columns:310px 1fr}.founder-monogram-panel{min-height:330px;border-radius:25px;background:linear-gradient(145deg,#f2efff,#edf7ff);display:grid;place-items:center;align-content:center;position:relative;overflow:hidden}.founder-pattern{position:absolute;inset:-30%;background-image:radial-gradient(#8b78e7 1.3px,transparent 1.3px);background-size:21px 21px;opacity:.17;transform:rotate(16deg)}.founder-monogram{position:relative;width:130px;height:130px;border-radius:38px;background:#fff;border:1px solid #ddd5ff;box-shadow:0 20px 50px rgba(77,54,184,.14);display:grid;place-items:center;font-size:43px;font-weight:950;color:#6044d7}.founder-monogram-panel small{position:relative;margin-top:17px;color:#6d5aca;font-weight:950;letter-spacing:.14em}.founder-copy-v28 blockquote{margin:20px 0;padding:17px 20px;border-left:4px solid var(--v28-purple);background:#f8f6ff;border-radius:0 15px 15px 0;color:#4d5870;font-size:17px;line-height:1.6}
.smarttutor-shell{display:grid;gap:15px}.smarttutor-head{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--v28-line);padding-bottom:16px}.smarttutor-logo{width:58px;height:58px;border-radius:18px;background:var(--v28-purple);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:950}.smarttutor-head small,.smarttutor-section-title>span{font-size:10px;letter-spacing:.15em;font-weight:950;color:#755edb}.smarttutor-head h2{margin:3px 0;font-size:29px}.smarttutor-head p{margin:3px 0;color:var(--v28-muted)}
.smarttutor-section{border:1px solid var(--v28-line);border-radius:21px;padding:18px;background:#fff}.smarttutor-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.smarttutor-section-title>span{font-size:13px}.smarttutor-section-title small{color:var(--v28-muted)}
.smarttutor-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.smarttutor-quick-grid button{border:1px solid var(--v28-line);border-radius:15px;background:#fafbfe;padding:13px;text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.smarttutor-quick-grid button:hover{border-color:#cfc4ff;background:#f8f5ff}.smarttutor-quick-grid span{grid-row:1/3;width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center}.smarttutor-quick-grid b,.smarttutor-quick-grid small{display:block}.smarttutor-quick-grid small{margin-top:4px}
.ask-anything-card{background:linear-gradient(145deg,#fff,#faf9ff)}.smarttutor-question{min-height:135px;font-size:16px;line-height:1.55}.smarttutor-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.smarttutor-submit,.smarttutor-image-submit{width:100%;border:0;border-radius:15px;background:var(--v28-purple);color:#fff;padding:14px 17px;font-weight:950;cursor:pointer;display:flex;justify-content:space-between}.smarttutor-image-submit{justify-content:center;margin-top:10px}
.image-question-card{background:#fbfcff}.smart-image-upload{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:2px dashed #ccd6e5;border-radius:16px;padding:15px;cursor:pointer}.smart-image-upload>span{font-size:29px}.smart-image-upload b,.smart-image-upload small{display:block}.smart-image-upload em{font-style:normal;background:#eef1f7;padding:8px 11px;border-radius:10px;font-weight:900}.smart-image-preview{display:flex;align-items:center;gap:11px;background:#f4f7fb;border-radius:14px;padding:10px;margin:10px 0}.smart-image-preview img{width:72px;height:58px;border-radius:9px;object-fit:cover}.smart-image-preview b,.smart-image-preview small{display:block}
.smarttutor-result{border:1px solid var(--v28-line);border-radius:21px;background:#fff;min-height:145px;padding:18px}.result-placeholder{text-align:center;color:var(--v28-muted);padding:20px}.result-placeholder span{display:block;font-size:31px}.result-placeholder b,.result-placeholder small{display:block;margin-top:6px}.smart-loading{text-align:center;padding:27px}.smart-loading span{width:36px;height:36px;border:4px solid #e7e1ff;border-top-color:var(--v28-purple);border-radius:50%;display:block;margin:0 auto 12px;animation:smartSpin .8s linear infinite}.smart-loading b,.smart-loading small{display:block}.smart-loading small{margin-top:5px}@keyframes smartSpin{to{transform:rotate(360deg)}}.smart-error{background:#fff2f2;color:#a72727;border:1px solid #f3d5d5;border-radius:14px;padding:14px}.smart-result-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--v28-line);padding-bottom:12px}.smart-result-head small{letter-spacing:.14em;font-weight:950;color:#7058d8}.smart-result-head h3{margin:4px 0}.smart-result-head>span{height:max-content;background:var(--v28-soft-green);color:#087444;padding:7px 9px;border-radius:10px;font-size:11px;font-weight:900}.smart-ai-output{max-height:480px;overflow:auto;line-height:1.7;padding:17px 4px}.smart-result-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--v28-line);padding-top:13px}.smart-followup{margin-top:15px;padding:14px;background:#f7f9fd;border-radius:14px}.smart-followup label{font-weight:900}.smart-followup>div{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.smart-followup button{border:0;background:var(--v28-purple);color:#fff;border-radius:11px;padding:0 15px;font-weight:900}
@media(max-width:800px){.founder-card-v28{grid-template-columns:1fr}.founder-monogram-panel{min-height:250px}.smarttutor-quick-grid{grid-template-columns:1fr}.smarttutor-controls{grid-template-columns:1fr}.smarttutor-section-title,.smart-result-head{display:block}.smarttutor-section-title small,.smart-result-head>span{margin-top:6px}.smart-followup>div{grid-template-columns:1fr}.smart-followup button{padding:12px}.premium-sidebar{background:#fff}}

/* =========================================================
   v29 CONNECTED LEARNER DASHBOARDS + TYPOGRAPHY
   ========================================================= */
:root{--font-ui:"Segoe UI Variable","Aptos","Inter","Segoe UI",Roboto,Arial,sans-serif;--font-display:"Segoe UI Variable Display","Aptos Display","Inter","Segoe UI",Arial,sans-serif}
html{font-size:16px}body,input,select,textarea,button{font-family:var(--font-ui);font-variation-settings:"wght" 450}h1,h2,h3,h4,.brand,.logo,.title{font-family:var(--font-display);letter-spacing:-.018em}h1,h2{font-weight:750}h3,h4{font-weight:700}button,.btn,.nav,.primary{font-weight:650}small,.meta{font-weight:500}.page-eyebrow,.sidebar-section-label,.section-header span{font-weight:700;letter-spacing:.12em}
.dashboard-hero,.studio-hero{background:linear-gradient(120deg,#fbfaff,#f0f7ff);border-color:#e1e8f3}.dashboard-hero.parent{background:linear-gradient(120deg,#f1fbf7,#f4f8ff)}.dashboard-hero.teacher{background:linear-gradient(120deg,#eff7ff,#f6f2ff)}.dashboard-hero.mentor{background:linear-gradient(120deg,#faf2ff,#f4f7ff)}.dashboard-hero small,.studio-hero span{color:#6650c6}.hero-primary-btn,.hero-white{box-shadow:0 8px 20px rgba(101,71,245,.18)}
.premium-metric-grid article:nth-child(4n+1){background:linear-gradient(145deg,#fff,#faf8ff)}.premium-metric-grid article:nth-child(4n+2){background:linear-gradient(145deg,#fff,#f5faff)}.premium-metric-grid article:nth-child(4n+3){background:linear-gradient(145deg,#fff,#fff9f2)}.premium-metric-grid article:nth-child(4n){background:linear-gradient(145deg,#fff,#f4fcf8)}
.connected-hero{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;background:linear-gradient(120deg,#f4f0ff,#eef8ff);border:1px solid #dde6f3;border-radius:25px;padding:21px;box-shadow:var(--v28-shadow)}.connected-avatar{width:65px;height:65px;border-radius:20px;background:#6547f5;color:#fff;display:grid;place-items:center;font-size:29px;font-weight:750}.connected-hero small{letter-spacing:.11em;color:#6954ca;font-weight:700}.connected-hero h2{font-size:29px;margin:4px 0}.connected-hero p{margin:0;color:#6b7890}.connected-hero-score{text-align:center;background:#fff;border:1px solid #e1e7f1;border-radius:17px;padding:11px 18px}.connected-hero-score b,.connected-hero-score span{display:block}.connected-hero-score b{font-size:25px;color:#5037bd}.connected-hero-score span{font-size:11px;color:#6b7890}
.learner-tabs{display:flex;gap:5px;overflow:auto;background:#fff;border:1px solid #e2e8f2;border-radius:18px;padding:6px;margin:15px 0}.learner-tabs button{white-space:nowrap;border:0;background:transparent;border-radius:12px;padding:10px 13px;color:#647087;cursor:pointer;font-weight:650}.learner-tabs button.active{background:#f0ecff;color:#5638c8}.learner-tabs span{display:inline-block;background:#e9edf5;border-radius:8px;padding:2px 6px;margin-left:4px;font-size:10px}.connected-tab-content{min-height:300px}
.connected-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.connected-metrics article{border:1px solid #e1e8f2;border-radius:18px;padding:15px}.connected-metrics span,.connected-metrics b,.connected-metrics small{display:block}.connected-metrics>article>span{font-size:23px}.connected-metrics b{font-size:24px;margin:7px 0}.connected-metrics small{color:#657188}.tone-purple{background:#f8f5ff}.tone-blue{background:#f1f8ff}.tone-green{background:#f1fbf6}.tone-orange{background:#fff8ef}.tone-rose{background:#fff4f6}.tone-teal{background:#effafa}
.connected-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:14px}.overview-panel{background:#fff;border:1px solid #e2e8f2;border-radius:21px;padding:16px;box-shadow:0 7px 22px rgba(43,61,97,.045)}.panel-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:9px}.panel-heading small,.tab-intro small{letter-spacing:.11em;color:#6b55cd;font-weight:700}.panel-heading h3{margin:3px 0}.panel-heading button{border:0;background:transparent;color:#5b42d0;font-weight:650;cursor:pointer}
.tab-intro{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fff;border:1px solid #e2e8f2;border-radius:20px;padding:17px;margin-bottom:12px}.tab-intro h2{margin:4px 0}.tab-intro p{margin:3px 0;color:#6b7890}.quiz-summary-pills{display:flex;gap:8px}.quiz-summary-pills span{background:#f3f0ff;border-radius:13px;padding:9px 11px;color:#55426f}.quiz-summary-pills b{color:#5134c5}
.mini-record-list,.learner-record-list{display:grid;gap:8px}.learner-record{display:grid;grid-template-columns:auto 1fr auto auto;gap:11px;align-items:center;border:1px solid #e3e9f2;border-radius:16px;padding:12px;background:#fff}.learner-record h3{margin:3px 0;font-size:16px}.learner-record p{margin:3px 0;color:#637087;line-height:1.5}.learner-record small{color:#7a8597}.record-icon{width:42px;height:42px;border-radius:13px;background:#f2f5fa;display:grid;place-items:center;font-size:20px}.score-chip{border-radius:12px;padding:8px 10px;font-weight:700}.score-chip.high{background:#eafaf2;color:#087445}.score-chip.mid{background:#fff5e8;color:#925412}.score-chip.low{background:#fff0f0;color:#ad2828}.record-status{border-radius:12px;padding:7px 9px;font-size:11px;font-weight:700}.record-status.pending{background:#fff3e5;color:#8a4d08}.record-status.submitted{background:#edf5ff;color:#2456a5}.record-status.reviewed{background:#eafbf2;color:#087445}.read-only-submission{margin-top:10px;background:#f7f9fc;border-radius:12px;padding:10px}.read-only-submission span{display:block;color:#246141;font-weight:650}.answer-explanation{background:#f6f8fc;border-radius:12px;padding:10px}.quiz-review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.quiz-review-summary div{background:#fff;border:1px solid #e2e8f2;border-radius:17px;padding:15px;text-align:center}.quiz-review-summary b,.quiz-review-summary span{display:block}.quiz-review-summary b{font-size:24px}.review-card{display:grid;grid-template-columns:auto 1fr;gap:13px}.review-number{width:38px;height:38px;border-radius:12px;background:#eef2f8;display:grid;place-items:center;font-weight:700}
@media(max-width:1150px){.connected-metrics{grid-template-columns:repeat(3,1fr)}.connected-overview-grid{grid-template-columns:1fr}}
@media(max-width:760px){.connected-hero{grid-template-columns:auto 1fr}.connected-hero-score,.connected-hero>.btn{grid-column:1/3}.connected-hero>.btn{width:100%}.connected-metrics{grid-template-columns:repeat(2,1fr)}.learner-record{grid-template-columns:auto 1fr}.learner-record>.score-chip,.learner-record>.btn,.learner-record>.record-status{grid-column:1/3;width:100%;text-align:center}.tab-intro{display:block}.quiz-summary-pills{margin-top:10px}.quiz-review-summary{grid-template-columns:1fr}}

/* v30 progress milestones + v22 typography */
:root{--font-ui:Inter,"Segoe UI",Arial,sans-serif;--font-display:Inter,"Segoe UI",Arial,sans-serif}
body,input,select,textarea,button{font-family:Inter,"Segoe UI",Arial,sans-serif;font-variation-settings:normal}
h1,h2,h3,h4,.brand,.logo,.title{font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.025em}
h1,h2{font-weight:900}h3,h4{font-weight:850}.btn,.primary,.nav,button{font-weight:850}.page-eyebrow,.sidebar-section-label,.section-header span{font-weight:900}
.progress-control{display:grid;gap:7px;min-width:250px}.progress-control>label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#69768c;font-weight:900}.progress-control select{padding:11px 13px}.note-progress-badge,.progress-stage-preview{background:linear-gradient(135deg,#f1edff,#eef7ff);border:1px solid #ded8f7;color:#4d3a9e;border-radius:13px;padding:10px 12px;font-weight:900}.pct{font-size:12px;color:#53617a;white-space:nowrap}.website-return-btn{position:fixed;left:24px;top:22px;z-index:3;display:inline-flex;align-items:center;text-decoration:none;background:#fff;border:1px solid #dce5f2;color:#263b78;border-radius:14px;padding:11px 15px;font-weight:900;box-shadow:0 10px 28px rgba(46,65,103,.09)}.website-return-btn:hover{background:#f3f0ff;color:#5538c7}
@media(max-width:650px){.website-return-btn{position:relative;left:auto;top:auto;margin:16px auto 0}.auth-bg{align-content:start;padding-top:0}.progress-control{min-width:0;width:100%}}

/* v31 notes controls and premium reader */
.edit-row{grid-template-columns:minmax(260px,1fr) minmax(230px,320px) auto;align-items:end}.compact-fav{width:auto!important;min-height:44px;padding:9px 12px!important;border-radius:13px!important;display:flex!important;align-items:center;justify-content:center;gap:7px;background:#fffaf0!important;border:1px solid #f2dfbb!important;white-space:nowrap}.compact-fav input{width:auto}.compact-fav span{font-size:17px}.compact-fav b{font-size:13px}.reader-btn{background:#eef6ff;color:#1d55a4;text-decoration:none}.actions .reader-btn{white-space:nowrap}.progress-control select{margin:0}.note-progress-badge{display:none}
.premium-reading-body{--reader-bg:#f4f7fb;--reader-surface:#fff;--reader-text:#1c2940;--reader-muted:#6b778c;--reader-line:#e1e7f0;--reader-accent:#6547f5;margin:0;background:var(--reader-bg);color:var(--reader-text);font-family:Inter,"Segoe UI",Arial,sans-serif;transition:.2s}
.premium-reading-body[data-theme="paper"]{--reader-bg:#f3eee4;--reader-surface:#fffdf7;--reader-text:#342f28;--reader-muted:#756d62;--reader-line:#e5dccb;--reader-accent:#8c6339}
.premium-reading-body[data-theme="dark"]{--reader-bg:#111827;--reader-surface:#182235;--reader-text:#edf3ff;--reader-muted:#a9b5c9;--reader-line:#2d3a4f;--reader-accent:#9b87ff}
.reading-topbar{position:sticky;top:0;z-index:20;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,4vw);background:color-mix(in srgb,var(--reader-surface) 94%,transparent);border-bottom:1px solid var(--reader-line);backdrop-filter:blur(15px)}.reading-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--reader-text);font-size:19px}.reading-top-actions{display:flex;gap:6px;align-items:center}.reading-top-actions button,.reader-command-bar button,.reader-command-bar a{border:1px solid var(--reader-line);background:var(--reader-surface);color:var(--reader-text);border-radius:11px;padding:8px 11px;font-weight:850;text-decoration:none;cursor:pointer}.reading-separator{width:1px;height:24px;background:var(--reader-line);margin:0 4px}
.premium-reader-shell{width:min(1050px,calc(100% - 32px));margin:32px auto 70px}.premium-reader-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--reader-accent) 8%,var(--reader-surface)),var(--reader-surface));border:1px solid var(--reader-line);border-radius:26px;padding:28px;box-shadow:0 17px 50px rgba(42,57,88,.07)}.reader-breadcrumb{font-size:10px;letter-spacing:.15em;font-weight:900;color:var(--reader-accent)}.reader-title-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.reader-title-row h1{font-size:clamp(34px,5vw,54px);line-height:1.08;margin:12px 0 6px;color:var(--reader-text)}.reader-title-row p{margin:0;color:var(--reader-muted)}.reader-stage-card{display:flex;align-items:center;gap:11px;background:var(--reader-surface);border:1px solid var(--reader-line);border-radius:18px;padding:13px 16px;min-width:155px}.reader-stage-card>span{font-size:27px}.reader-stage-card b,.reader-stage-card small{display:block}.reader-stage-card b{font-size:24px}.reader-stage-card small{color:var(--reader-muted)}.reader-progress-track{height:8px;background:color-mix(in srgb,var(--reader-line) 80%,transparent);border-radius:10px;overflow:hidden;margin-top:22px}.reader-progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--reader-accent),#2bb9ed);border-radius:10px}
.reader-command-bar{display:flex;justify-content:space-between;gap:12px;margin:14px 0}.reader-command-left,.reader-command-right{display:flex;gap:7px}.premium-reader-content{background:var(--reader-surface);border:1px solid var(--reader-line);border-radius:27px;padding:clamp(28px,6vw,70px);min-height:480px;box-shadow:0 17px 50px rgba(42,57,88,.06);font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.75;color:var(--reader-text)}.premium-reader-content h1,.premium-reader-content h2,.premium-reader-content h3{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--reader-text);margin-top:1.45em}.premium-reader-content p{margin:1em 0}.premium-reader-content img{max-width:100%;border-radius:16px}.premium-reader-content blockquote{border-left:4px solid var(--reader-accent);background:color-mix(in srgb,var(--reader-accent) 7%,var(--reader-surface));padding:15px 18px;border-radius:0 15px 15px 0;margin:20px 0}.premium-reader-content table{width:100%;border-collapse:collapse}.premium-reader-content th,.premium-reader-content td{border:1px solid var(--reader-line);padding:10px}.reader-empty-state{text-align:center;padding:75px 20px;color:var(--reader-muted)}.reader-empty-state span{font-size:45px}.reader-empty-state h2{color:var(--reader-text);margin:12px 0}.reader-help-card{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;background:var(--reader-surface);border:1px solid var(--reader-line);border-radius:20px;padding:17px}.reader-help-card>div{display:flex;align-items:center;gap:12px}.reader-help-card>div>span{font-size:29px}.reader-help-card b,.reader-help-card small{display:block}.reader-help-card small{color:var(--reader-muted);margin-top:4px}.reader-help-card>a{background:var(--reader-accent);color:#fff;text-decoration:none;border-radius:12px;padding:10px 14px;font-weight:900}
@media(max-width:800px){.edit-row{grid-template-columns:1fr}.compact-fav{justify-self:start}.actions{flex-wrap:wrap}.reader-title-row{display:block}.reader-stage-card{margin-top:18px;width:max-content}.reading-topbar{padding:0 12px}.reading-brand b{display:none}.reading-top-actions button{padding:7px 9px}.premium-reader-shell{width:min(100% - 18px,1050px);margin-top:14px}.premium-reader-hero{padding:20px}.reader-command-bar,.reader-help-card{display:block}.reader-command-right{margin-top:8px}.reader-help-card>a{display:block;text-align:center;margin-top:13px}.premium-reader-content{padding:25px 20px}}
@media print{.reading-topbar,.reader-command-bar,.reader-help-card{display:none!important}.premium-reader-shell{width:100%;margin:0}.premium-reader-hero,.premium-reader-content{box-shadow:none;border:0}.premium-reading-body{background:#fff}}

/* v32 authorized parent lesson access + unified readers */
.teacher-reader-hero{background:linear-gradient(135deg,color-mix(in srgb,#3b82f6 8%,var(--reader-surface)),var(--reader-surface))}.ai-reader-hero{background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 9%,var(--reader-surface)),var(--reader-surface))}.teacher-reader-mark{display:flex;align-items:center;gap:10px;background:var(--reader-surface);border:1px solid var(--reader-line);border-radius:17px;padding:12px 15px;min-width:175px}.teacher-reader-mark>span{font-size:27px}.teacher-reader-mark b,.teacher-reader-mark small{display:block}.teacher-reader-mark small{color:var(--reader-muted);margin-top:2px}.premium-reader-attachments{background:var(--reader-surface);border:1px solid var(--reader-line);border-radius:22px;padding:18px;margin-bottom:14px}.reader-section-heading small{font-size:10px;letter-spacing:.14em;color:var(--reader-accent);font-weight:900}.reader-section-heading h2{margin:4px 0 13px}.premium-attachment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.premium-attachment-grid a{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;text-decoration:none;color:var(--reader-text);background:color-mix(in srgb,var(--reader-line) 25%,var(--reader-surface));border:1px solid var(--reader-line);border-radius:14px;padding:12px}.premium-attachment-grid a>span{font-size:24px}.premium-attachment-grid b,.premium-attachment-grid small{display:block}.premium-attachment-grid small{color:var(--reader-muted);margin-top:3px}.premium-attachment-grid em{font-style:normal;font-size:20px;color:var(--reader-accent)}.teacher-reader-content{min-height:520px}
@media(max-width:700px){.teacher-reader-mark{width:max-content;margin-top:15px}.premium-attachment-grid{grid-template-columns:1fr}}

/* v33 teacher shared workspace + admin viewer */
.shared-workspace-hero,.structure-builder-head{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#f4f0ff,#eef8ff);border:1px solid #dde6f3;border-radius:24px;padding:22px}.shared-workspace-hero small,.structure-builder-head small{letter-spacing:.12em;color:#684ecb;font-weight:900}.shared-workspace-hero h2,.structure-builder-head h2{margin:6px 0}.shared-workspace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:15px}.shared-workspace-card{background:#fff;border:1px solid #e2e8f2;border-radius:20px;padding:17px}.shared-cover{height:90px;border-radius:16px;background:#f1edff;display:grid;place-items:center;font-size:35px;margin-bottom:13px}.shared-workspace-card h3{margin:5px 0}.shared-workspace-card>div:last-child{display:flex;gap:8px}.structure-toolbar{margin:14px 0}.structure-tree{display:grid;gap:12px}.structure-node{background:#fff;border:1px solid #e1e8f2;border-radius:17px;padding:14px;margin-left:calc(var(--level,0)*18px)}.structure-node>div:first-child{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.structure-node input{font-weight:900}.structure-node textarea{min-height:70px;margin-top:9px}.structure-actions{display:flex;gap:7px;margin-top:8px}.structure-actions button{border:0;border-radius:10px;padding:8px 10px;font-weight:850}.level-1{margin-left:22px}.level-2{margin-left:44px}.level-3{margin-left:66px}
.admin-workspace-body{background:#f5f7fb;font-family:Inter,"Segoe UI",Arial,sans-serif}.admin-workspace-top{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff;border-bottom:1px solid #e2e8f2;padding:20px max(24px,4vw)}.admin-workspace-top h1{margin:4px 0}.admin-workspace-top p{margin:0;color:#6b7890}.admin-workspace-shell{padding:24px max(24px,4vw)}.admin-warning{background:#fff7e8;border:1px solid #f0d9aa;border-radius:14px;padding:12px;margin-bottom:15px}.admin-tree{grid-column:1/3;margin-top:10px}.admin-tree details{background:#f8fafc;border:1px solid #e5eaf2;border-radius:12px;padding:9px;margin:7px 0}.admin-tree summary{cursor:pointer;font-weight:850}.admin-node-list{margin-left:15px}.admin-note-preview{background:#fff;border-left:3px solid #6547f5;padding:10px;margin:8px 0;line-height:1.6}.admin-note-preview b{display:block;margin-bottom:5px}
@media(max-width:800px){.shared-workspace-hero,.structure-builder-head,.admin-workspace-top{display:block}.shared-workspace-grid{grid-template-columns:1fr}.level-1,.level-2,.level-3{margin-left:8px}}

/* v34 unified teacher/student workspace */
.workspace-heading-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.workspace-heading-inline h3{margin:0}.teacher-shared-badge,.row-shared-tag,.teacher-shared-inline{display:inline-flex;align-items:center;background:#eef7ff;color:#2458a2;border:1px solid #d5e5f6;border-radius:10px;padding:5px 8px;font-size:10px;font-weight:900}.row-shared-tag{padding:3px 6px;vertical-align:middle;margin-left:5px}.teacher-shared-inline{padding:2px 6px}.teacher-shared-year{border-color:#d2e5f7;background:linear-gradient(145deg,#fff,#f5faff)}.shared-row{border-color:#d7e6f4;background:linear-gradient(90deg,#fff,#fbfdff)}.shared-row:before{background:#4a9ae8!important}.teacher-note-panel{background:linear-gradient(135deg,#f1f8ff,#fff);border:1px solid #d8e7f5;border-radius:20px;padding:17px;margin:14px 0}.teacher-note-panel-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dfebf5;padding-bottom:10px;margin-bottom:12px}.teacher-note-panel-head>span{font-size:27px}.teacher-note-panel-head small{color:#3469a9;font-weight:900;letter-spacing:.11em}.teacher-note-panel-head h3{margin:3px 0}.teacher-note-content{line-height:1.7;color:#35455e}.teacher-builder-header{background:#fff;border:1px solid #e0e7f1;border-radius:18px;padding:12px}.builder-header-actions{display:flex;gap:8px}.teacher-builder-row{border-color:#d7e4f3}.teacher-shared-reader-section{margin-bottom:14px;background:linear-gradient(145deg,var(--reader-surface),color-mix(in srgb,#3b82f6 5%,var(--reader-surface)))}.reader-section-heading h2{margin:5px 0 15px}
@media(max-width:800px){.teacher-builder-header{display:block}.builder-header-actions{margin-top:10px}.builder-header-actions .btn{flex:1}.workspace-heading-inline{margin:10px 0}}

/* v35 native teacher workspace sharing and admin dashboard view */
.admin-view-banner{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff4cf;border-bottom:1px solid #e9ce72;padding:10px 20px;color:#664d00}.admin-view-banner a{background:#6547f5;color:#fff;text-decoration:none;border-radius:10px;padding:8px 12px;font-weight:900}.admin-readonly-app:after{content:"READ-ONLY ADMINISTRATOR VIEW";position:fixed;right:18px;bottom:16px;z-index:999;background:#17233dcc;color:#fff;border-radius:11px;padding:8px 11px;font-size:10px;letter-spacing:.1em;font-weight:900;pointer-events:none}.share-btn{background:#eafbf2;color:#087445;border:1px solid #ccebd9}.native-share-actions{display:flex;gap:8px}.share-class-list{display:grid;gap:9px;margin:18px 0}.share-class-option{display:grid;grid-template-columns:auto auto 1fr;gap:11px;align-items:center;border:1px solid #e0e7f1;border-radius:15px;padding:13px;cursor:pointer;background:#fafcff}.share-class-option:hover{background:#f5f2ff;border-color:#d7ceff}.share-class-option>span{font-size:25px}.share-class-option b,.share-class-option small{display:block}.share-class-option small{color:#6b7890;margin-top:3px}.share-permission-note{background:#eef7ff;border:1px solid #d6e6f5;border-radius:13px;padding:12px;color:#36577f;line-height:1.55}.no-default-year{min-height:260px;display:grid;place-items:center;align-content:center}.no-default-year .btn{margin-top:10px}
@media(max-width:700px){.admin-view-banner{display:block}.admin-view-banner a{display:block;text-align:center;margin-top:8px}.native-share-actions{display:grid}.share-class-option{grid-template-columns:auto auto 1fr}}

/* v36 dual notes and admin dashboard access */
.icon-action{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:13px;border:1px solid #dfe6f1;background:#fff;text-decoration:none;cursor:pointer;font-size:18px;line-height:1;padding:0}.icon-action:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(43,61,97,.09)}.my-notes-icon{background:#fff5e8;border-color:#f2dfbf}.teacher-notes-icon{background:#eef7ff;border-color:#d4e6f7}.reader-icon{background:#f1edff;border-color:#ded5ff}.header-note-icon{width:47px;height:47px}.teacher-note-readable{margin-top:16px;background:#fbfdff;border:1px solid #e0e8f2;border-radius:18px;padding:22px;line-height:1.75;max-height:58vh;overflow:auto}.teacher-note-readable h1,.teacher-note-readable h2,.teacher-note-readable h3{margin:1.2em 0 .5em}.teacher-note-readable p{margin:.8em 0}.teacher-note-readable br{content:"";display:block;margin:.35em 0}.teacher-note-readable ul,.teacher-note-readable ol{padding-left:24px}.saved-ai-note{background:#f7f4ff;border-left:4px solid #6547f5;padding:12px 15px;border-radius:0 13px 13px 0}.admin-btn.view-dashboard{background:#eaf4ff;color:#174f9b;border:1px solid #cfe1f5;text-decoration:none;white-space:nowrap}
.actions .icon-action{flex:0 0 42px}.note-head-actions .icon-action{flex:0 0 auto}
@media(max-width:760px){.icon-action{width:40px;height:40px}.teacher-note-readable{padding:16px}.admin-btn.view-dashboard{width:100%;text-align:center}}

/* v37 exact statistics, WhatsApp support and lesson deletion */
.whatsapp-sidebar{color:#087b49!important;background:#effbf5!important;border:1px solid #d2efdf!important}.whatsapp-sidebar:hover{background:#e4f8ed!important}.whatsapp-sidebar em{background:#d9f3e5!important;color:#087445!important}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:1000;display:flex;align-items:center;gap:9px;background:#25d366;color:#fff;text-decoration:none;border-radius:17px;padding:12px 17px;box-shadow:0 15px 40px rgba(20,120,70,.25);font-weight:900}.whatsapp-float span{font-size:22px}.auth-whatsapp-support{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border:1px solid #d5ecdf;border-radius:14px;background:#effbf5;color:#12663f;text-decoration:none}.auth-whatsapp-support>span{font-size:24px}.auth-whatsapp-support b,.auth-whatsapp-support small{display:block}.auth-whatsapp-support small{margin-top:2px;color:#4d7764}.four-metrics{grid-template-columns:repeat(4,1fr)!important}.premium-lesson-actions .red{margin-left:auto}.academic-card p{line-height:1.55}
@media(max-width:760px){.whatsapp-float{right:12px;bottom:12px;padding:11px 13px}.whatsapp-float b{display:none}.four-metrics{grid-template-columns:repeat(2,1fr)!important}.premium-lesson-actions .red{margin-left:0}}

/* v38 hierarchy statistics and sidebar order */
.premium-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.premium-metric-grid.five-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.learner-card-metrics.five-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.connected-metrics{grid-template-columns:repeat(8,minmax(0,1fr))}
@media(max-width:1200px){.premium-stats,.premium-metric-grid.five-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.connected-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.premium-stats,.premium-metric-grid.five-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.learner-card-metrics.five-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.connected-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   v40 FINE-TUNED TYPOGRAPHY + MOBILE LAYOUT
   Based on v38 UI; no workflow changes
   ========================================================= */
:root{
  --v40-font: "Segoe UI", Arial, Helvetica, sans-serif;
}
html{
  font-size:16px;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body,input,select,textarea,button{
  font-family:var(--v40-font);
  font-variation-settings:normal;
  font-synthesis:none;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{font-weight:400}
h1,h2,h3,h4,.brand,.logo,.title,.brand-block b{
  font-family:var(--v40-font);
  font-synthesis:none;
  font-weight:700;
  letter-spacing:-.018em;
}
h1,h2{font-weight:750}
h3,h4{font-weight:700}
.btn,.primary,.nav,button{font-weight:700}
.page-eyebrow,.sidebar-section-label,.section-header span{font-weight:700}
p,.meta,small{font-weight:400}
.premium-sidebar .nav{font-size:.94rem}
.brand-block b{font-size:1.28rem}
.brand-block small{font-size:.72rem;line-height:1.35}
.premium-profile .profile-copy b{font-size:.96rem;font-weight:700}
.premium-profile .profile-copy small{font-size:.76rem}
.premium-topbar h1{font-weight:750}
.premium-topbar p{font-size:1rem}
.premium-stats b,.premium-metric-grid b{font-weight:750}
.premium-stats small,.premium-metric-grid small{font-size:.78rem;font-weight:600}
.compact-card .title{font-size:1.06rem;font-weight:700}
.compact-card .meta{font-size:.78rem;line-height:1.42}
.compact-card .pct{font-size:.72rem;font-weight:600}
.academic-card h3{font-weight:700}
.academic-card p{font-size:.82rem}
.rich-editor{font-family:var(--v40-font);font-size:1rem;line-height:1.72}
.teacher-note-readable,.premium-reader-content{font-synthesis:none}
input,select,textarea{font-size:1rem}
.btn,.primary{font-size:.9rem}

/* Remove synthetic extra-heavy weights that can look fuzzy */
.sidebar-section-label,
.page-eyebrow,
.overline,
.toolbar-title,
.editor-label,
.teacher-note-panel-head small,
.reader-breadcrumb{
  font-weight:700!important;
}
.premium-sidebar .nav em,
.pill,
.row-shared-tag,
.teacher-shared-badge{
  font-weight:600!important;
}

/* Desktop clarity */
@media(min-width:801px){
  .premium-sidebar{width:278px}
  .premium-main{padding:28px 30px}
  .premium-topbar h1{font-size:36px}
  .compact-card{min-height:66px}
}

/* Mobile: full-width, compact sidebar followed by content */
@media(max-width:800px){
  html{font-size:15px}
  .app,.premium-app{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .sidebar,.premium-sidebar{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:14px 12px 16px!important;
    border-right:0!important;
    border-bottom:1px solid #dde5f0!important;
    box-shadow:0 8px 24px rgba(32,48,78,.05)!important;
    overflow:visible!important;
  }
  .brand-block{
    padding:2px 4px 12px!important;
    gap:10px!important;
  }
  .brand-block .logo-mark{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:21px!important;
  }
  .brand-block b{font-size:1.22rem!important}
  .brand-block small{
    font-size:.7rem!important;
    max-width:220px;
    line-height:1.3!important;
  }
  .premium-profile{
    padding:10px!important;
    border-radius:15px!important;
    margin-bottom:8px!important;
  }
  .premium-profile .avatar{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
  .profile-menu-btn{
    width:34px!important;
    height:34px!important;
  }
  .sidebar-section-label{
    font-size:.64rem!important;
    letter-spacing:.11em!important;
    margin:12px 8px 5px!important;
    padding:0!important;
  }
  .premium-sidebar .nav{
    min-height:42px!important;
    padding:9px 10px!important;
    margin:3px 0!important;
    border-radius:12px!important;
    font-size:.93rem!important;
    line-height:1.2!important;
  }
  .premium-sidebar .nav em{
    font-size:.62rem!important;
    padding:3px 6px!important;
  }
  .premium-sidebar .nav:hover{transform:none!important}
  .premium-plan{
    margin:10px 0!important;
    padding:10px!important;
  }
  .sidebar-connections{
    max-height:220px!important;
    overflow:auto!important;
    overscroll-behavior:contain;
  }
  .premium-logout{
    display:block!important;
    margin-top:9px!important;
    padding:10px!important;
  }
  .main,.premium-main{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:14px 11px 28px!important;
  }
  .premium-topbar{
    display:block!important;
    min-height:0!important;
  }
  .premium-topbar h1{
    font-size:1.85rem!important;
    line-height:1.12!important;
  }
  .premium-topbar p{font-size:.9rem!important}
  .premium-top-actions{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    padding:8px 0 3px!important;
  }
  .premium-top-actions .btn{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .premium-stats{
    gap:8px!important;
    margin:12px 0!important;
  }
  .premium-stats>div{
    min-height:82px!important;
    padding:11px!important;
    border-radius:15px!important;
  }
  .premium-stats b{font-size:1.42rem!important}
  .premium-stats small{font-size:.7rem!important}
  .compact-card{
    border-radius:15px!important;
    padding:9px!important;
  }
  .compact-card .title{font-size:1rem!important}
  .compact-card .meta{font-size:.72rem!important}
  .compact-card .actions{
    gap:6px!important;
    scrollbar-width:none;
  }
  .compact-card .actions::-webkit-scrollbar{display:none}
  .btn,.primary{font-size:.84rem!important}
  .rich-editor{font-size:.98rem!important}
}

@media(max-width:480px){
  html{font-size:14.5px}
  .premium-sidebar{padding:11px 9px 14px!important}
  .premium-sidebar .nav{font-size:.9rem!important}
  .brand-block small{max-width:185px}
  .premium-main{padding:11px 8px 24px!important}
  .premium-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-stats>div:last-child{grid-column:1/-1}
}


/* v44 finalized branding without PWA */
.brand-image-mark{overflow:hidden;background:#fff!important;border:1px solid #dce7ec!important}
.brand-image-mark img{width:100%;height:100%;object-fit:contain;display:block}
.landing-logo-image{display:flex;align-items:center;gap:9px}
.landing-logo-image img{width:42px;height:42px;object-fit:contain;border-radius:11px}
.footer-brand{display:inline-flex;align-items:center;gap:8px}
.footer-brand img{width:34px;height:34px;object-fit:contain;border-radius:9px;background:#fff}
.auth-brand-logo{display:flex;align-items:center;justify-content:center;gap:10px}
.auth-brand-logo img{width:58px;height:58px;object-fit:contain;border-radius:15px}
.auth-brand-logo span{font-size:1.22rem;font-weight:750;color:#10233f}
.reader-logo-brand{display:flex;align-items:center;gap:8px}
.reader-logo-brand img{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff}
.admin-brand-logo{width:34px;height:34px;object-fit:contain;vertical-align:middle;border-radius:8px;background:#fff;margin-right:7px}
@media(max-width:760px){.landing-logo-image img{width:36px;height:36px}}

/* v45 Teacher Assessment Studio + font size increase */
html{font-size:17px}
body,input,select,textarea,button{font-size:1rem}
.premium-sidebar .nav{font-size:1rem}
.compact-card .title{font-size:1.12rem}
.compact-card .meta{font-size:.82rem}
.btn,.primary{font-size:.95rem}
.assessment-nav{color:#6a3fd4!important}
.teacher-command-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.assessment-body{margin:0;background:#f5f7fb;color:#10233f;font-family:"Segoe UI",Arial,sans-serif}
.assessment-top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px max(20px,4vw);background:#fff;border-bottom:1px solid #dfe6f0}
.assessment-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#10233f}.assessment-brand img{width:48px;height:48px;object-fit:contain}.assessment-brand b,.assessment-brand small{display:block}.assessment-brand b{font-size:1.1rem}.assessment-brand small{color:#69768c}
.assessment-shell{width:min(1450px,calc(100% - 32px));margin:24px auto 60px}
.assessment-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;background:linear-gradient(135deg,#eef9f6,#fff7ed);border:1px solid #d8e9e5;border-radius:26px;padding:26px;box-shadow:0 16px 45px rgba(32,58,79,.07)}
.assessment-hero small,.assessment-modal-heading small,.result-hero small{font-size:.68rem;letter-spacing:.13em;color:#0f8f80;font-weight:700}.assessment-hero h1{font-size:2.35rem;margin:6px 0}.assessment-hero p{max-width:760px}.assessment-hero-actions{display:grid;gap:9px;min-width:210px}.assessment-hero-actions button{border:1px solid #d8e3ec;background:#fff;border-radius:14px;padding:12px 14px;text-align:left;font-weight:700}
.assessment-toolbar{display:flex;justify-content:space-between;gap:14px;margin:18px 0}.assessment-toolbar>div{display:flex;gap:7px}.assessment-toolbar button{border:1px solid #dce4ef;background:#fff;border-radius:12px;padding:9px 13px}.assessment-toolbar button.active{background:#6848f5;color:#fff;border-color:#6848f5}.assessment-toolbar input{width:min(330px,100%)}
.assessment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.assessment-card{position:relative;background:#fff;border:1px solid #dfe6f0;border-radius:20px;padding:18px;box-shadow:0 8px 26px rgba(31,48,79,.05)}.assessment-card h3{font-size:1.15rem;margin:8px 0}.assessment-card p{font-size:.84rem}.assessment-status{position:absolute;right:13px;top:13px;border-radius:10px;padding:5px 8px;font-size:.65rem;text-transform:uppercase;font-weight:700}.assessment-status.draft{background:#fff5df;color:#905300}.assessment-status.published{background:#e8faf1;color:#08734a}.assessment-status.closed{background:#f1f3f7;color:#667085}.assessment-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.assessment-metrics span{background:#f7f9fc;border-radius:11px;padding:9px;text-align:center;font-size:.72rem}.assessment-metrics b{display:block;font-size:1.05rem}.assessment-actions{display:flex;gap:7px}.assessment-actions button,.assessment-actions a{flex:1;border:1px solid #dbe4ee;background:#f8faff;border-radius:11px;padding:9px;text-decoration:none;color:#20304d;font-weight:700;text-align:center}.assessment-actions .danger{flex:0 0 auto;background:#fff0f0;color:#b42318}
.assessment-empty{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #cfd9e8;border-radius:22px;padding:55px}.assessment-empty>span{font-size:42px}.assessment-empty button{border:0;border-radius:13px;padding:11px 16px;background:#6848f5;color:#fff;font-weight:700}
.assessment-modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(16,30,53,.42);backdrop-filter:blur(8px);padding:16px;overflow:auto}.assessment-modal.show{display:block}.assessment-modal-card{position:relative;width:min(1100px,100%);margin:20px auto;background:#fff;border-radius:26px;padding:26px;box-shadow:0 30px 90px rgba(20,36,65,.24)}.assessment-close{position:absolute;right:15px;top:15px;width:36px;height:36px;border:0;border-radius:11px;background:#f1f4f8;font-size:20px}
.creator-tabs{display:flex;gap:8px;margin:18px 0}.creator-tabs button{border:1px solid #dce5ef;background:#f8faff;border-radius:12px;padding:10px 14px}.creator-tabs button.active{background:#6848f5;color:#fff}.creator-form-grid,.ai-generator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.creator-form-grid label,.ai-generator-grid label,.creator-wide-label{font-size:.75rem;font-weight:700;color:#53617a}.creator-form-grid input,.creator-form-grid select,.ai-generator-grid input,.ai-generator-grid select,.creator-wide-label textarea{display:block;width:100%;margin-top:5px}.creator-wide-label{display:block;margin-top:11px}.creator-wide-label textarea{min-height:80px}
.ai-quiz-panel{background:linear-gradient(135deg,#f2efff,#eef9ff);border:1px solid #ddd8fb;border-radius:18px;padding:17px;margin-bottom:17px}.ai-quiz-panel h3{margin:4px 0 12px}.ai-quiz-panel textarea{width:100%;min-height:76px;margin:7px 0}.ai-quiz-panel>button{border:0;border-radius:12px;padding:10px 15px;background:linear-gradient(135deg,#6848f5,#0daee8);color:#fff;font-weight:700}
.question-builder-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px}.question-builder-head h3{margin:3px 0}.question-builder-head button{border:0;border-radius:12px;padding:10px 14px;background:#eef6ff;color:#164d99;font-weight:700}
.question-editor{border:1px solid #dfe6ef;border-radius:18px;padding:16px;margin:11px 0;background:#fbfcfe}.question-editor-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-editor-top button{border:1px solid #dbe4ef;background:#fff;border-radius:9px;padding:6px 9px}.question-editor textarea{width:100%;min-height:76px}.option-editor{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:10px 0}.option-editor label{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;border:1px solid #dfe6ef;border-radius:12px;padding:8px;background:#fff}.option-editor label.correct-option{background:#edf9f3;border-color:#bfe6d3}.option-editor label>span{width:27px;height:27px;border-radius:8px;background:#eef2f7;display:grid;place-items:center;font-weight:700}.option-editor input[type=text],.option-editor input:not([type]){border:0;padding:7px}.question-extra{display:grid;grid-template-columns:1fr 110px;gap:9px}.question-extra label{font-size:.72rem;font-weight:700}.question-extra input{width:100%;margin-top:4px}
.publish-settings{background:#f8fafc;border:1px solid #dfe6ef;border-radius:18px;padding:17px;margin-top:20px}.class-checks{display:grid;gap:5px;background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:10px;margin-top:5px;max-height:145px;overflow:auto}.class-checks label{font-size:.78rem}.setting-checks{display:flex;gap:16px;flex-wrap:wrap;margin-top:13px}.creator-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.creator-footer button{border:1px solid #dce5ef;background:#fff;border-radius:13px;padding:11px 16px;font-weight:700}.creator-footer .publish{background:#0f9f8f;color:#fff;border-color:#0f9f8f}
.result-hero{background:linear-gradient(135deg,#eef9f6,#fff8ef);border:1px solid #d6e8e2;border-radius:25px;padding:25px}.result-hero h1{margin:5px 0}.result-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.result-summary>div{background:#fff;border:1px solid #dfe7ee;border-radius:15px;padding:13px}.result-summary b,.result-summary span{display:block}.result-summary b{font-size:1.45rem}
.result-table-wrap{overflow:auto;margin-top:16px}.result-table{width:100%;border-collapse:separate;border-spacing:0 8px}.result-table th{text-align:left;font-size:.72rem;color:#69768c}.result-table td{background:#fff;border-top:1px solid #dfe6ef;border-bottom:1px solid #dfe6ef;padding:12px}.result-table td:first-child{border-left:1px solid #dfe6ef;border-radius:13px 0 0 13px}.result-table td:last-child{border-right:1px solid #dfe6ef;border-radius:0 13px 13px 0}.result-table td small{display:block}.result-table textarea{min-width:220px;min-height:55px}.result-table button{border:0;border-radius:9px;padding:7px 10px;background:#6848f5;color:#fff}.score-chip.pass{background:#e9faf2;color:#08734a}.score-chip.fail{background:#fff0f0;color:#b42318}.quiz-loading{text-align:center;padding:70px}
@media(max-width:900px){html{font-size:16px}.assessment-grid{grid-template-columns:repeat(2,1fr)}.creator-form-grid,.ai-generator-grid{grid-template-columns:repeat(2,1fr)}.teacher-command-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){html{font-size:15.5px}.assessment-top,.assessment-hero,.assessment-toolbar{display:block}.assessment-top>div,.assessment-top>a.btn{margin-top:10px}.assessment-shell{width:calc(100% - 18px);margin-top:12px}.assessment-hero{padding:18px}.assessment-hero h1{font-size:1.75rem}.assessment-hero-actions{margin-top:15px}.assessment-toolbar input{width:100%;margin-top:10px}.assessment-grid{grid-template-columns:1fr}.assessment-modal{padding:7px}.assessment-modal-card{padding:20px 14px;margin:6px auto}.creator-form-grid,.ai-generator-grid,.option-editor,.question-extra{grid-template-columns:1fr}.result-summary{grid-template-columns:repeat(2,1fr)}.teacher-command-actions{grid-template-columns:1fr!important}}