*{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}}

/* v46 professional dialogs, review, visual notes and mobile navigation */
.global-ui-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(16,30,53,.48);backdrop-filter:blur(7px);padding:18px}.global-ui-modal.show{display:grid;place-items:center}.global-ui-card{position:relative;width:min(460px,100%);background:#fff;border-radius:22px;padding:25px;box-shadow:0 28px 85px rgba(15,30,55,.28)}.global-ui-close{position:absolute;right:13px;top:13px;border:0;width:34px;height:34px;border-radius:10px;background:#f1f4f8;font-size:19px}.ui-status{text-align:center}.ui-status-icon{margin:0 auto 12px;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#eef5ff;color:#2459a8;font-size:27px;font-weight:800}.ui-status.success .ui-status-icon{background:#e8faf1;color:#08734a}.ui-status.error .ui-status-icon{background:#fff0f0;color:#b42318}.ui-action-row{display:flex;justify-content:center;gap:9px;margin-top:19px}.ui-action-row button{border:1px solid #d9e2ed;background:#fff;border-radius:12px;padding:10px 15px;font-weight:700}.ui-action-row button:last-child{background:#6848f5;color:#fff;border-color:#6848f5}.ui-action-row button.danger{background:#c9362b;border-color:#c9362b}.ui-spinner{width:44px;height:44px;border:4px solid #e6ebf2;border-top-color:#6848f5;border-radius:50%;margin:4px auto 15px;animation:uispin .85s linear infinite}@keyframes uispin{to{transform:rotate(360deg)}}
.rich-note-toolbar{flex-wrap:wrap}.note-table-wrap{width:100%;overflow-x:auto;margin:14px 0}.note-table{width:100%;border-collapse:collapse;min-width:460px}.note-table th,.note-table td{border:1px solid #cfd9e6;padding:10px;text-align:left}.note-table th{background:#eef5fb}.note-figure{margin:18px auto;text-align:center}.note-figure img{max-width:100%;height:auto;border-radius:15px;border:1px solid #dce5ef}.note-figure figcaption{margin-top:7px;color:#68758b;font-size:.82rem}.note-visual-block{border-left:5px solid #4d78d0;border-radius:13px;background:#f2f7ff;padding:14px 16px;margin:14px 0}.note-visual-block h3{margin:0 0 6px}.note-visual-block.definition{border-color:#0f9f8f;background:#eefaf7}.note-visual-block.example{border-color:#e68a21;background:#fff8ee}.note-visual-block.formula{border-color:#7a55d9;background:#f5f1ff}.note-visual-block.summary{border-color:#2468b3;background:#eef6ff}.rich-editor table,.reader-content table,.teacher-note-reader table{width:100%;border-collapse:collapse}.rich-editor th,.rich-editor td,.reader-content th,.reader-content td{border:1px solid #d2dce8;padding:9px}.rich-editor img,.reader-content img{max-width:100%;height:auto}
.review-question-list{display:grid;gap:14px;margin-top:16px}.review-question{background:#fff;border:1px solid #dfe6ef;border-radius:20px;padding:18px}.review-question.correct{border-left:5px solid #0f9f75}.review-question.incorrect{border-left:5px solid #d7483f}.review-q-head{display:flex;justify-content:space-between;gap:10px;color:#68758b}.review-options{display:grid;gap:8px;margin:13px 0}.review-options>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;border:1px solid #dfe6ef;border-radius:12px;padding:9px 11px}.review-options>div>span{width:28px;height:28px;border-radius:8px;background:#eef2f7;display:grid;place-items:center;font-weight:700}.review-options .correct-answer{background:#eaf9f2;border-color:#a9ddc5}.review-options .chosen-answer:not(.correct-answer){background:#fff1f0;border-color:#efc0bc}.explanation-card{background:#eef6ff;border:1px solid #cfe0f4;border-radius:14px;padding:13px}.teacher-feedback-display{margin-top:16px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:13px}.answer-hidden-note{background:#f5f6f8;border-radius:12px;padding:12px;color:#68758b}.result-row-actions{display:flex;gap:7px;align-items:center}.result-row-actions a{border-radius:9px;padding:7px 10px;background:#eef4ff;color:#234e93;text-decoration:none;font-weight:700}
@media(max-width:820px){html{scroll-behavior:smooth}.premium-topbar{scroll-margin-top:10px}.sidebar .nav{min-height:48px}.note-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.review-options>div{grid-template-columns:30px 1fr}.review-options>div>b{grid-column:2}.assessment-hero-actions{grid-template-columns:1fr 1fr}.assessment-hero-actions button{min-width:0}}

/* v47 rich AI fragments, creator deletion and filtered student selection */
.smart-ai-output h1,.smart-ai-output h2,.smart-ai-output h3{margin:1.1em 0 .45em;color:#142947}
.smart-ai-output p{line-height:1.72}.smart-ai-output ul,.smart-ai-output ol{padding-left:1.4rem}
.smart-ai-output table,.premium-reader-content table,.ai-saved-note table{width:100%;border-collapse:collapse;margin:16px 0;display:table}
.smart-ai-output th,.smart-ai-output td,.premium-reader-content th,.premium-reader-content td,.ai-saved-note th,.ai-saved-note td{border:1px solid #cfdae7;padding:10px;text-align:left}
.smart-ai-output th,.premium-reader-content th,.ai-saved-note th{background:#eef5fb}
.smart-ai-output figure,.premium-reader-content figure,.ai-saved-note figure{text-align:center;margin:18px auto}
.smart-ai-output img,.premium-reader-content img,.ai-saved-note img{max-width:100%;height:auto;border-radius:15px}
.smart-ai-output section,.premium-reader-content section,.ai-saved-note section{border-left:4px solid #4b78d0;background:#f4f8ff;border-radius:12px;padding:13px 15px;margin:14px 0}
.creator-list-actions{display:flex;justify-content:flex-end;margin:10px 0}
.student-filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin:16px 0}
.student-filter-bar .full{grid-column:auto}
.student-bulk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f7f9fc;border:1px solid #dfe6ef;border-radius:14px;padding:10px;margin-bottom:10px}
.student-bulk-actions>span{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.student-bulk-actions small{background:#fff;border:1px solid #dce4ef;border-radius:8px;padding:5px 8px}
.filtered-student-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:470px;overflow:auto;padding:3px}
.filtered-student-card{display:grid;grid-template-columns:auto 42px 1fr auto;align-items:center;gap:9px;border:1px solid #dce4ef;background:#fff;border-radius:14px;padding:11px;cursor:pointer}
.filtered-student-card.selected{background:#eef9f6;border-color:#9bd5c6}
.filtered-student-card>input{width:18px;height:18px}
.student-avatar{width:40px;height:40px;border-radius:13px;background:#eaf1fb;display:grid;place-items:center;font-weight:800;color:#284f8d}
.filtered-student-card b,.filtered-student-card small,.filtered-student-card em{display:block}
.filtered-student-card small{color:#52617a;margin-top:3px}.filtered-student-card em{font-size:.7rem;color:#7b879b;font-style:normal;margin-top:3px}
.filtered-student-card>strong{font-size:.72rem;color:#18816d}
@media(max-width:850px){.student-filter-bar{grid-template-columns:1fr 1fr}.filtered-student-directory{grid-template-columns:1fr}}
@media(max-width:560px){.student-filter-bar{grid-template-columns:1fr}.student-bulk-actions>span{width:100%;margin-left:0}.filtered-student-card{grid-template-columns:auto 38px 1fr}.filtered-student-card>strong{grid-column:3}}

/* v48 unified rich-note reading mode */
.note-mode-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(135deg,#f4f8ff,#f4fbf8);border:1px solid #dce7ef;border-radius:16px;padding:12px 14px;margin:14px 0}
.note-mode-bar b,.note-mode-bar small{display:block}.note-mode-bar small{color:#6a778d;margin-top:2px}
.note-mode-bar>div:last-child{display:flex;gap:7px}
.note-mode-bar button{border:1px solid #d9e3ee;background:#fff;border-radius:11px;padding:9px 12px;font-weight:700}
.note-mode-bar button.active{background:#6848f5;border-color:#6848f5;color:#fff}
.note-reading-pane{border:1px solid #dce5ef;border-radius:19px;background:#fff;overflow:hidden;margin-bottom:16px}
.reading-pane-label{padding:11px 15px;background:#f5f8fc;border-bottom:1px solid #dce5ef;font-size:.78rem;font-weight:800;letter-spacing:.06em;color:#53617a}
.note-reading-pane .premium-reader-content{max-width:none;margin:0;border:0;box-shadow:none;padding:22px}
.ai-saved-note{border:0!important;background:transparent!important;padding:0!important;margin:0!important}
.ai-saved-note>h2:first-child{display:flex;align-items:center;gap:8px;border-bottom:1px solid #dce4ee;padding-bottom:9px}
.ai-saved-note>h2:first-child:before{content:"🤖"}
.note-html h1,.note-html h2,.note-html h3,.rich-editor h1,.rich-editor h2,.rich-editor h3{color:#132b49;line-height:1.25}
.note-html p,.rich-editor p{line-height:1.72}
.note-html table,.rich-editor table{display:table;width:100%;border-collapse:collapse;margin:16px 0}
.note-html section,.rich-editor section{border-left:4px solid #4978c7;background:#f4f8ff;border-radius:12px;padding:13px 15px;margin:14px 0}
.note-html figure,.rich-editor figure{text-align:center;margin:18px auto}
.note-html figcaption,.rich-editor figcaption{font-size:.82rem;color:#68758b;margin-top:7px}
.admin-note-preview table{width:100%;border-collapse:collapse}.admin-note-preview th,.admin-note-preview td{border:1px solid #d5deea;padding:8px}
@media(max-width:650px){.note-mode-bar{display:block}.note-mode-bar>div:last-child{margin-top:10px}.note-mode-bar button{flex:1}.note-reading-pane .premium-reader-content{padding:15px}.note-html table,.rich-editor table{min-width:460px}.note-reading-pane{overflow-x:auto}}

/* v49 selectable book colors and Knowledge Tree */
.book-row{border-left:4px solid var(--book-color,#3B82F6)!important;background:linear-gradient(90deg,var(--book-soft,#3B82F618),#fff 16%)}
.book-row .book-color-icon{background:var(--book-soft,#3B82F618)!important;color:var(--book-color,#3B82F6);border:1px solid color-mix(in srgb,var(--book-color,#3B82F6) 24%,white)}
.book-row .knowledge-tree-trigger{background:#eef9f1;border-color:#cdebd7;font-size:1.05rem}
.book-row .knowledge-tree-trigger:hover{transform:translateY(-1px);background:#e0f6e7}
.book-color-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:8px}
.book-color-swatch{position:relative;display:flex;align-items:center;gap:8px;border:1px solid #dce4ef;background:#fff;border-radius:13px;padding:9px;cursor:pointer;text-align:left}
.book-color-swatch>span{width:25px;height:25px;border-radius:8px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.book-color-swatch small{font-size:.69rem;color:#53617a}
.book-color-swatch.selected{border-color:var(--swatch);box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch) 18%,transparent)}
.book-color-swatch.selected:after{content:"✓";position:absolute;right:7px;top:5px;color:var(--swatch);font-weight:900}
.knowledge-tree-modal{--tree-color:#3B82F6;--tree-soft:#3B82F618}
.knowledge-tree-head{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;background:linear-gradient(135deg,var(--tree-soft),#f8fbff);border:1px solid #dce6ef;border-left:5px solid var(--tree-color);border-radius:20px;padding:17px}
.tree-book-mark{width:54px;height:54px;border-radius:17px;background:var(--tree-soft);display:grid;place-items:center;font-size:28px}
.knowledge-tree-head small{font-size:.67rem;letter-spacing:.13em;color:var(--tree-color);font-weight:800}
.knowledge-tree-head h2{margin:4px 0}.knowledge-tree-head p{margin:0;color:#66758b}
.tree-overall{text-align:center;background:#fff;border:1px solid #dce5ef;border-radius:15px;padding:10px 15px}.tree-overall b,.tree-overall span{display:block}.tree-overall b{font-size:1.45rem;color:var(--tree-color)}.tree-overall span{font-size:.72rem;color:#66758b}
.tree-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:13px 0}
.tree-summary-grid>div{background:#fff;border:1px solid #dce5ef;border-radius:14px;padding:11px;text-align:center}.tree-summary-grid b,.tree-summary-grid span{display:block}.tree-summary-grid b{font-size:1.25rem}.tree-summary-grid span{font-size:.72rem;color:#6a778b}
.tree-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:12px 0}.tree-toolbar input{min-width:0}
.knowledge-tree-canvas{background:#f8fafc;border:1px solid #dce5ef;border-radius:20px;padding:18px;max-height:560px;overflow:auto}
.tree-root-node{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:min(430px,100%);margin:0 auto 16px;background:#fff;border:2px solid var(--tree-color);border-radius:16px;padding:11px 14px;box-shadow:0 8px 24px rgba(31,52,83,.07)}
.tree-root-node b,.tree-root-node small{display:block}.tree-root-node small{color:#6c788b}.tree-root-node>span{font-weight:900;color:var(--tree-color)}
.tree-node-icon{width:38px;height:38px;border-radius:12px;background:var(--tree-soft);display:grid;place-items:center}
.tree-branches{display:grid;gap:9px}.tree-branch{position:relative;padding-left:25px}.tree-connector{position:absolute;left:7px;top:-10px;bottom:calc(100% - 27px);width:16px;border-left:2px solid #cdd8e5;border-bottom:2px solid #cdd8e5;border-radius:0 0 0 9px}
.tree-node-card{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;background:#fff;border:1px solid #dce5ef;border-left:4px solid #9ca9ba;border-radius:14px;padding:10px 12px;cursor:pointer;transition:.15s ease}
.tree-node-card:hover{transform:translateX(3px);box-shadow:0 8px 24px rgba(28,48,77,.07)}.tree-node-card.done{border-left-color:#10B981}.tree-node-card.working{border-left-color:#EAB308}.tree-node-card.not-started{border-left-color:#94A3B8}
.tree-expand{width:29px;height:29px;border:1px solid #d5dfe9;border-radius:9px;background:#f7f9fc;font-weight:900}.tree-expand:disabled{opacity:.45}
.tree-node-main b,.tree-node-main small{display:block}.tree-node-main small{color:#6c788b;font-size:.71rem;margin:3px 0 7px}.tree-node-card>strong{font-size:.82rem}
.tree-node-progress{height:6px;background:#eaf0f6;border-radius:99px;overflow:hidden}.tree-node-progress span{display:block;height:100%;background:var(--tree-color);border-radius:inherit}
.tree-children{display:grid;gap:8px;margin-top:8px;margin-left:17px}.tree-empty{text-align:center;padding:28px;color:#6e7b90}
.tree-detail-card{text-align:center}.tree-detail-icon{width:60px;height:60px;border-radius:19px;background:#eef5ff;display:grid;place-items:center;font-size:31px;margin:0 auto 10px}
.tree-detail-card>small{font-size:.68rem;letter-spacing:.12em;color:#61718a}.tree-detail-card h2{margin:5px 0 14px}
.tree-detail-progress{height:10px;border-radius:99px;background:#e8eef5;overflow:hidden;margin:0 auto 8px;max-width:520px}.tree-detail-progress span{display:block;height:100%;background:#6848f5}
.tree-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0}.tree-detail-grid>div{border:1px solid #dce5ef;border-radius:13px;padding:11px}.tree-detail-grid strong,.tree-detail-grid span{display:block}.tree-detail-grid strong{font-size:1.18rem}.tree-detail-grid span{font-size:.7rem;color:#68758a}
@media(max-width:850px){.book-color-picker{grid-template-columns:repeat(2,1fr)}.knowledge-tree-head{grid-template-columns:48px 1fr}.tree-overall{grid-column:1/-1;display:flex;justify-content:center;gap:8px}.tree-summary-grid{grid-template-columns:repeat(2,1fr)}.tree-toolbar{grid-template-columns:1fr 1fr}.tree-toolbar input{grid-column:1/-1}.tree-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.book-color-picker{grid-template-columns:1fr 1fr}.book-color-swatch small{font-size:.63rem}.knowledge-tree-canvas{padding:11px}.tree-branch{padding-left:15px}.tree-children{margin-left:7px}.tree-node-card{grid-template-columns:30px 1fr}.tree-node-card>strong{grid-column:2}.knowledge-tree-head{padding:13px}.tree-summary-grid{gap:6px}}

/* v50 restore compact book row and radial mind tree */
.book-row{grid-template-columns:36px 44px minmax(0,1fr) auto!important;align-items:center!important}
.book-row .knowledge-tree-trigger{display:none!important}
.book-title-inline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.inline-mind-tree-btn{width:34px;height:34px;border:1px solid #cce8d5;border-radius:10px;background:#eef9f1;display:inline-grid;place-items:center;padding:0;font-size:1rem;cursor:pointer;vertical-align:middle}
.inline-mind-tree-btn:hover{background:#ddf3e5;transform:translateY(-1px)}
.radial-mind-modal{min-height:0}
.radial-mind-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.radial-mind-header small{font-size:.68rem;letter-spacing:.13em;color:#168260;font-weight:800}
.radial-mind-header h2{margin:4px 0}.radial-mind-header p{margin:0;color:#68758a}
.radial-mind-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.radial-mind-stats span{min-width:82px;background:#f7f9fc;border:1px solid #dce5ef;border-radius:13px;padding:9px;text-align:center;font-size:.7rem;color:#68758a}
.radial-mind-stats b{display:block;font-size:1.1rem;color:#173153}
.radial-mind-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) repeat(5,auto);gap:7px;margin-bottom:10px}
.radial-mind-toolbar button{border:1px solid #d8e2ed;background:#fff;border-radius:10px;padding:8px 11px;font-weight:700}
.radial-mind-viewport{height:min(68vh,680px);min-height:460px;border:1px solid #d9e3ed;border-radius:20px;background:
radial-gradient(circle at 50% 50%,rgba(255,255,255,.96),rgba(246,249,252,.96)),
linear-gradient(#e9eef5 1px,transparent 1px),linear-gradient(90deg,#e9eef5 1px,transparent 1px);
background-size:auto,28px 28px,28px 28px;overflow:hidden;touch-action:none;cursor:grab;position:relative}
.radial-mind-viewport:active{cursor:grabbing}
.radial-mind-viewport:fullscreen{background:#f7f9fc;padding:10px}
.radial-mind-svg{width:100%;height:100%;display:block;user-select:none}
.mind-root{cursor:pointer}.mind-root-title{font-size:21px;font-weight:800;fill:#142b48}.mind-root-progress{font-size:13px;font-weight:700;fill:#607087}
.mind-node{cursor:pointer;filter:drop-shadow(0 4px 6px rgba(31,48,76,.09));transition:.15s ease}
.mind-node:hover{filter:drop-shadow(0 7px 10px rgba(31,48,76,.17))}
.mind-node-text{font-size:13px;font-weight:700;fill:#172c48}.mind-progress-text{font-size:10px;font-weight:800;fill:#607087}
.mind-sub-label .mind-node-text{font-size:12px}.mind-child-label .mind-node-text{font-size:11px}
.mind-search-match rect:first-of-type{stroke-width:6!important;filter:drop-shadow(0 0 8px #f59e0b)}
.mind-empty-text{font-size:18px;fill:#7a8799}
@media(max-width:900px){
 .book-row{grid-template-columns:36px 44px minmax(0,1fr)!important}
 .book-row .actions{grid-column:1/-1!important;margin-left:0!important;justify-content:flex-start!important}
 .radial-mind-header{display:block}.radial-mind-stats{justify-content:flex-start;margin-top:10px}
 .radial-mind-toolbar{grid-template-columns:1fr repeat(3,auto)}.radial-mind-toolbar input{grid-column:1/-1}
 .radial-mind-viewport{height:68vh;min-height:430px}
}
@media(max-width:560px){
 .inline-mind-tree-btn{width:31px;height:31px}
 .radial-mind-toolbar{grid-template-columns:repeat(3,1fr)}.radial-mind-toolbar input{grid-column:1/-1}.radial-mind-toolbar button{padding:8px 5px}
 .radial-mind-viewport{height:72vh;min-height:410px;border-radius:14px}
 .radial-mind-stats span{min-width:72px}
}

/* v51 book color visibility fix */
.book-row{
  border-left-color:var(--book-color,#3B82F6)!important;
  background:linear-gradient(90deg,var(--book-soft,#3B82F618) 0,#fff 18%)!important;
}
.book-color-icon{
  position:relative;
  overflow:hidden;
  background:var(--book-soft,#3B82F618)!important;
  border:1px solid var(--book-color,#3B82F6)!important;
}
.dynamic-book-glyph{
  position:relative;
  display:block;
  width:22px;
  height:26px;
  border-radius:3px 5px 5px 3px;
  background:var(--book-color,#3B82F6);
  box-shadow:inset -4px 0 0 rgba(255,255,255,.22),0 2px 5px rgba(20,39,70,.16);
}
.dynamic-book-glyph:before{
  content:"";
  position:absolute;
  left:3px;
  top:2px;
  bottom:2px;
  width:2px;
  border-radius:2px;
  background:rgba(255,255,255,.72);
}
.dynamic-book-glyph:after{
  content:"";
  position:absolute;
  left:5px;
  right:4px;
  bottom:4px;
  height:2px;
  border-radius:2px;
  background:rgba(255,255,255,.65);
}
.dynamic-book-glyph i{
  position:absolute;
  left:-2px;
  bottom:-2px;
  width:24px;
  height:4px;
  border-radius:0 0 4px 4px;
  background:var(--book-color,#3B82F6);
  filter:brightness(.82);
}
.inline-mind-tree-btn{
  color:var(--book-color,#3B82F6)!important;
  border-color:var(--book-color,#3B82F6)!important;
  background:var(--book-soft,#3B82F618)!important;
}
.inline-mind-tree-btn:hover{
  background:var(--book-color,#3B82F6)!important;
  color:#fff!important;
}
.dynamic-tree-glyph{
  font-size:1.15rem;
  line-height:1;
  font-weight:900;
  transform:rotate(180deg);
}
.book-row .progress{
  position:relative;
  box-shadow:inset 0 0 0 1px var(--book-soft,#3B82F618);
}
.book-row .progress .bar{
  background:var(--book-color,#3B82F6)!important;
  min-width:0;
}
.book-row .pct{
  display:flex;
  align-items:center;
  gap:5px;
}
.book-color-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--book-color,#3B82F6);
  box-shadow:0 0 0 3px var(--book-soft,#3B82F618);
}
.book-color-swatch>span{
  background:var(--swatch)!important;
}
.book-color-swatch.selected{
  border-color:var(--swatch)!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.10);
}

/* v52 MyAIStudySpace full brand refresh */
:root{
 --ai-navy:#071a4b;
 --ai-blue:#2557e8;
 --ai-purple:#7c2ce3;
 --ai-cyan:#09bfc7;
 --ai-teal:#10b8aa;
 --ai-pink:#e83e8c;
 --ai-soft:#f3f6ff;
 --ai-border:#dce5f3;
 --ai-shadow:0 22px 65px rgba(31,57,111,.13);
}
body{background:linear-gradient(180deg,#f7f9ff 0,#eef4ff 100%);color:#0b1d3c}
a{color:var(--ai-blue)}
.primary,.new{background:linear-gradient(135deg,var(--ai-blue),var(--ai-purple) 58%,var(--ai-cyan));box-shadow:0 10px 24px rgba(84,57,220,.20)}
.btn{transition:.18s ease}.btn:hover,.primary:hover,.new:hover{transform:translateY(-1px)}
.panel,.premium-panel,.auth-card,.modal-card{border-color:var(--ai-border);box-shadow:var(--ai-shadow)}
.sidebar,.premium-sidebar{background:rgba(251,253,255,.96);backdrop-filter:blur(14px)}
.nav.active,.nav:hover{background:linear-gradient(90deg,#edf2ff,#f2fbfb);color:#17387b}
.avatar{background:linear-gradient(135deg,var(--ai-purple),var(--ai-blue),var(--ai-cyan))}
.ai-sidebar-brand{display:block!important;text-align:center;padding:8px 8px 18px!important;border-bottom:1px solid #e2e9f5;margin-bottom:14px}
.ai-sidebar-logo{display:block;width:100%;max-width:235px;height:96px;object-fit:contain;margin:0 auto -5px}
.ai-sidebar-brand small{font-size:.67rem;letter-spacing:.06em;color:#60708b}
.premium-topbar{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(242,247,255,.96));border:1px solid #dfe7f4;border-radius:23px;padding:18px 20px;box-shadow:0 12px 34px rgba(38,61,108,.08)}
.page-eyebrow{color:var(--ai-purple)!important;letter-spacing:.14em}
.premium-stats>div{background:linear-gradient(145deg,#fff,#f7faff);border-color:#dee7f3}
.stat-icon{background:linear-gradient(135deg,#eef2ff,#e8fcfb)!important}
.brand-image-mark img,.reader-logo-brand img,.assessment-brand img{object-fit:contain}
.reader-logo-brand img,.assessment-brand img{background:#fff;border-radius:12px;padding:2px}
.auth-bg{background:
 radial-gradient(circle at 12% 15%,rgba(124,44,227,.15),transparent 30%),
 radial-gradient(circle at 88% 80%,rgba(9,191,199,.17),transparent 31%),
 linear-gradient(135deg,#eef2ff,#fbfdff 48%,#effdfb)}
.auth-card{width:min(470px,94vw);padding:32px;border-radius:30px}
.ai-auth-logo{display:flex!important;justify-content:center;margin-bottom:0}
.ai-auth-logo img{width:min(355px,90%);height:170px;object-fit:contain;margin:-28px auto -30px}
.website-return-btn{background:rgba(255,255,255,.86)!important;border:1px solid #dfe7f4!important;backdrop-filter:blur(9px)}
/* Landing brand */
.landing-body{background:#fff}
.landing-nav{background:rgba(255,255,255,.91)!important;backdrop-filter:blur(16px);border-bottom:1px solid #e5eaf5;box-shadow:0 8px 30px rgba(31,58,111,.06)}
.new-ai-brand{width:270px;height:78px;overflow:hidden}
.new-ai-brand img{width:100%;height:100%;object-fit:contain}
.hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 8% 12%,rgba(124,44,227,.14),transparent 31%),
 radial-gradient(circle at 88% 18%,rgba(9,191,199,.16),transparent 31%),
 linear-gradient(135deg,#fbfcff,#f4f7ff 52%,#f1fffd)!important}
.hero:before{content:"";position:absolute;inset:auto -180px -240px auto;width:520px;height:520px;border-radius:50%;border:70px solid rgba(37,87,232,.04)}
.hero-copy{position:relative;z-index:2}
.hero-brand-lockup{width:min(560px,100%);height:250px;object-fit:contain;object-position:left center;margin:-42px 0 -40px}
.hero-copy h1{background:linear-gradient(95deg,var(--ai-navy),var(--ai-purple),var(--ai-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-pill{background:linear-gradient(90deg,#eef1ff,#eafffc)!important;color:#294788!important;border:1px solid #dce5f4!important}
.hero-primary{background:linear-gradient(135deg,var(--ai-blue),var(--ai-purple),var(--ai-cyan))!important;box-shadow:0 16px 38px rgba(81,57,214,.25)}
.hero-secondary{border-color:#cfdaf0!important;color:#183b7a!important;background:#fff!important}
.hero-trust{display:flex;gap:9px;flex-wrap:wrap}.hero-trust span{background:#fff;border:1px solid #dfe7f4;border-radius:99px;padding:7px 11px;box-shadow:0 7px 18px rgba(34,61,112,.05)}
.hero-dashboard{border:1px solid #dbe4f2!important;box-shadow:0 28px 80px rgba(34,54,100,.19)!important}
.mock-grid aside{background:linear-gradient(180deg,#071a4b,#182d6b)!important}.mock-grid aside b{display:flex;align-items:center;gap:7px}.mock-brand-mark{width:34px;height:34px;object-fit:contain;border-radius:9px;background:#fff}
.feature-grid article,.role-cards article,.price-card{border-color:#dfe6f2!important;box-shadow:0 13px 35px rgba(33,58,105,.07);transition:.2s ease}
.feature-grid article:hover,.role-cards article:hover,.price-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(33,58,105,.12)}
.feature-grid article i{background:linear-gradient(135deg,#eef1ff,#eafffc)!important}
.section-heading span{color:var(--ai-purple)!important}
.popular{border-color:#8b5cf6!important}.popular-label{background:linear-gradient(90deg,var(--ai-purple),var(--ai-blue),var(--ai-cyan))!important}
.founder-monogram-panel{background:linear-gradient(145deg,var(--ai-navy),var(--ai-purple),var(--ai-cyan))!important}
.final-cta{background:linear-gradient(120deg,var(--ai-navy),var(--ai-purple),var(--ai-cyan))!important}
.footer-brand img{width:230px!important;height:90px!important;object-fit:contain!important}
.landing-footer{background:#061538!important;color:#fff!important}
.landing-footer span,.landing-footer small{color:#c8d5f0!important}
.whatsapp-float{box-shadow:0 15px 35px rgba(13,139,89,.25)!important}
/* Rebrand AI components */
.smart-result-head span,.ai-tools b,.ai-reader-hero .reader-breadcrumb{color:var(--ai-purple)!important}
.ai-tools{background:linear-gradient(135deg,#f2efff,#ecfffd)!important;border-color:#dcd8f6!important}
.btn.ai,.ai-choice{background:linear-gradient(135deg,var(--ai-purple),var(--ai-blue),var(--ai-cyan))!important;color:#fff!important}
@media(max-width:800px){
 .ai-sidebar-logo{height:86px;max-width:250px}
 .new-ai-brand{width:210px;height:64px}
 .hero-brand-lockup{height:190px;margin:-28px 0 -28px}
 .hero-trust{gap:6px}
}
@media(max-width:520px){
 .hero-brand-lockup{height:160px}
 .ai-auth-logo img{height:145px}
 .footer-brand img{width:190px!important}
}

/* v53 supplied green-orange logo, refined homepage sizing and pricing */
:root{
 --v53-navy:#071a4b;
 --v53-blue:#087dbd;
 --v53-green:#24a83b;
 --v53-lime:#7ac52e;
 --v53-orange:#ff8400;
 --v53-teal:#08a99f;
 --v53-soft:#f5fbf6;
}
.new-ai-brand{
 width:245px!important;
 height:66px!important;
 display:flex!important;
 align-items:center!important;
 overflow:hidden!important;
}
.new-ai-brand img{
 width:100%!important;
 height:100%!important;
 object-fit:contain!important;
 object-position:left center!important;
}
.hero-brand-lockup.compact-hero-logo{
 width:min(470px,100%)!important;
 height:112px!important;
 object-fit:contain!important;
 object-position:left center!important;
 margin:4px 0 2px!important;
}
.ai-sidebar-logo{
 height:78px!important;
 max-width:230px!important;
 object-fit:contain!important;
}
.ai-auth-logo img{
 height:128px!important;
 width:min(345px,90%)!important;
 margin:-12px auto -16px!important;
 object-fit:contain!important;
}
.footer-brand img{
 width:245px!important;
 height:76px!important;
 object-fit:contain!important;
}
.hero{
 background:
 radial-gradient(circle at 10% 12%,rgba(255,132,0,.12),transparent 30%),
 radial-gradient(circle at 88% 18%,rgba(36,168,59,.13),transparent 30%),
 linear-gradient(135deg,#fffdf8,#f7fbff 52%,#f3fcf5)!important;
}
.hero-copy h1{
 background:linear-gradient(95deg,var(--v53-navy),var(--v53-orange),var(--v53-green));
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent;
}
.hero-pill{
 background:linear-gradient(90deg,#fff4e7,#eefbed)!important;
 color:#18563a!important;
 border-color:#dbeed8!important;
}
.hero-primary,.primary,.new,.popular-label,.final-cta{
 background:linear-gradient(135deg,var(--v53-orange),var(--v53-green),var(--v53-teal))!important;
}
.section-heading span,.page-eyebrow,.smart-result-head span,.ai-tools b{
 color:var(--v53-green)!important;
}
.feature-grid article i,.stat-icon{
 background:linear-gradient(135deg,#fff3e5,#ecfaeb)!important;
}
.founder-monogram-panel{
 background:linear-gradient(145deg,var(--v53-navy),var(--v53-green),var(--v53-orange))!important;
}
.nav.active,.nav:hover{
 background:linear-gradient(90deg,#fff4e8,#edf9ee)!important;
 color:#174d35!important;
}
.avatar{
 background:linear-gradient(135deg,var(--v53-orange),var(--v53-green),var(--v53-blue))!important;
}
.price-card.popular{
 border-color:#48b84e!important;
 box-shadow:0 20px 50px rgba(36,168,59,.13)!important;
}
.price-card .price b{
 color:var(--v53-navy);
}
.mock-grid aside{
 background:linear-gradient(180deg,var(--v53-navy),#084b65)!important;
}
.ai-tools{
 background:linear-gradient(135deg,#fff4e9,#eefbee)!important;
 border-color:#dbeed8!important;
}
.btn.ai,.ai-choice{
 background:linear-gradient(135deg,var(--v53-orange),var(--v53-green),var(--v53-teal))!important;
}
@media(max-width:800px){
 .new-ai-brand{width:205px!important;height:58px!important}
 .hero-brand-lockup.compact-hero-logo{height:94px!important;width:min(400px,100%)!important}
 .ai-sidebar-logo{height:72px!important}
}
@media(max-width:520px){
 .hero-brand-lockup.compact-hero-logo{height:82px!important;margin:6px 0!important}
 .ai-auth-logo img{height:110px!important}
 .footer-brand img{width:210px!important}
}

/* v54 Smart Learning Engine */
.note-command-dock{position:sticky;top:8px;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(90deg,#fff5e8,#eefbed);border:1px solid #dce9d8;border-radius:17px;padding:11px 13px;margin:13px 0;box-shadow:0 10px 28px rgba(28,58,78,.10)}
.dock-ai-copy{display:flex;align-items:center;gap:10px;min-width:220px}.dock-ai-copy>span{font-size:1.55rem}.dock-ai-copy b,.dock-ai-copy small{display:block}.dock-ai-copy b{color:#15913a}.dock-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.dock-actions .btn{padding:9px 12px;border-radius:12px}.smart-pack-btn{background:linear-gradient(135deg,#7c2ce3,#2557e8);color:#fff}.image-find-btn{background:#eaf7ff;color:#1267a5}
.study-mode-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0 13px;padding:9px 11px;background:#f8faff;border:1px solid #dfe7f3;border-radius:14px}.study-mode-strip b{margin-right:4px;color:#52617a}.study-mode-strip button{border:1px solid #d9e3ef;background:#fff;border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer}
.visual-source-tabs{display:flex;gap:7px;margin:12px 0}.visual-source-tabs button{border:1px solid #dce5ef;background:#f8faff;border-radius:11px;padding:9px 13px;font-weight:700}.visual-source-tabs button.active{background:#6848f5;color:#fff}
.visual-search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.visual-search-row button{border:0;border-radius:12px;background:linear-gradient(135deg,#ff8400,#24a83b);color:#fff;padding:0 17px;font-weight:800}
.visual-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:520px;overflow:auto;margin-top:12px}.visual-result-card{border:1px solid #dce5ef;border-radius:15px;overflow:hidden;background:#fff}.visual-result-card img{width:100%;height:150px;object-fit:contain;background:#f7f9fc}.visual-result-card>div{padding:9px}.visual-result-card b,.visual-result-card small{display:block}.visual-result-card button{width:100%;margin-top:8px;border:0;border-radius:9px;padding:8px;background:#eef4ff;color:#234e93;font-weight:700}
.visual-placeholder{text-align:center;padding:40px;color:#6b788d}.visual-upload-box{border:2px dashed #cdd9e8;border-radius:18px;padding:35px;text-align:center;cursor:pointer;background:#f9fbfe}.visual-upload-box span,.visual-upload-box b,.visual-upload-box small{display:block}.visual-upload-box span{font-size:2rem}.visual-upload-preview{max-width:100%;max-height:300px;display:block;margin:12px auto;border-radius:14px}
.smarttutor-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.note-figure img{max-height:620px;object-fit:contain}
@media(max-width:900px){.note-command-dock{position:relative;top:auto;display:block}.dock-actions{justify-content:flex-start;margin-top:9px}.visual-results{grid-template-columns:repeat(2,1fr)}.smarttutor-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.dock-actions .btn{flex:1 1 calc(50% - 6px)}.visual-results{grid-template-columns:1fr}.visual-search-row{grid-template-columns:1fr}.visual-search-row button{padding:10px}.study-mode-strip button{flex:1 1 calc(50% - 6px)}}

/* v55 Unified Advanced AI Tutor */
.unified-ai-shell{min-height:0}
.unified-ai-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;margin-top:14px}
.ai-task-panel{border:1px solid #dce5ef;border-radius:18px;background:#f8fafc;padding:12px;max-height:690px;overflow:auto}
.ai-task-panel h3{margin:2px 0 10px}.ai-task-grid{display:grid;gap:7px}
.ai-task-grid button{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;text-align:left;border:1px solid #dce5ef;background:#fff;border-radius:12px;padding:9px;cursor:pointer}
.ai-task-grid button>span{font-size:1.25rem}.ai-task-grid button b,.ai-task-grid button small{display:block}.ai-task-grid button small{font-size:.68rem;margin-top:2px}.ai-task-grid button.active{border-color:#6848f5;background:linear-gradient(135deg,#f1edff,#effafa);box-shadow:0 0 0 2px rgba(104,72,245,.10)}
.ai-config-panel{min-width:0}.ai-current-task{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#fff5e9,#eefbed);border:1px solid #dce9d8;border-radius:16px;padding:12px}.ai-current-task>span{font-size:2rem}.ai-current-task small,.ai-current-task h3,.ai-current-task p{margin:0}.ai-current-task small{font-size:.65rem;letter-spacing:.11em;color:#17823a}
.ai-prompt-label{display:block;font-weight:800;margin:13px 0}.ai-prompt-label textarea{display:block;margin-top:7px}
.unified-ai-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.unified-ai-settings label{font-size:.72rem;font-weight:800;color:#53617a}.unified-ai-settings select{display:block;margin-top:5px}
.ai-include-options{border:1px solid #dce5ef;border-radius:15px;padding:12px;margin:13px 0;display:flex;gap:10px;flex-wrap:wrap}.ai-include-options legend{font-weight:800;color:#53617a;padding:0 6px}.ai-include-options label{font-size:.73rem;background:#f8fafc;border:1px solid #e1e7ef;border-radius:9px;padding:6px 8px}.ai-include-options input{width:auto}
.ai-media-section{display:flex;gap:8px;margin-bottom:12px}.unified-quiz-ready{text-align:center;padding:30px}.unified-quiz-ready>span{font-size:2.2rem}.unified-quiz-ready .btn{display:inline-block;text-decoration:none;margin-top:10px}
.note-command-dock .dock-actions{flex-wrap:nowrap}.note-command-dock .dock-actions .btn{white-space:nowrap}
@media(max-width:1050px){.unified-ai-layout{grid-template-columns:240px minmax(0,1fr)}.unified-ai-settings{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.unified-ai-layout{grid-template-columns:1fr}.ai-task-panel{max-height:none}.ai-task-grid{grid-template-columns:repeat(2,1fr)}.note-command-dock .dock-actions{flex-wrap:wrap}}
@media(max-width:540px){.ai-task-grid,.unified-ai-settings{grid-template-columns:1fr}.ai-media-section{display:grid}.ai-include-options{display:grid;grid-template-columns:repeat(2,1fr)}}

/* v56 duplicate command-bar fix and automatic AI topic images */
.note-command-dock + .dock-actions{display:none!important}
.auto-image-loading{display:flex;align-items:center;gap:10px;background:#f6f9ff;border:1px solid #dce5ef;border-radius:14px;padding:13px;margin:12px 0}.auto-image-loading>span{width:24px;height:24px;border:3px solid #dce5ef;border-top-color:#6848f5;border-radius:50%;animation:uispin .85s linear infinite}.auto-image-loading b,.auto-image-loading small{display:block}
.auto-image-note{background:#fff8e9;border:1px solid #f0dfb7;border-radius:13px;padding:12px;color:#735321;margin:12px 0}
.automatic-visual-section{margin:15px 0;border:1px solid #dce6ef;border-radius:18px;background:#fff;padding:13px}
.automatic-visual-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.automatic-visual-head small{font-size:.67rem;letter-spacing:.11em;color:#17823a}.automatic-visual-head h3{margin:3px 0}
.automatic-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.automatic-visual-card{margin:0;border:1px solid #dce5ef;border-radius:14px;overflow:hidden;background:#f9fbfd}.automatic-visual-card img{display:block;width:100%;height:190px;object-fit:contain;background:#fff}.automatic-visual-card figcaption{padding:9px}.automatic-visual-card b,.automatic-visual-card small{display:block}.automatic-visual-card small{margin-top:3px;font-size:.68rem}.automatic-visual-card button{margin-top:7px;border:0;border-radius:8px;padding:6px 9px;background:#fff0f0;color:#b42318;font-weight:700}
.ai-topic-visuals{border-left:0!important;background:transparent!important;padding:0!important}.ai-topic-visuals .note-figure{margin:18px 0}
@media(max-width:820px){.automatic-visual-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.automatic-visual-grid{grid-template-columns:1fr}.automatic-visual-card img{height:220px}}

/* v57 top AI command bar and reliable note-image rendering */
.note-mode-bar{margin-bottom:8px}
.note-mode-bar + .note-command-dock{margin-top:0}
.note-command-dock{position:sticky;top:6px;z-index:30}
.rich-editor figure,.note-reading-pane figure,.premium-reader-content figure,.teacher-note-reader figure{position:relative;max-width:100%;margin:18px auto;text-align:center}
.rich-editor figure[data-align="left"],.note-reading-pane figure[data-align="left"]{text-align:left}
.rich-editor figure[data-align="right"],.note-reading-pane figure[data-align="right"]{text-align:right}
.rich-editor img,.note-reading-pane img,.premium-reader-content img,.teacher-note-reader img,.admin-note-preview img{
 display:inline-block!important;
 max-width:100%!important;
 width:auto;
 height:auto!important;
 object-fit:contain;
 border-radius:14px;
 border:1px solid #dbe5ef;
 background:#fff;
 box-shadow:0 8px 24px rgba(31,52,83,.08);
}
.rich-editor img[src=""],.note-reading-pane img[src=""]{display:none!important}
.rich-editor img.selected-note-image{outline:3px solid #4f7df3;outline-offset:3px}
.floating-image-tools{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;width:max-content;max-width:100%;margin:8px auto 0;padding:6px;background:#fff;border:1px solid #dce5ef;border-radius:11px;box-shadow:0 8px 22px rgba(25,48,79,.12)}
.floating-image-tools button{border:1px solid #dce5ef;background:#f8fafc;border-radius:8px;padding:6px 9px;font-weight:700;cursor:pointer}
.floating-image-tools button.danger{background:#fff0f0;color:#b42318}
.note-figure figcaption{display:block;margin-top:8px;color:#68758b;font-size:.78rem;line-height:1.45}
@media(max-width:820px){
 .note-command-dock{top:4px}
 .note-mode-bar + .note-command-dock .dock-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .note-mode-bar + .note-command-dock .dock-actions .btn{width:100%}
}

/* v58 hide note toolbar while any modal is open */
body.modal-open .note-command-dock{display:none!important}
body.modal-open{overflow:hidden}

/* v59 image-inclusive AI patch and overflow protection */
.smart-ai-output,.premium-reader-content,.note-html,.rich-editor,.ai-output{
 max-width:100%;
 min-width:0;
 overflow-wrap:anywhere;
 word-break:break-word;
}
.smart-ai-output pre,.smart-ai-output code,.premium-reader-content pre,.premium-reader-content code,
.note-html pre,.note-html code,.rich-editor pre,.rich-editor code{
 white-space:pre-wrap!important;
 overflow-wrap:anywhere;
 word-break:break-word;
 max-width:100%;
}
.smart-ai-output table,.premium-reader-content table,.note-html table,.rich-editor table{
 display:block;
 width:100%;
 max-width:100%;
 overflow-x:auto;
}
.smart-ai-output img,.automatic-visual-section img,.ai-topic-visuals img{
 max-width:100%!important;
 height:auto!important;
 object-fit:contain;
}
.auto-image-loading>div b,.auto-image-loading>div small{display:block}

/* v60 actual images embedded beside related explanations */
.ai-inline-explanation-image{
 display:block;
 width:min(760px,96%);
 margin:20px auto 26px!important;
 padding:12px;
 border:1px solid #d8e3ef;
 border-radius:18px;
 background:linear-gradient(145deg,#fff,#f8fbff);
 box-shadow:0 14px 34px rgba(28,49,82,.10);
 text-align:center;
}
.ai-inline-explanation-image img{
 display:block;
 max-width:100%!important;
 max-height:520px;
 width:100%;
 height:auto!important;
 margin:0 auto;
 object-fit:contain;
 border:0!important;
 box-shadow:none!important;
 background:#fff;
}
.ai-inline-explanation-image figcaption{
 padding:10px 5px 2px;
 color:#58677d;
}
.ai-inline-explanation-image figcaption b,
.ai-inline-explanation-image figcaption small{display:block}
.ai-inline-explanation-image figcaption b{color:#152c4b;font-size:.94rem}
.ai-inline-explanation-image figcaption small{margin-top:4px;font-size:.69rem}
.ai-inline-explanation-image figcaption button{
 margin-top:8px;
 border:1px solid #f0cccc;
 border-radius:9px;
 padding:6px 10px;
 background:#fff2f2;
 color:#b42318;
 font-weight:700;
 cursor:pointer;
}
.inline-visual-success{
 display:flex;
 align-items:center;
 gap:10px;
 margin:13px 0;
 padding:11px 13px;
 border:1px solid #cce8d5;
 border-radius:14px;
 background:#effaf2;
}
.inline-visual-success>span{
 display:grid;
 place-items:center;
 width:30px;height:30px;
 border-radius:50%;
 background:#25a845;color:#fff;font-weight:900;
}
.inline-visual-success>div{flex:1}
.inline-visual-success b,.inline-visual-success small{display:block}
@media(max-width:600px){
 .ai-inline-explanation-image{width:100%;padding:8px;margin:14px 0 20px!important}
 .ai-inline-explanation-image img{max-height:390px}
 .inline-visual-success{align-items:flex-start;flex-wrap:wrap}
}

/* v61 direct AI image generation */
.auto-image-loading{min-height:82px}
.ai-inline-explanation-image figcaption small{max-width:720px;margin-left:auto;margin-right:auto}

/* v62 reader images + note resize controls */
.premium-reader-content figure.note-figure,.note-html figure.note-figure{
 display:block;width:min(820px,100%);margin:24px auto 30px;padding:14px;
 border:1px solid #d8e3ef;border-radius:18px;background:#fff;
 box-shadow:0 12px 30px rgba(31,52,81,.10);text-align:center;
}
.premium-reader-content figure[data-align="left"],.note-html figure[data-align="left"]{margin-left:0;margin-right:auto;text-align:left}
.premium-reader-content figure[data-align="right"],.note-html figure[data-align="right"]{margin-left:auto;margin-right:0;text-align:right}
.premium-reader-content figure img,.note-html figure img{display:block;max-width:100%!important;height:auto!important;margin:0 auto;object-fit:contain}
.premium-reader-content figure[data-align="left"] img,.note-html figure[data-align="left"] img{margin-left:0;margin-right:auto}
.premium-reader-content figure[data-align="right"] img,.note-html figure[data-align="right"] img{margin-left:auto;margin-right:0}
.premium-reader-content figure figcaption,.note-html figure figcaption{display:block;padding:11px 6px 2px;font-size:.86rem;line-height:1.45;color:#5d6b7c}
.premium-reader-content figure figcaption b,.premium-reader-content figure figcaption small,.note-html figure figcaption b,.note-html figure figcaption small{display:block}
.rich-editor .note-figure{position:relative}
.rich-editor img.selected-note-image{outline:3px solid #2563eb;outline-offset:4px;border-radius:10px}
.floating-image-tools{position:relative;z-index:5;margin:12px auto 4px;padding:10px;border:1px solid #bfd0e5;border-radius:13px;background:#f5f9ff;box-shadow:0 8px 20px rgba(26,55,91,.12)}
.image-tool-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.image-tool-row button{padding:7px 10px;border:1px solid #c9d6e6;border-radius:8px;background:#fff;cursor:pointer;font-weight:700}
.image-tool-row button.danger{border-color:#efc2c2;background:#fff1f1;color:#b42318}
.image-resize-row{display:grid;grid-template-columns:auto 1fr 48px;align-items:center;gap:10px;margin-top:10px}
.image-resize-row input[type="range"]{width:100%}
.image-resize-row output{font-weight:800;color:#1e3a5f;text-align:right}
@media(max-width:600px){
 .premium-reader-content figure.note-figure,.note-html figure.note-figure{padding:8px;margin:16px 0 22px}
 .image-resize-row{grid-template-columns:1fr 46px}
 .image-resize-row span{grid-column:1/-1}
}

/* v63 real visuals, working resize and premium logo */
.rich-editor figure.note-figure,
.rich-editor figure.ai-inline-explanation-image{
 transition:width .18s ease,max-width .18s ease;
}
.rich-editor figure[data-width] img,
.note-html figure[data-width] img,
.premium-reader-content figure[data-width] img{
 width:100%!important;
 max-width:100%!important;
}
.rich-editor figure[data-width="40"]{width:40%!important;max-width:40%!important}
.rich-editor figure[data-width="60"]{width:60%!important;max-width:60%!important}
.rich-editor figure[data-width="80"]{width:80%!important;max-width:80%!important}
.rich-editor figure[data-width="100"]{width:100%!important;max-width:100%!important}
.branded-premium-topbar{
 display:grid!important;
 grid-template-columns:minmax(230px,360px) minmax(220px,1fr) auto;
 align-items:center!important;
 gap:22px!important;
 background:
   radial-gradient(circle at 8% 20%,rgba(255,132,0,.12),transparent 28%),
   radial-gradient(circle at 85% 22%,rgba(36,168,59,.12),transparent 28%),
   linear-gradient(135deg,#fffdf8,#f8fbff 52%,#f4fcf6)!important;
 border:1px solid #dfe9df!important;
}
.premium-topbar-brand{
 display:flex;
 align-items:center;
 min-width:0;
}
.premium-topbar-brand img{
 display:block;
 width:min(100%,340px);
 height:72px;
 object-fit:contain;
 object-position:left center;
 filter:drop-shadow(0 7px 15px rgba(9,35,75,.08));
}
.premium-topbar-copy{min-width:0}
.premium-topbar-copy h1{margin-top:2px}
.ai-sidebar-brand{
 background:linear-gradient(145deg,#fffdf8,#f7fbff)!important;
 border:1px solid #e4eadf!important;
 border-radius:18px!important;
 padding:12px 10px 16px!important;
 margin:4px 4px 16px!important;
 box-shadow:0 10px 26px rgba(30,54,82,.08);
}
.ai-sidebar-logo{
 width:100%!important;
 max-width:245px!important;
 height:72px!important;
 object-fit:contain!important;
}
.ai-sidebar-brand small{
 display:block;
 margin-top:2px;
 color:#0f6b35!important;
 font-weight:800;
 letter-spacing:.04em!important;
}
@media(max-width:1100px){
 .branded-premium-topbar{grid-template-columns:1fr auto}
 .premium-topbar-brand{grid-column:1/-1}
 .premium-topbar-brand img{height:64px;width:min(100%,310px)}
}
@media(max-width:800px){
 .branded-premium-topbar{display:block!important}
 .premium-topbar-brand{margin-bottom:12px}
 .premium-topbar-brand img{height:58px}
 .premium-top-actions{margin-top:14px}
}
@media(max-width:600px){
 .rich-editor figure[data-width],
 .note-html figure[data-width],
 .premium-reader-content figure[data-width]{
   max-width:100%!important;
 }
}

/* v64 twenty saved reader colours */
.premium-reading-body[data-theme="ivory"]{--reader-bg:#f4f1e8;--reader-surface:#fffef8;--reader-text:#2f302b;--reader-muted:#706e64;--reader-line:#e2ddcf;--reader-accent:#8b6f3d}
.premium-reading-body[data-theme="cream"]{--reader-bg:#f7efe0;--reader-surface:#fff9ed;--reader-text:#352f27;--reader-muted:#776b5b;--reader-line:#eadbc4;--reader-accent:#a86d2a}
.premium-reading-body[data-theme="sand"]{--reader-bg:#e9dfcf;--reader-surface:#f8f0e4;--reader-text:#332d27;--reader-muted:#75695f;--reader-line:#d7c7b2;--reader-accent:#8b633e}
.premium-reading-body[data-theme="peach"]{--reader-bg:#f9e6da;--reader-surface:#fff5ee;--reader-text:#3b2d29;--reader-muted:#7e645d;--reader-line:#efcfc0;--reader-accent:#c76542}
.premium-reading-body[data-theme="rose"]{--reader-bg:#f8e9ed;--reader-surface:#fff7f9;--reader-text:#3c2930;--reader-muted:#80646e;--reader-line:#edced7;--reader-accent:#b94e72}
.premium-reading-body[data-theme="lavender"]{--reader-bg:#eee9f8;--reader-surface:#faf8ff;--reader-text:#302b3d;--reader-muted:#6d6680;--reader-line:#ddd3ef;--reader-accent:#7957bd}
.premium-reading-body[data-theme="lilac"]{--reader-bg:#f3eafa;--reader-surface:#fdf8ff;--reader-text:#33283d;--reader-muted:#75647f;--reader-line:#e4d2ee;--reader-accent:#9452b8}
.premium-reading-body[data-theme="sky"]{--reader-bg:#e7f1fb;--reader-surface:#f7fbff;--reader-text:#243342;--reader-muted:#617386;--reader-line:#cfe0ef;--reader-accent:#377db4}
.premium-reading-body[data-theme="ice"]{--reader-bg:#e9f5f7;--reader-surface:#f8feff;--reader-text:#21363a;--reader-muted:#60777c;--reader-line:#cee5e8;--reader-accent:#238b9a}
.premium-reading-body[data-theme="mint"]{--reader-bg:#e7f5ed;--reader-surface:#f7fdf9;--reader-text:#25372d;--reader-muted:#61776a;--reader-line:#cee5d7;--reader-accent:#2d8a5b}
.premium-reading-body[data-theme="sage"]{--reader-bg:#e8eee4;--reader-surface:#f8fbf5;--reader-text:#2d372a;--reader-muted:#687463;--reader-line:#d2ddcc;--reader-accent:#66844f}
.premium-reading-body[data-theme="aqua"]{--reader-bg:#def2f0;--reader-surface:#f3fffd;--reader-text:#203b39;--reader-muted:#5a7875;--reader-line:#c5e4e0;--reader-accent:#1d8f85}
.premium-reading-body[data-theme="lemon"]{--reader-bg:#f5f2d9;--reader-surface:#fffdf0;--reader-text:#373525;--reader-muted:#77735b;--reader-line:#e8e1b9;--reader-accent:#9b8522}
.premium-reading-body[data-theme="apricot"]{--reader-bg:#f8e6d1;--reader-surface:#fff7ed;--reader-text:#3b3026;--reader-muted:#7d6a59;--reader-line:#edd2b5;--reader-accent:#bd6d2d}
.premium-reading-body[data-theme="stone"]{--reader-bg:#e9e8e4;--reader-surface:#f8f7f4;--reader-text:#2f302f;--reader-muted:#6d706e;--reader-line:#d7d5cf;--reader-accent:#656b67}
.premium-reading-body[data-theme="slate"]{--reader-bg:#dce3ea;--reader-surface:#edf2f7;--reader-text:#1f2b38;--reader-muted:#5c6b7a;--reader-line:#c3cfdb;--reader-accent:#486783}
.premium-reading-body[data-theme="navy"]{--reader-bg:#0e1b2e;--reader-surface:#17263a;--reader-text:#f4f7fb;--reader-muted:#bdc8d7;--reader-line:#31445d;--reader-accent:#79b7ff}
.premium-reading-body[data-theme="forest"]{--reader-bg:#10231c;--reader-surface:#183128;--reader-text:#f1f7f3;--reader-muted:#b8cbbf;--reader-line:#345344;--reader-accent:#78d09e}
.premium-reading-body[data-theme="dark"]{--reader-bg:#0d1118;--reader-surface:#171d27;--reader-text:#f7f9fc;--reader-muted:#c0c8d4;--reader-line:#343d4c;--reader-accent:#a992ff}
.premium-reading-body[data-theme="navy"] .premium-reader-content *,
.premium-reading-body[data-theme="forest"] .premium-reader-content *,
.premium-reading-body[data-theme="dark"] .premium-reader-content *{color:var(--reader-text)}
.premium-reading-body[data-theme="navy"] .premium-reader-content code,
.premium-reading-body[data-theme="forest"] .premium-reader-content code,
.premium-reading-body[data-theme="dark"] .premium-reader-content code{background:rgba(255,255,255,.08)}
.reader-command-enhanced{align-items:center;flex-wrap:wrap;justify-content:flex-end}
.reader-theme-picker{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:6px 8px;border:1px solid var(--reader-line);background:var(--reader-surface);border-radius:13px}
.reader-theme-picker>span{font-size:11px;font-weight:900;color:var(--reader-muted);margin-right:2px}
.reader-theme-dot{width:18px!important;height:18px!important;min-width:18px;padding:0!important;border-radius:50%!important;border:2px solid rgba(30,40,55,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.reader-theme-dot.active{outline:3px solid var(--reader-accent);outline-offset:2px;transform:scale(1.08)}
.reader-theme-dot[data-reader-theme="paper"]{background:#fffdf7!important}.reader-theme-dot[data-reader-theme="ivory"]{background:#fffef8!important}
.reader-theme-dot[data-reader-theme="cream"]{background:#fff0d6!important}.reader-theme-dot[data-reader-theme="sand"]{background:#d8c5a9!important}
.reader-theme-dot[data-reader-theme="peach"]{background:#ffd9c8!important}.reader-theme-dot[data-reader-theme="rose"]{background:#f4c9d5!important}
.reader-theme-dot[data-reader-theme="lavender"]{background:#d9cdf2!important}.reader-theme-dot[data-reader-theme="lilac"]{background:#e8ccef!important}
.reader-theme-dot[data-reader-theme="sky"]{background:#c9e3f7!important}.reader-theme-dot[data-reader-theme="ice"]{background:#d7f0f4!important}
.reader-theme-dot[data-reader-theme="mint"]{background:#ccebd9!important}.reader-theme-dot[data-reader-theme="sage"]{background:#cad8c1!important}
.reader-theme-dot[data-reader-theme="aqua"]{background:#bde5df!important}.reader-theme-dot[data-reader-theme="lemon"]{background:#eee6a8!important}
.reader-theme-dot[data-reader-theme="apricot"]{background:#f1c497!important}.reader-theme-dot[data-reader-theme="stone"]{background:#d7d5cf!important}
.reader-theme-dot[data-reader-theme="slate"]{background:#8496a8!important}.reader-theme-dot[data-reader-theme="navy"]{background:#203d62!important}
.reader-theme-dot[data-reader-theme="forest"]{background:#28533f!important}.reader-theme-dot[data-reader-theme="dark"]{background:#171d27!important}

/* v64 larger premium Advanced AI Tutor */
.premium-modal-card.xl:has(.unified-ai-shell){
 width:min(1480px,97vw)!important;max-width:1480px!important;height:min(94vh,980px)!important;max-height:94vh!important;
 padding:22px 24px!important;border-radius:28px!important;box-shadow:0 35px 100px rgba(23,38,69,.28)!important;
 background:linear-gradient(145deg,#ffffff,#f7faff)!important;
}
.unified-ai-shell{height:100%;display:flex!important;flex-direction:column;min-height:0}
.unified-ai-shell .smarttutor-head{flex:0 0 auto;background:linear-gradient(90deg,#fff8eb,#f1fbf3,#f3f7ff);border:1px solid #dfe9df;border-radius:22px;padding:17px 20px!important;box-shadow:0 10px 28px rgba(35,57,85,.08)}
.unified-ai-shell .smarttutor-logo{width:70px;height:70px;border-radius:21px;background:linear-gradient(135deg,#ff8500,#28a745,#0785c1);font-size:30px;box-shadow:0 13px 28px rgba(35,98,125,.22)}
.unified-ai-shell .smarttutor-head h2{font-size:34px!important;margin:2px 0 4px!important}
.unified-ai-layout{display:grid!important;grid-template-columns:330px minmax(0,1fr)!important;gap:20px!important;min-height:0;flex:1;padding-top:18px}
.ai-task-panel{border:1px solid #dce6f2!important;border-radius:22px!important;padding:16px!important;background:#fbfdff!important;min-height:0;overflow:auto}
.ai-task-grid{gap:8px!important}.ai-task-grid button{min-height:62px!important;padding:10px 12px!important;border-radius:15px!important;transition:.16s ease}
.ai-task-grid button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,55,86,.09)}
.ai-config-panel{min-height:0;overflow:auto;padding:0 5px 24px 0}
.ai-current-task{padding:17px 19px!important;border-radius:20px!important;background:linear-gradient(135deg,#fff7e9,#eefbea)!important;border:1px solid #dae9d2!important}
.ai-current-task>span{font-size:35px!important}.ai-prompt-label{display:block;margin-top:15px;font-size:17px!important}
.ai-prompt-label textarea{min-height:150px!important;font-size:16px!important;line-height:1.55!important;border-radius:17px!important;padding:16px!important}
.unified-ai-settings{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:14px}
.unified-ai-settings label{font-size:12px!important}.unified-ai-settings select{height:51px!important;border-radius:14px!important;font-size:15px!important}
.ai-visual-hint{display:block;margin-top:5px;color:#6b778c;font-weight:600}
.ai-include-options{padding:16px!important;border-radius:18px!important;margin-top:15px!important}
.ai-include-options label{padding:9px 11px!important;border-radius:11px!important}
.ai-media-section{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.smarttutor-submit{min-height:58px!important;border-radius:17px!important;font-size:17px!important;background:linear-gradient(135deg,#ff8500,#28a745,#0785c1)!important;box-shadow:0 14px 28px rgba(27,113,109,.20)}
.smarttutor-result{border-radius:22px!important;min-height:190px!important}
@media(max-width:1050px){.unified-ai-layout{grid-template-columns:270px minmax(0,1fr)!important}.unified-ai-settings{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
 .premium-modal-card.xl:has(.unified-ai-shell){width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;padding:14px!important}
 .unified-ai-layout{display:block!important;overflow:auto}.ai-task-panel{max-height:235px;margin-bottom:14px}.unified-ai-settings{grid-template-columns:1fr!important}.unified-ai-shell .smarttutor-head h2{font-size:27px!important}
}

/* v65 all-reader themes and normal workspace header */
.notes-reader-themes,.lesson-reader-themes{display:flex}
.reader-command-bar{align-items:flex-start}
.reader-command-right.reader-command-enhanced{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}
.reader-theme-picker{max-width:min(560px,100%);justify-content:flex-end}
@media(max-width:900px){
 .reader-command-bar{display:block}
 .reader-command-right.reader-command-enhanced{margin-top:10px;justify-content:flex-start}
 .reader-theme-picker{justify-content:flex-start}
}
@media(max-width:560px){
 .reader-theme-picker{gap:7px}
 .reader-theme-dot{width:22px!important;height:22px!important;min-width:22px}
}
.branded-premium-topbar{display:flex!important}
.premium-topbar-brand{display:none!important}
.premium-topbar-copy{display:block}

/* =========================================================
   V66 PROFESSIONAL READING ENGINE
   Every reader theme controls the complete reading surface.
   ========================================================= */
.premium-reading-body{
 --reader-card:var(--reader-surface);
 --reader-card-2:color-mix(in srgb,var(--reader-surface) 94%,var(--reader-accent) 6%);
 --reader-heading:var(--reader-text);
 --reader-paragraph:var(--reader-text);
 --reader-link:color-mix(in srgb,var(--reader-accent) 82%,#064f91 18%);
 --reader-code-bg:color-mix(in srgb,var(--reader-text) 8%,var(--reader-surface));
 --reader-code-text:var(--reader-text);
 --reader-table-head:color-mix(in srgb,var(--reader-accent) 11%,var(--reader-surface));
 --reader-table-row:color-mix(in srgb,var(--reader-surface) 97%,var(--reader-accent) 3%);
 --reader-quote:color-mix(in srgb,var(--reader-accent) 8%,var(--reader-surface));
 --reader-image-frame:color-mix(in srgb,var(--reader-surface) 96%,var(--reader-accent) 4%);
 --reader-shadow:0 18px 52px rgba(34,45,62,.09);
 --reader-inline-highlight:color-mix(in srgb,var(--reader-accent) 10%,var(--reader-surface));
 transition:background-color .28s ease,color .28s ease;
}
.premium-reading-body[data-theme="navy"],
.premium-reading-body[data-theme="forest"],
.premium-reading-body[data-theme="dark"]{
 --reader-card:var(--reader-surface);
 --reader-card-2:color-mix(in srgb,var(--reader-surface) 88%,white 12%);
 --reader-heading:#ffffff;
 --reader-paragraph:var(--reader-text);
 --reader-link:color-mix(in srgb,var(--reader-accent) 82%,white 18%);
 --reader-code-bg:color-mix(in srgb,var(--reader-bg) 76%,black 24%);
 --reader-code-text:#f3f7ff;
 --reader-table-head:color-mix(in srgb,var(--reader-surface) 72%,var(--reader-accent) 28%);
 --reader-table-row:color-mix(in srgb,var(--reader-surface) 94%,white 6%);
 --reader-quote:color-mix(in srgb,var(--reader-surface) 80%,var(--reader-accent) 20%);
 --reader-image-frame:color-mix(in srgb,var(--reader-surface) 88%,white 12%);
 --reader-shadow:0 20px 55px rgba(0,0,0,.30);
 --reader-inline-highlight:color-mix(in srgb,var(--reader-surface) 78%,var(--reader-accent) 22%);
}

/* Core surfaces */
.premium-reading-body,
.premium-reading-body .premium-reader-shell,
.premium-reading-body .reading-topbar,
.premium-reading-body .reader-command-bar,
.premium-reading-body .premium-reader-hero,
.premium-reading-body .reader-help-card,
.premium-reading-body .premium-reader-attachments{
 transition:background-color .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease;
}
.premium-reading-body .premium-reader-content,
.premium-reading-body .teacher-shared-reader-section{
 background:var(--reader-card)!important;
 color:var(--reader-paragraph)!important;
 border-color:var(--reader-line)!important;
 box-shadow:var(--reader-shadow)!important;
}
.premium-reading-body .premium-reader-hero,
.premium-reading-body .teacher-reader-hero,
.premium-reading-body .ai-reader-hero{
 background:linear-gradient(135deg,var(--reader-card-2),var(--reader-card))!important;
 border-color:var(--reader-line)!important;
 color:var(--reader-text)!important;
}
.premium-reading-body .reader-command-bar button,
.premium-reading-body .reader-command-bar a,
.premium-reading-body .reading-top-actions button,
.premium-reading-body .reader-theme-picker,
.premium-reading-body .teacher-reader-mark,
.premium-reading-body .reader-stage-card,
.premium-reading-body .reader-help-card,
.premium-reading-body .premium-reader-attachments{
 background:var(--reader-card)!important;
 color:var(--reader-text)!important;
 border-color:var(--reader-line)!important;
}
.premium-reading-body .reading-topbar{
 background:color-mix(in srgb,var(--reader-card) 94%,transparent)!important;
 color:var(--reader-text)!important;
}

/* Typography: override stored inline colours safely inside readers */
.premium-reading-body .premium-reader-content,
.premium-reading-body .premium-reader-content p,
.premium-reading-body .premium-reader-content li,
.premium-reading-body .premium-reader-content td,
.premium-reading-body .premium-reader-content dd,
.premium-reading-body .premium-reader-content span:not(.reader-theme-dot),
.premium-reading-body .premium-reader-content div,
.premium-reading-body .premium-reader-content section,
.premium-reading-body .premium-reader-content article{
 color:var(--reader-paragraph)!important;
}
.premium-reading-body .premium-reader-content h1,
.premium-reading-body .premium-reader-content h2,
.premium-reading-body .premium-reader-content h3,
.premium-reading-body .premium-reader-content h4,
.premium-reading-body .premium-reader-content strong,
.premium-reading-body .premium-reader-content b,
.premium-reading-body .reader-title-row h1,
.premium-reading-body .reader-section-heading h2{
 color:var(--reader-heading)!important;
}
.premium-reading-body .premium-reader-content a{
 color:var(--reader-link)!important;
 text-decoration-thickness:1.5px;
 text-underline-offset:3px;
}
.premium-reading-body .premium-reader-content small,
.premium-reading-body .premium-reader-content figcaption,
.premium-reading-body .premium-reader-content figcaption *,
.premium-reading-body .reader-title-row p,
.premium-reading-body .reader-help-card small{
 color:var(--reader-muted)!important;
}

/* Stored AI sections and nested cards must follow theme */
.premium-reading-body .premium-reader-content .ai-saved-note,
.premium-reading-body .premium-reader-content .ai-output,
.premium-reading-body .premium-reader-content .ai-topic-visuals,
.premium-reading-body .premium-reader-content section,
.premium-reading-body .premium-reader-content article,
.premium-reading-body .premium-reader-content .visual-block,
.premium-reading-body .premium-reader-content .definition-box,
.premium-reading-body .premium-reader-content .example-box,
.premium-reading-body .premium-reader-content .formula-box,
.premium-reading-body .premium-reader-content .summary-box{
 background:transparent!important;
 border-color:var(--reader-line)!important;
}
.premium-reading-body .premium-reader-content .ai-saved-note{
 padding:clamp(15px,2.4vw,28px);
 border:1px solid var(--reader-line)!important;
 border-left:4px solid var(--reader-accent)!important;
 border-radius:18px;
 background:var(--reader-card-2)!important;
}

/* Quotes, highlights, definitions */
.premium-reading-body .premium-reader-content blockquote{
 background:var(--reader-quote)!important;
 color:var(--reader-paragraph)!important;
 border-left-color:var(--reader-accent)!important;
}
.premium-reading-body .premium-reader-content mark{
 background:var(--reader-inline-highlight)!important;
 color:var(--reader-heading)!important;
 border-radius:4px;
 padding:1px 3px;
}
.premium-reading-body .premium-reader-content hr{
 border:0;
 border-top:1px solid var(--reader-line)!important;
 margin:2em 0;
}

/* Tables */
.premium-reading-body .premium-reader-content table{
 background:var(--reader-table-row)!important;
 border:1px solid var(--reader-line)!important;
 border-radius:14px;
 overflow:auto;
 border-collapse:separate!important;
 border-spacing:0;
}
.premium-reading-body .premium-reader-content th{
 background:var(--reader-table-head)!important;
 color:var(--reader-heading)!important;
 font-weight:800;
}
.premium-reading-body .premium-reader-content td{
 background:var(--reader-table-row)!important;
 color:var(--reader-paragraph)!important;
}
.premium-reading-body .premium-reader-content th,
.premium-reading-body .premium-reader-content td{
 border-color:var(--reader-line)!important;
}
.premium-reading-body .premium-reader-content tr:nth-child(even) td{
 background:color-mix(in srgb,var(--reader-table-row) 92%,var(--reader-accent) 8%)!important;
}

/* Code and formulas */
.premium-reading-body .premium-reader-content pre{
 background:var(--reader-code-bg)!important;
 color:var(--reader-code-text)!important;
 border:1px solid var(--reader-line)!important;
 border-radius:16px;
 padding:18px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.premium-reading-body .premium-reader-content pre *,
.premium-reading-body .premium-reader-content code{
 color:var(--reader-code-text)!important;
}
.premium-reading-body .premium-reader-content :not(pre)>code,
.premium-reading-body .premium-reader-content .inline-code{
 background:var(--reader-code-bg)!important;
 color:var(--reader-code-text)!important;
 border:1px solid var(--reader-line);
 border-radius:7px;
 padding:2px 6px;
}

/* Images and captions */
.premium-reading-body .premium-reader-content figure.note-figure,
.premium-reading-body .premium-reader-content figure.ai-inline-explanation-image{
 background:var(--reader-image-frame)!important;
 border-color:var(--reader-line)!important;
 box-shadow:var(--reader-shadow)!important;
}
.premium-reading-body .premium-reader-content figure img{
 background:#ffffff;
 border-radius:13px;
}
.premium-reading-body[data-theme="navy"] .premium-reader-content figure img,
.premium-reading-body[data-theme="forest"] .premium-reader-content figure img,
.premium-reading-body[data-theme="dark"] .premium-reader-content figure img{
 box-shadow:0 8px 28px rgba(0,0,0,.24);
}
.premium-reading-body .premium-reader-content figure figcaption{
 border-top:1px solid var(--reader-line);
 margin-top:10px;
}

/* Lists and hierarchy */
.premium-reading-body .premium-reader-content ul,
.premium-reading-body .premium-reader-content ol{
 padding-left:1.5em;
}
.premium-reading-body .premium-reader-content li::marker{
 color:var(--reader-accent);
 font-weight:800;
}

/* Better reading rhythm */
.premium-reading-body .premium-reader-content{
 max-width:100%;
 font-size:18px;
 line-height:1.78;
 letter-spacing:.002em;
}
.premium-reading-body .premium-reader-content p{
 margin:.95em 0 1.1em;
}
.premium-reading-body .premium-reader-content h1{
 font-size:clamp(2rem,4vw,3.15rem);
 line-height:1.14;
 margin:0 0 .75em;
}
.premium-reading-body .premium-reader-content h2{
 font-size:clamp(1.55rem,2.8vw,2.25rem);
 line-height:1.22;
 margin:1.65em 0 .65em;
}
.premium-reading-body .premium-reader-content h3{
 font-size:clamp(1.22rem,2vw,1.65rem);
 line-height:1.3;
 margin:1.4em 0 .55em;
}
.premium-reading-body .premium-reader-content h4{
 font-size:1.1rem;
 margin:1.2em 0 .45em;
}

/* Theme-aware progress and controls */
.premium-reading-body .reader-progress-track{
 background:color-mix(in srgb,var(--reader-line) 84%,transparent)!important;
}
.premium-reading-body .reader-progress-track span{
 background:linear-gradient(90deg,var(--reader-accent),color-mix(in srgb,var(--reader-accent) 55%,#23b7d8 45%))!important;
}
.premium-reading-body .reader-theme-dot.active{
 outline-color:var(--reader-accent)!important;
}

/* Mobile reading comfort */
@media(max-width:700px){
 .premium-reading-body .premium-reader-content{
   padding:24px 18px!important;
   border-radius:20px!important;
   font-size:17px;
   line-height:1.72;
 }
 .premium-reading-body .premium-reader-content .ai-saved-note{
   padding:15px;
   border-radius:14px;
 }
 .premium-reading-body .premium-reader-content h1{font-size:2rem}
 .premium-reading-body .premium-reader-content h2{font-size:1.55rem}
 .premium-reading-body .premium-reader-content table{font-size:.92rem}
}

/* Print always uses clean paper regardless of selected screen theme */
@media print{
 .premium-reading-body{
   --reader-bg:#ffffff!important;
   --reader-surface:#ffffff!important;
   --reader-card:#ffffff!important;
   --reader-card-2:#ffffff!important;
   --reader-text:#111827!important;
   --reader-heading:#111827!important;
   --reader-paragraph:#222222!important;
   --reader-muted:#555555!important;
   --reader-line:#dddddd!important;
   --reader-code-bg:#f3f4f6!important;
   --reader-code-text:#111827!important;
   --reader-table-head:#f1f3f5!important;
   --reader-table-row:#ffffff!important;
   --reader-image-frame:#ffffff!important;
 }
 .premium-reader-content{box-shadow:none!important}
}