/* Education system. Existing identifiers and component markup remain compatible. */
:root{--hl-bg:#f4f7fb;--hl-surface:#fff;--hl-ink:#17243b;--hl-muted:#52647a;--hl-line:#dce4ee;--hl-primary:#3455cf;--hl-soft:#edf2ff;--bg-deep:var(--hl-bg);--text-primary:var(--hl-ink);--text-secondary:var(--hl-muted);--border-subtle:var(--hl-line)}
html,body{background:var(--hl-bg)!important;color:var(--hl-ink)!important;background-image:none!important;line-height:1.6}
body.hl-dark{--hl-bg:#101827;--hl-surface:#182438;--hl-ink:#edf3fd;--hl-muted:#bdc9dc;--hl-line:#34435d;--hl-soft:#243552;--hl-primary:#9bb1ff;color-scheme:dark}
*{box-sizing:border-box}img,video,canvas{max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{min-height:40px}button:disabled{opacity:.6;cursor:wait}
body :is(.bg-white,.bg-white\/80,.bg-white\/90,.bg-slate-50,.bg-slate-50\/50,.bg-slate-50\/80,.bg-slate-100){background:var(--hl-surface)!important;backdrop-filter:none!important;color:var(--hl-ink)}
body :is(.text-slate-900,.text-slate-800,.text-slate-700){color:var(--hl-ink)!important}body :is(.text-slate-600,.text-slate-500,.text-slate-400){color:var(--hl-muted)!important}
.blob{display:none}.app-section.active{animation:none;will-change:auto;min-width:0}
article:hover,.task-card:hover{transform:none!important;box-shadow:0 3px 14px #17243b0b!important}button:active,.nav-btn:active{transform:none!important}
article,.task-card,button{transition:background-color .15s,border-color .15s!important;will-change:auto!important}
:focus-visible{outline:3px solid #536ee0!important;outline-offset:3px!important}.bubble-label input{display:block;position:absolute;opacity:0;width:1px;height:1px}.bubble-label input:focus-visible+.bubble{outline:3px solid #536ee0;outline-offset:3px}
.skip-link{position:fixed;left:12px;top:-70px;z-index:20000;padding:12px;background:var(--hl-surface);color:var(--hl-ink)}.skip-link:focus{top:12px}
body #sec-dashboard :is(.bg-slate-900\/80,.bg-slate-900\/60,.bg-slate-900,.dashboard-quick,.dashboard-quote-card){background:var(--hl-surface)!important;color:var(--hl-ink)!important;border:1px solid var(--hl-line)!important;box-shadow:none!important}
#sec-dashboard .dashboard-quote-spacious{min-height:180px;padding:24px}#sec-dashboard .dashboard-quote-text{font-size:clamp(20px,2.2vw,28px);color:var(--hl-ink)}#sec-dashboard .dashboard-quote-byline{color:var(--hl-muted)}#sec-dashboard :is(.dashboard-quote-label,.dashboard-quote-source){color:var(--hl-primary)}#sec-dashboard .dashboard-quote-card::before{display:none}
#main-nav{background:var(--hl-surface)!important;border-color:var(--hl-line)!important;backdrop-filter:none!important;box-shadow:0 1px 0 var(--hl-line);position:sticky;top:0}
#hl-topbar{display:flex;gap:10px;justify-content:flex-end;padding:10px 24px;border-bottom:1px solid var(--hl-line)}
.nav-btn[aria-current=page]{background:var(--hl-soft)!important;color:var(--hl-primary)!important;border:1px solid #bccaf5;box-shadow:none!important}
.hl-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hl-line);border-radius:10px;padding:9px 15px;background:var(--hl-surface);color:var(--hl-primary);font-size:13px;font-weight:700;cursor:pointer;gap:8px;margin:5px 6px 0 0}.hl-button:hover{background:var(--hl-soft)}
.hl-card{background:var(--hl-surface);border:1px solid var(--hl-line);border-radius:18px;padding:24px;margin-bottom:18px;color:var(--hl-ink);min-width:0}.hl-card h3{font-size:20px;font-weight:800;margin:0 0 8px;line-height:1.4}.hl-card p{font-size:14px;color:var(--hl-muted);margin:8px 0 14px;overflow-wrap:anywhere}.hl-hero{padding:36px;border-left:5px solid var(--hl-primary);max-width:1280px;margin:0 auto 24px}.hl-hero h3{font-size:clamp(25px,3vw,38px);max-width:700px;letter-spacing:-.04em}.hl-hero .hl-button:first-of-type{background:#3455cf;color:white;border-color:#3455cf}
#sec-learning{padding:32px;max-width:1320px;margin:auto}.hl-page-heading{padding:0 0 24px}.hl-page-heading>p:first-child{font-size:11px;letter-spacing:.16em;color:var(--hl-primary);font-weight:800}.hl-page-heading h1{font-size:clamp(25px,3vw,36px);font-weight:800;letter-spacing:-.035em;margin:10px 0}.hl-page-heading p{color:var(--hl-muted)}.hl-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:24px}.hl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hl-grid>.hl-card h3{font-size:32px}.hl-card form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hl-card label{font-size:13px;font-weight:700;display:grid;gap:6px}.hl-card input,.hl-card select,#hl-query{border:1px solid var(--hl-line);background:var(--hl-bg);color:var(--hl-ink);padding:12px;border-radius:10px;width:100%;min-width:0}
.hl-dialog{background:var(--hl-surface);color:var(--hl-ink);border:1px solid var(--hl-line);border-radius:20px;width:min(720px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:24px}.hl-dialog::backdrop{background:#0f172a80}.hl-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hl-dialog-head h2{font-size:20px;font-weight:800}.hl-dialog-head button{padding:6px 12px}#hl-search-results{padding-top:20px}.hl-result{padding:20px;font-size:15px;color:var(--hl-ink)}
#sec-dashboard :is(.dashboard-event-card,.dashboard-event-empty,.dashboard-arena-room,.dashboard-mini,.dashboard-action,.dashboard-online-card),#sec-dashboard>div>div>section{background:var(--hl-surface)!important;border:1px solid var(--hl-line)!important;box-shadow:none!important;color:var(--hl-ink)!important}
#sec-dashboard :is(h1,h2,h3,.text-white,.text-slate-200,.room-title){color:var(--hl-ink)!important}#sec-dashboard :is(.text-cyan-300,.text-emerald-300,.text-amber-300){color:var(--hl-primary)!important}
#sec-dashboard [class*="bg-gradient"]{background-image:none!important;background-color:var(--hl-soft)!important}.bg-clip-text{filter:none!important}
#student-sheet{min-width:0}#student-sheet [id^=row-]{flex-wrap:wrap}#student-sheet label:has(input[type=checkbox]){position:static!important;opacity:1!important;color:var(--hl-muted)!important}#student-sheet input[type=text]{min-width:0}.study-break-modal{max-height:90dvh;overflow-y:auto}.study-break-upload{display:none}#lb-container{overflow-x:auto}.pt-grid{min-width:800px}.tool-tab{max-width:100%;overflow-x:auto}iframe{max-width:100%}
@media(min-width:1200px){body:has(#main-nav:not(.hidden)){padding-left:230px}#main-nav:not(.hidden){position:fixed;left:0;top:0;bottom:0;width:230px;overflow-y:auto;z-index:50}#main-nav>div:not(#hl-topbar){padding:16px}#main-nav>div>div{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:20px}#main-nav .nav-btn{width:100%;text-align:left;justify-content:flex-start}#main-nav .nav-btn:first-child{margin-top:0}#main-nav div:has(>.nav-btn){display:flex;flex-direction:column;overflow:visible;width:100%;background:transparent!important;border:0;box-shadow:none;padding:0;gap:5px}#main-nav span.font-extrabold.text-xl{font-size:15px}#hl-topbar{flex-direction:column;padding:16px;order:3}#hl-topbar .hl-button{margin:0;font-size:12px}#main-nav .flex.items-center.gap-3{flex-wrap:wrap}.hl-hero{margin-top:10px}}
@media(max-width:1199px){#main-nav>div>div{gap:8px;padding:10px 0}#main-nav .nav-btn{flex-shrink:0}#hl-topbar{padding:8px 16px;gap:6px}#hl-topbar .hl-button{font-size:11px;margin:0;padding:6px 10px}#main-nav{position:relative}}
@media(max-width:768px){.hl-grid{grid-template-columns:1fr}.hl-card form{grid-template-columns:1fr}.hl-card{padding:18px}.hl-hero{padding:22px}#sec-learning{padding:20px 14px}.app-section{max-width:100vw}#main-nav .nav-btn{font-size:12px;padding:9px 12px}.hl-tabs{gap:2px}.hl-tabs .hl-button{font-size:12px;padding:8px 10px}.hl-dialog{padding:16px}#sec-taking-exam .sticky{top:0!important}#sec-taking-exam [class*="grid-cols"]{min-width:0}.bubble{width:40px;height:40px}#student-sheet [id^=row-abcd] .pl-4{padding-left:0;gap:8px}#student-sheet [id^=row-abcd]>.w-16{width:54px}.study-break-modal{width:calc(100vw - 24px)}[id$="-modal"]>div{max-width:calc(100vw - 24px);max-height:92dvh;overflow-y:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{#main-nav,#hl-topbar,.nav-btn,.hl-button,#ai-chatbox,#study-toast,.skip-link{display:none!important}body{padding:0!important;background:white!important;color:black!important}.app-section.active{display:block!important}.hl-card{break-inside:avoid;box-shadow:none}#student-sheet{font-size:11pt}iframe{display:none}}