:root{
  --blue-50:#EEF4FF;--blue-100:#DCE9FF;--blue-200:#B7D2FF;--blue-300:#8FB6FF;--blue-400:#5C93FF;--blue-500:#2F6BF2;--blue-600:#1E52D6;--blue-700:#173FAA;--blue-800:#122F80;--blue-900:#0C2058;
  --ok:#1E9E6B;--ok-soft:#DCF5EA;--danger:#E14B3F;--danger-soft:#FCE2DF;--warn:#C77E12;--warn-soft:#FBEBD2;
  --bg:#F3F6FC;--bg-2:#E7EEFA;--card:#FFF;--ink:#101A33;--ink-soft:#4F5E82;--ink-faint:#8C97B8;--line:#D8E2F5;--line-strong:#B9C9EA;
  --shadow-sm:0 2px 8px rgba(16,26,51,.06);--shadow:0 10px 28px rgba(16,26,51,.12);--shadow-lg:0 22px 50px rgba(16,26,51,.22);
  --radius:16px;--radius-sm:10px;--radius-lg:22px;--font-display:'Space Grotesk',sans-serif;--font-body:'Plus Jakarta Sans',sans-serif;--font-mono:'IBM Plex Mono',monospace;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#08101F;--bg-2:#101B31;--card:#17233E;--ink:#F2F6FF;--ink-soft:#B9C7E7;--ink-faint:#8C9BC0;--line:#2B3B5E;--line-strong:#405477;
  --blue-50:#112244;--blue-100:#17315E;--blue-200:#21447D;--blue-300:#315DA5;--blue-400:#4F7FE0;--blue-500:#78A0F4;--blue-600:#9AB9FF;--blue-700:#BCD0FF;--blue-800:#D7E2FF;--blue-900:#EBF1FF;
  --ok-soft:#0E3829;--danger-soft:#431D19;--warn-soft:#3B2A0D;
  --shadow-sm:0 2px 12px rgba(0,0,0,.3);--shadow:0 12px 30px rgba(0,0,0,.4);--shadow-lg:0 24px 55px rgba(0,0,0,.55);color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .45em;letter-spacing:-.01em}h1{font-size:1.85rem}h2{font-size:1.35rem}h3{font-size:1.08rem}p{margin:0 0 1em}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.center{text-align:center}.hidden{display:none!important}a{color:var(--blue-600);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue-400);box-shadow:0 0 0 3px var(--blue-100)}label{display:block;margin-bottom:5px;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.field{margin-bottom:14px}
.file-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.file-control input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.file-name{font-size:.82rem;color:var(--ink-soft);padding:8px 10px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-2);flex:1;min-width:160px}
#authScreen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 15% 10%,var(--blue-100),transparent 45%),radial-gradient(circle at 90% 85%,var(--blue-100),transparent 40%),var(--bg)}
.auth-box{width:100%;max-width:1000px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr}.auth-side{background:linear-gradient(160deg,#1f55cd,#081c50);color:#fff;padding:44px 38px;display:flex;flex-direction:column;justify-content:space-between}.auth-side h1{color:#fff}.auth-side p,.auth-feature{color:rgba(255,255,255,.9)}.auth-feature{display:flex;gap:10px;margin-top:14px;font-size:.88rem}.auth-form-wrap{padding:40px 38px}.auth-tabs{display:flex;gap:6px;background:var(--bg-2);padding:4px;border-radius:999px;margin-bottom:22px}.auth-tab{flex:1;padding:9px;border:0;background:transparent;color:var(--ink-soft);border-radius:999px;font-weight:800}.auth-tab.active{background:var(--card);color:var(--blue-600);box-shadow:var(--shadow-sm)}.auth-demo{margin-top:14px;padding:12px;background:var(--bg-2);border-radius:var(--radius-sm);font-size:.78rem}.role-picker{display:flex;gap:10px}.role-opt{flex:1;padding:11px;border:2px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:var(--radius-sm);font-weight:800}.role-opt.active{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50)}.auth-error{padding:10px 14px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-weight:700;font-size:.82rem;margin-bottom:14px}
#app{display:flex;min-height:100vh}#sidebar{width:260px;flex-shrink:0;background:linear-gradient(185deg,#0d2257,#07122c);color:#f1f5ff;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;z-index:40}#sidebar .brand{padding:20px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;gap:10px;align-items:center}#sidebar .brand .badge{width:38px;height:38px;border-radius:11px;background:#4f86f2;display:grid;place-items:center}#sidebar .brand h1{font-size:1.08rem;margin:0;color:#fff}#sidebar .eyebrow{font-family:var(--font-mono);font-size:.58rem;color:#9bbaff;text-transform:uppercase}#sidebar .role-flag{margin:12px 16px 4px;color:#b9ccff;background:rgba(255,255,255,.07);padding:6px 10px;border-radius:7px;font:700 .62rem var(--font-mono);text-transform:uppercase}#navList{padding:10px;flex:1}.navbtn{display:flex;gap:10px;align-items:center;width:100%;padding:10px 12px;border:0;background:transparent;color:rgba(255,255,255,.85);border-left:3px solid transparent;border-radius:9px;text-align:left;font-weight:700}.navbtn:hover{background:rgba(255,255,255,.08)}.navbtn.active{background:rgba(95,145,255,.2);border-left-color:#6fa0ff;color:#fff}.level-mini{margin:8px 14px 16px;padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px}.lm-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.lm-label{font:700 .62rem var(--font-mono);color:#bcd0ff;text-transform:uppercase}.lm-xp{font:.65rem var(--font-mono);color:rgba(255,255,255,.75)}.lm-bar{height:7px;background:rgba(255,255,255,.12);border-radius:9px;overflow:hidden}.lm-bar>div{height:100%;background:linear-gradient(90deg,#76a4ff,#d4e1ff)}.logoutBtn{margin:0 14px 16px;padding:10px 12px;border-radius:10px;border:1px solid rgba(225,75,63,.35);background:rgba(225,75,63,.16);color:#ffd0cc;font-weight:800;text-align:left}.logoutBtn:hover{background:rgba(225,75,63,.25)}
#main{flex:1;min-width:0;padding:26px 38px 90px;max-width:1250px}.topbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.searchbox{flex:1;min-width:220px;position:relative}.searchbox input{padding-left:38px}.search-icon{position:absolute;left:12px;top:10px;opacity:.55}.iconbtn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 13px;box-shadow:var(--shadow-sm);font-weight:800}.profile-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--card);padding:5px 12px 5px 5px;border-radius:999px;box-shadow:var(--shadow-sm);color:var(--ink)}.pc-avatar{width:32px;height:32px;border-radius:50%;background:var(--blue-100);color:var(--blue-700);display:grid;place-items:center;font-weight:800;overflow:hidden}.pc-avatar img{width:100%;height:100%;object-fit:cover}.pc-name{font-weight:800;font-size:.84rem}.pc-level{font:700 .62rem var(--font-mono);color:var(--ink-soft)}#searchResults{position:absolute;z-index:80;top:calc(100% + 6px);left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);max-height:420px;overflow:auto;display:none}.search-result{padding:10px 13px;border-bottom:1px solid var(--bg-2);cursor:pointer}.search-result:hover{background:var(--bg-2)}.search-tag{display:block;font:700 .6rem var(--font-mono);text-transform:uppercase;color:var(--blue-600)}
.view{animation:fade .18s ease}@keyframes fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.breadcrumb{font:700 .68rem var(--font-mono);color:var(--ink-soft);text-transform:uppercase;margin-bottom:6px}
.page-card,.subject-card,.topic-card,.res-card,.list-card,.quiz-card,.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.page-card{padding:20px;margin-bottom:16px}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}.section-eyebrow{display:block;font:700 .64rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-600);margin-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:2px solid transparent;font-weight:800;font-size:.85rem}.btn-primary{background:var(--blue-600);color:#fff}.btn-primary:hover{background:var(--blue-700)}.btn-outline{background:transparent;border-color:var(--blue-400);color:var(--blue-600)}.btn-ghost{background:var(--bg-2);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:7px 13px;font-size:.78rem}.btn-block{width:100%}.tag{display:inline-block;padding:3px 9px;border-radius:999px;font:800 .64rem var(--font-mono)}.tag-blue{background:var(--blue-100);color:var(--blue-700)}.tag-facil{background:var(--ok-soft);color:var(--ok)}.tag-media{background:var(--warn-soft);color:var(--warn)}.tag-dificil{background:var(--danger-soft);color:var(--danger)}.stat-card{padding:17px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent,var(--blue-500))}.sval{font:700 1.8rem var(--font-display)}.slabel{font:700 .62rem var(--font-mono);text-transform:uppercase;color:var(--ink-soft);margin-top:4px}.pbar{height:10px;border-radius:8px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}.pbar>div{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--blue-400),var(--blue-600))}.subject-card{padding:18px;cursor:pointer;border-top:5px solid var(--accent,var(--blue-500));transition:.14s}.subject-card:hover,.topic-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.sc-icon{font-size:1.65rem}.topic-card,.res-card,.list-card{padding:16px}.topic-card{cursor:pointer}.empty-state{padding:34px 18px;text-align:center;background:var(--bg-2);border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-soft)}.es-emoji{display:block;font-size:2.1rem;margin-bottom:10px}.module-tabs,.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.module-tab,.tab{padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font-weight:800;font-size:.78rem}.module-tab.active,.tab.active{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.quiz-card{padding:25px}.quiz-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.quiz-progress{font:700 .7rem var(--font-mono);color:var(--ink-soft)}.quiz-question{font:700 1.12rem var(--font-display);margin:14px 0}.qoption{display:flex;gap:10px;align-items:flex-start;width:100%;padding:12px 14px;margin-bottom:9px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);text-align:left;font-weight:700}.qoption:hover:not(:disabled){border-color:var(--blue-400);background:var(--blue-50)}.qletter{width:26px;height:26px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;flex-shrink:0;font:700 .7rem var(--font-mono)}.qoption.correct{border-color:var(--ok);background:var(--ok-soft)}.qoption.correct .qletter{background:var(--ok);color:#fff}.qoption.wrong{border-color:var(--danger);background:var(--danger-soft)}.qoption.wrong .qletter{background:var(--danger);color:#fff}.qoption.selected-deferred{border-color:var(--blue-500);background:var(--blue-50)}.feedback-box{padding:14px 16px;border-radius:10px;background:var(--bg-2);border-left:4px solid var(--blue-500);margin-top:12px}.feedback-box.correct{border-left-color:var(--ok)}.feedback-box.wrong{border-left-color:var(--danger)}.table-wrap{overflow:auto}.datatable{width:100%;border-collapse:collapse;font-size:.82rem}.datatable th,.datatable td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.datatable th{font:700 .62rem var(--font-mono);text-transform:uppercase;color:var(--ink-soft)}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:rgba(4,10,24,.62);z-index:200;display:none;align-items:flex-start;justify-content:center;padding:40px 18px;overflow:auto}.modal-backdrop.show{display:flex}.modal-box{width:100%;max-width:680px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);position:relative}.modal-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:var(--bg-2);color:var(--ink)}.toast-stack{position:fixed;right:16px;bottom:16px;z-index:500;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{padding:12px 15px;border-radius:11px;background:var(--blue-900);color:#fff;box-shadow:var(--shadow-lg);font-size:.82rem;font-weight:700}.notify-backdrop{position:fixed;inset:0;background:rgba(4,10,24,.62);z-index:400;display:none;place-items:center;padding:20px}.notify-backdrop.show{display:grid}.notify-box{width:100%;max-width:420px;background:var(--card);color:var(--ink);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-lg);text-align:center}.notify-box p{color:var(--ink-soft)}
@media(max-width:980px){.cols-5,.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){#sidebar{position:fixed;left:0;transform:translateX(-100%);transition:transform .2s}.sidebar-open #sidebar{transform:none}#sidebarCloseBtn{display:block!important}#sidebarCloseBtn{display:block!important}#main{padding:68px 16px 90px}.nav-mobile{display:block}}@media(min-width:901px){#navMobileBtn{display:none}}@media(max-width:760px){.auth-box{grid-template-columns:1fr}.auth-side{display:none}.cols-2,.cols-3,.cols-4,.cols-5{grid-template-columns:1fr}.auth-form-wrap{padding:28px 20px}}

#levelMini{display:none !important}
#topRole{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-soft)}
#viewsHost .subject-card{min-width:0}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.file-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.file-control input[type=file]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.profile-photo-lg{width:88px;height:88px;border-radius:18px;overflow:hidden;background:var(--blue-100);color:var(--blue-700);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;font-weight:700;flex:0 0 auto}
.profile-photo-lg img,.pc-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.timer-chip{font-family:var(--font-mono);font-weight:700;padding:7px 11px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink)}
.timer-chip.warning{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}
.print-only{display:none}
@media print{
  body{background:#fff!important;color:#000!important}
  body *{visibility:hidden!important}
  #viewsHost,#viewsHost *{visibility:visible!important}
  #viewsHost{position:absolute;left:0;top:0;width:100%}
  .no-print,.topbar,#sidebar,#navToggle,#modalBackdrop,#notifyBackdrop,#toastStack{display:none!important}
  .print-only{display:block!important}
  .page-card,.stat-card{box-shadow:none!important;border-color:#ccc!important}
}
@media (max-width:700px){
  #main{padding:70px 12px 70px!important}
  .topbar{gap:8px}
  .topbar .searchbox{min-width:0;flex-basis:100%}
  .profile-chip{max-width:48vw}
  .profile-chip .pc-name{max-width:24vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
  .module-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .module-tab{white-space:nowrap}
  .grid.cols-5,.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}
  .quiz-card{padding:18px 14px!important}
}

.notify-box,.modal-box,.page-card,.list-card,.res-card,.topic-card,.quiz-card,.stat-card{color:var(--ink)}
  .notify-box p,.modal-box .muted,.page-card .muted,.list-card .muted,.res-card .muted{color:var(--ink-soft)}
  .auth-side{color:#fff}
  .auth-side h1,.auth-side p,.auth-feature{color:#fff}
  .btn-primary,.btn-danger,.module-tab.active,.tab.active{color:#fff}
  .auth-error{color:var(--danger)}
  @media(max-width:700px){.row-actions .btn{flex:1}}

#authScreen{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--blue-400) 18%,transparent),transparent 30%),radial-gradient(circle at 92% 90%,color-mix(in srgb,var(--blue-300) 14%,transparent),transparent 32%),var(--bg)}
.auth-shell{width:min(1180px,100%);min-height:700px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);background:var(--card);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow-lg)}
.auth-hero{position:relative;padding:38px 42px 30px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 75% 16%,rgba(120,160,244,.24),transparent 22%),radial-gradient(circle at 10% 85%,rgba(82,125,229,.18),transparent 25%),linear-gradient(145deg,#122f80 0%,#0b2058 52%,#07142f 100%);overflow:hidden}
.auth-hero:after{content:"";position:absolute;width:360px;height:360px;right:-150px;bottom:-170px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);pointer-events:none}
.auth-hero-top{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:1}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);position:relative}.brand-mark-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;left:11px;top:10px}.brand-mark-line{position:absolute;width:20px;height:4px;border-radius:10px;background:#8fb6ff;left:11px;bottom:10px;transform:skewX(-28deg)}.brand-kicker{font:700 .58rem var(--font-mono);letter-spacing:.12em;color:#9fbbef}.brand-name{font:700 1.05rem var(--font-display);letter-spacing:-.02em}.hero-status{font:700 .62rem var(--font-mono);color:#c7d7ff;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);padding:8px 10px;border-radius:999px;white-space:nowrap}.hero-status span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#62d6a2;margin-right:6px}
.hero-copy{position:relative;z-index:1;max-width:620px;margin:54px 0 30px}.hero-eyebrow{font:700 .65rem var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#a9c1f4;margin-bottom:13px}.hero-copy h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;color:#fff}.hero-copy h1 em{font-style:normal;color:#9fbeff}.hero-copy p{font-size:1rem;line-height:1.7;color:#d2ddf6;max-width:530px;margin:0}.subject-pills{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1;margin-bottom:28px}.subject-pills span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);color:#e6edff;font-size:.72rem;font-weight:700}.hero-features{display:grid;gap:10px;position:relative;z-index:1}.hero-features>div{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid rgba(255,255,255,.09)}.feature-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font:700 .58rem var(--font-mono);color:#a9c1f4;flex:0 0 auto}.hero-features b{display:block;font-size:.78rem;color:#fff}.hero-features small{display:block;color:#aebdde;font-size:.68rem;margin-top:2px}.hero-footer{display:flex;align-items:center;gap:10px;color:#8298c7;font:700 .58rem var(--font-mono);text-transform:uppercase;letter-spacing:.06em;position:relative;z-index:1;margin-top:22px}.hero-footer-rule{height:1px;flex:1;background:rgba(255,255,255,.12)}
.auth-panel{padding:34px 40px 28px;background:var(--card);display:flex;flex-direction:column;justify-content:center;min-width:0}.public-theme-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.theme-switch{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink);border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:800}.theme-switch:hover{border-color:var(--blue-400)}.theme-switch-icon{font-size:1rem;line-height:1}.auth-panel-heading h2{font-size:1.7rem;margin-bottom:5px}.auth-panel-heading p{font-size:.8rem;margin-bottom:0}.auth-tabs{margin:24px 0 22px}.password-field{display:flex;gap:8px}.password-field input{min-width:0}.password-toggle{width:46px;flex:0 0 46px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--ink);font-size:.9rem}.password-toggle:hover{border-color:var(--blue-400)}.password-hint{font-size:.72rem;color:var(--ink-soft);margin-top:7px;line-height:1.45}.auth-submit{height:46px;margin-top:5px}.auth-submit span{font-size:1.1rem}.auth-privacy{font-size:.66rem;color:var(--ink-faint);margin:22px 0 0;text-align:center;line-height:1.5}.role-opt{display:flex;align-items:center;justify-content:center;gap:7px}.role-opt span{font-size:1rem}.auth-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}.linkbtn{border:0;background:transparent;color:var(--blue-600);font-weight:800;font-size:.72rem;padding:3px 0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.linkbtn:hover{color:var(--blue-700)}.viewer-frame{width:100%;height:min(72vh,760px);border:0;border-radius:12px;background:#fff}.viewer-image{display:block;max-width:100%;max-height:72vh;margin:auto;border-radius:12px}.viewer-video{width:100%;max-height:72vh;border-radius:12px;background:#000}
@media(max-width:980px){#authScreen{padding:16px}.auth-shell{grid-template-columns:1fr;min-height:0;max-width:760px}.auth-hero{padding:28px 26px 24px}.hero-copy{margin:42px 0 24px}.hero-copy h1{font-size:clamp(2.3rem,8vw,3.5rem)}.hero-features{grid-template-columns:repeat(3,1fr);gap:12px}.hero-features>div{border-top:0;padding:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:12px;align-items:flex-start}.hero-features small{display:none}.auth-panel{padding:30px 26px 26px}}
@media(max-width:620px){#authScreen{padding:0;display:block}.auth-shell{border:0;border-radius:0;box-shadow:none;min-height:100vh}.auth-hero{border-radius:0;padding:24px 20px 22px}.auth-hero-top{align-items:flex-start}.hero-status{display:none}.hero-copy{margin:38px 0 22px}.hero-copy h1{font-size:2.65rem}.hero-copy p{font-size:.88rem}.subject-pills{gap:6px;margin-bottom:20px}.subject-pills span{font-size:.64rem;padding:7px 9px}.hero-features{display:none}.hero-footer{margin-top:6px}.auth-panel{padding:24px 20px 30px}.public-theme-row{margin-bottom:24px}.auth-panel-heading h2{font-size:1.45rem}}