.mark-highlight{background:#fff3a3;padding:0 1px}.chip{display:inline-block;border:1px solid #ddd;border-radius:12px;padding:0 6px;margin-right:4px;font-size:12px;line-height:20px;background:#f9fafb;color:#333}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{font-family:Inter,system-ui,sans-serif;color:#eef5ff;background:#071321}*{box-sizing:border-box}body{margin:0}.login-shell{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:clamp(18px,4vw,48px);background:radial-gradient(circle at 18% 12%,rgba(80,213,201,.22),transparent 28%),radial-gradient(circle at 84% 8%,rgba(104,104,239,.28),transparent 34%),linear-gradient(135deg,#071321,#0d2138 52%,#081426);overflow:hidden}.login-panel{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:clamp(18px,4vw,34px);align-items:center;justify-content:center;margin:auto}.login-intro,.login-card{position:relative;border:1px solid rgba(109,147,184,.35);border-radius:30px;background:linear-gradient(180deg,#102238db,#0a1828eb);box-shadow:0 30px 90px #00000061,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-intro{padding:clamp(28px,5vw,46px);min-height:430px;display:flex;flex-direction:column;justify-content:center;text-align:left;overflow:hidden}.login-intro:after{content:"";position:absolute;inset:auto -20% -35% 25%;height:220px;border-radius:999px;background:linear-gradient(90deg,#50d5c92e,#6868ef33);filter:blur(26px)}.brandmark{width:64px;height:64px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#50d5c9,#6868ef);border-radius:22px;box-shadow:0 16px 38px #50d5c938}.login-intro p,.login-card p{margin:0;color:#50d5c9;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:11px}.login-intro h1{position:relative;margin:18px 0 12px;font-size:clamp(38px,7vw,72px);line-height:.95;letter-spacing:-.05em}.login-intro span{position:relative;display:block;max-width:620px;color:#bed0e4;font-size:clamp(16px,2vw,20px);line-height:1.55}.login-highlights{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.login-highlights b{padding:9px 12px;border:1px solid rgba(80,213,201,.24);border-radius:999px;background:#50d5c917;color:#dffdfa;font-size:13px}.login-card{width:100%;padding:clamp(24px,4vw,34px);display:grid;gap:14px}.login-card h2{margin:0;font-size:clamp(26px,4vw,36px);letter-spacing:-.03em}.login-card label{display:grid;gap:7px;font-weight:800;color:#dceaff}.login-card input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #35536f;background:#091727;color:#fff;font:inherit}.login-card input:focus{outline:2px solid #50d5c9;outline-offset:2px}.login-card button,.sign-out{padding:12px;border:0;border-radius:10px;background:#6868ef;color:#fff;font-weight:800}.login-card button{margin-top:4px;background:linear-gradient(135deg,#50d5c9,#6868ef);box-shadow:0 12px 28px #50d5c92e}.error{color:#ff8294}.studio-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.studio-shell aside{padding:22px 16px;background:#0c1a2b;border-right:1px solid #263c55}.brand{display:flex;gap:10px;align-items:center;margin-bottom:28px}.brand>span{font-size:28px}.brand small{display:block;color:#91a8c1;margin-top:3px}.studio-shell nav{display:grid;gap:5px}.studio-shell nav h2{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#7891ac;margin:18px 10px 4px}.studio-shell nav a{color:#dceaff;text-decoration:none;padding:9px 10px;border-radius:10px}.studio-shell nav a:hover{background:#192d44}.sign-out{margin-top:28px;width:100%;background:#263d57}.studio-shell main{padding:42px;max-width:1250px;width:100%;margin:auto}.studio-shell header p{color:#50d5c9;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:11px}.studio-shell header h1{font-size:clamp(34px,5vw,60px);max-width:850px;margin:10px 0}.studio-shell header span{color:#a7b9cc;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.cards article,.admin-panel{padding:24px;border:1px solid #29435e;border-radius:20px;background:#102238}.cards b{font-size:19px}.cards p,.admin-panel p{color:#a7b9cc}.admin-panel{margin-top:42px}.not-found{min-height:100vh;display:grid;place-content:center;text-align:center}.not-found a{color:#78dacf}@media(max-width:760px){.login-panel{grid-template-columns:1fr}.login-intro{min-height:auto;text-align:center;align-items:center}.login-highlights{justify-content:center}.studio-shell{grid-template-columns:1fr}.studio-shell aside{position:static}.studio-shell main{padding:24px}.cards{grid-template-columns:1fr}}.admin-filters,.admin-correction{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:16px 0}.admin-filters label,.admin-correction label{display:grid;gap:5px}.admin-user-list{display:grid;gap:12px;margin-top:18px}.admin-user-card,.admin-result-detail,.admin-question{padding:18px;border:1px solid #29435e;border-radius:16px;background:#102238}.admin-user-card,.admin-result-detail>header{display:flex;justify-content:space-between;gap:14px;align-items:center}.admin-user-card label{display:block;margin-top:6px}.admin-user-actions{display:grid;gap:9px;min-width:190px}.button-link{display:inline-block;padding:9px 13px;border:1px solid #4f80ad;border-radius:9px;text-align:center}.sensitive-link{display:grid;gap:8px}.sensitive-link input{width:100%}.admin-result-detail{margin-top:14px}.admin-result-detail span{display:block;color:#9fb1c5}.admin-attempt{margin-top:18px}.admin-question{margin:10px 0}.admin-question label{display:grid;gap:5px;max-width:220px}.admin-correction{padding-top:15px;border-top:1px solid #29435e}.admin-correction textarea{min-height:70px}@media(max-width:900px){.admin-user-card,.admin-result-detail>header{align-items:stretch;flex-direction:column}}.admin-import-panel{margin-top:16px;padding:18px;border:1px solid #29435e;border-radius:16px;background:#102238}.admin-import-panel>header{display:flex;justify-content:space-between;gap:14px;align-items:start}.admin-import-panel h2,.admin-import-panel p{margin:0}.admin-import-panel>header p{color:#50d5c9;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.admin-import-panel label{display:grid;gap:6px;margin:10px 0;max-width:520px}.admin-import-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.admin-import-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.admin-import-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-import-grid div{padding:10px;border-radius:10px;background:#142b43}.admin-import-grid dt{color:#9fb1c5;font-size:12px}.admin-import-grid dd{margin:4px 0 0;word-break:break-word;font-weight:800}.admin-json-preview{max-height:180px;overflow:auto;padding:12px;border-radius:10px;background:#091727;color:#dceaff}.admin-import-messages{margin-top:10px}.admin-import-messages ul{margin:8px 0 0;padding-left:20px}.source-pill.danger{background:#4a2530;color:#ff9bad}.admin-package-list{display:grid;gap:10px;margin-top:12px}.admin-package-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border-radius:12px;background:#142b43}.admin-package-row span,.admin-package-row small{display:block;color:#9fb1c5;margin-top:3px}.admin-package-row code{font-size:12px;color:#62ded2}@media(max-width:900px){.admin-import-grid,.admin-import-grid.compact,.admin-package-row{grid-template-columns:1fr}.admin-import-panel>header{flex-direction:column}}.admin-import-issue-table{display:grid;gap:.35rem;margin-top:.65rem}.admin-import-issue-table [role=row]{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(12rem,2fr) minmax(8rem,1fr) minmax(8rem,1fr);gap:.5rem;align-items:start;padding:.45rem .55rem;border:1px solid rgba(148,163,184,.2);border-radius:.6rem}.admin-import-issue-table [role=columnheader]{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#9fb1c5}.admin-import-issue-table code{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:900px){.admin-import-issue-table [role=row]{grid-template-columns:1fr}}.learning-page{min-width:0}.learning-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}.learning-toolbar label{display:grid;gap:6px;font-weight:800}.learning-page input,.learning-page select,.learning-page textarea{padding:11px;border-radius:10px;border:1px solid #35536f;background:#091727;color:#fff}.progress-chip,.source-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#16384a;color:#62ded2;font-size:12px;font-weight:900}.page-heading p,.learning-hero p{color:#50d5c9;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:11px}.page-heading h1,.learning-hero h1{font-size:clamp(31px,4vw,54px);margin:8px 0}.page-heading span,.learning-hero span{color:#a7b9cc;font-size:16px}.learning-hero{padding:28px;border:1px solid #31516d;border-radius:28px;background:linear-gradient(135deg,#4039b8,#176f8a)}.learning-page button{padding:10px 13px;border:1px solid #37516d;border-radius:11px;background:#192f48;color:#fff;font-weight:800;cursor:pointer}.learning-page button:disabled{opacity:.45;cursor:not-allowed}.feature-grid,.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.feature-grid>a,.feature-grid>article,.subject,.exam-start,.settings-card,.result-card,.admin-result,.practice-card,.exam-paper,.lesson-card,.lesson-toc{padding:20px;border:1px solid #29435e;border-radius:20px;background:#102238;color:#eef5ff;text-decoration:none}.feature-grid b,.feature-grid span,.feature-grid small{display:block}.feature-grid span{color:#abc0d3;margin:8px 0}.subject-grid{grid-template-columns:repeat(2,1fr)}.subject.active{border-color:#6b6ff0}.subject-icon{font-size:38px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:22px}.lesson-icon{font-size:64px}.lesson-lead{font-size:17px;line-height:1.7}.reveal{margin:12px 0}.key-points{display:grid;gap:10px;padding-left:22px}.key-points li{padding:10px;background:#172d44;border-radius:10px}.lesson-actions{display:flex;justify-content:space-between;gap:8px;margin-top:20px}.lesson-actions .complete,.exam-start button{background:#6868ef}.lesson-toc{max-height:75vh;overflow:auto}.lesson-toc>button{display:block;width:100%;text-align:left;margin:7px 0}.lesson-toc>button span{display:block;color:#9fb1c5;font-size:11px;margin-top:3px}.lesson-toc>button.active,.mode-tabs button.active{border-color:#7776ff;background:#353676}.mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.practice-card{max-width:880px;margin:auto;display:grid;gap:14px}.practice-card.center,.exam-start{text-align:center}.flashcard{min-height:300px;display:grid;place-content:center;text-align:center;background:#142a43}.flashcard b{font-size:clamp(28px,5vw,48px)}.flashcard small{display:block;color:#9fb1c5;margin-top:12px}.ratings,.answer-options,.word-bank{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.answer-options{grid-template-columns:1fr}.answer-options label,.answer-options button{padding:12px;text-align:left;background:#142b43;border-radius:10px}.feedback,.notice{padding:13px;border-radius:12px;background:#172d44}.feedback.good{color:#63dda0;border-left:4px solid #46d28a}.feedback.bad,.notice.error{color:#ff8497;border-left:4px solid #ff6b7d}.built-sentence{min-height:70px;padding:15px;border:1px dashed #53718e;border-radius:12px}.exam-start{margin-top:25px}.exam-start h2{font-size:46px}.exam-paper{max-width:920px;margin:auto}.exam-paper textarea{width:100%;min-height:140px}.exam-paper fieldset{display:grid;gap:8px;margin-top:15px}.exam-status{color:#60dad0;font-weight:900}.exam-nav{display:flex;justify-content:space-between;margin-top:25px}.review-list{display:grid;gap:10px;margin-top:15px}.review-list article{padding:14px;border-radius:12px;background:#142b43}.review-list .wrong{border-left:5px solid #ff6b7d}.review-list .correct{border-left:5px solid #45d483}.result-card{display:grid;grid-template-columns:1fr auto;gap:14px;margin-top:12px}.result-card span,.admin-result span{display:block;color:#91a8c1}.result-card>strong{font-size:30px}.result-card .review-list{grid-column:1/-1}.score-bars{height:300px;display:flex;align-items:end;gap:12px;margin-top:30px}.score-bars>div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;min-width:70px}.score-bars i{display:block;width:45px;background:#625de8;border-radius:8px 8px 0 0}.grade-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.grade-fields label,.admin-result label{display:grid;gap:6px}.grade-result{font-size:26px;margin-top:20px}.skill-list{display:grid;gap:10px}.skill-list>div{display:grid;grid-template-columns:240px 1fr 50px;gap:10px;align-items:center}.skill-list progress,.learning-page>progress{width:100%}.admin-result{display:grid;grid-template-columns:1.3fr .5fr .5fr 1fr auto;gap:10px;align-items:end;margin-top:10px}.settings-card code{word-break:break-all}.school-result-form,.scoreboard-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.school-result-form label,.scoreboard-controls label{display:grid;gap:5px}.school-result-form textarea{min-height:42px}.scoreboard-table{display:grid;gap:10px;margin-top:18px}.current-user{border-color:#62ded2}.numeric-answers{display:grid;gap:10px}.numeric-answers label{display:grid;gap:5px}[data-shs-theme=light] .studio-shell main{background:#eef5fb;color:#102238}[data-shs-theme=light] .learning-page .feature-grid>*,[data-shs-theme=light] .learning-page .subject,[data-shs-theme=light] .learning-page .exam-start,[data-shs-theme=light] .learning-page .settings-card,[data-shs-theme=light] .learning-page .result-card,[data-shs-theme=light] .learning-page .practice-card,[data-shs-theme=light] .learning-page .exam-paper,[data-shs-theme=light] .learning-page .lesson-card,[data-shs-theme=light] .learning-page .lesson-toc{background:#fff;color:#102238}[data-shs-theme=light] .learning-page input,[data-shs-theme=light] .learning-page select,[data-shs-theme=light] .learning-page textarea{background:#fff;color:#102238}@media(max-width:900px){.feature-grid,.subject-grid,.grade-fields,.lesson-layout,.admin-result{grid-template-columns:1fr}.ratings{grid-template-columns:repeat(2,1fr)}}.pklp-mode-tabs{border-bottom:1px solid #29435e;padding-bottom:12px}.artifact-card img,.balangay-card img{width:100%;max-height:430px;object-fit:contain;border-radius:14px;background:#fff}.artifact-reasoning{display:grid;gap:4px}.artifact-reasoning p{margin:3px 0}.timeline-list{display:grid;gap:8px}.continuity-row{display:grid!important;gap:8px;text-align:left!important}.continuity-row span{color:#b8c9d8;font-weight:400}.balangay-card label{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:center}.source-note{border-left:4px solid #f0bb4f;background:#332b19;padding:12px;border-radius:10px}.exam-notice{max-width:900px;margin:16px auto}.provenance-pill{font-size:11px;color:#8eddd5;text-transform:uppercase}.today-hero{display:grid;gap:10px}.today-hero progress{width:min(620px,100%);height:10px}.today-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:20px;align-items:start}.today-plan,.today-insight,.evidence-summary>section,.admin-profile-grid>article{display:grid;gap:12px}.task-section{background:#101f32;border:1px solid #29435e;border-radius:16px;padding:16px}.task-section h2{display:flex;justify-content:space-between;margin-top:0}.task-section h2 small{background:#274360;border-radius:999px;padding:4px 9px}.daily-task{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #29435e}.daily-task>div,.today-insight article,.evidence-row>div{display:grid;gap:3px}.daily-task span,.daily-task small,.today-insight small,.evidence-row span,.evidence-row small,.subject-mastery-grid span,.analytics-row small{color:#a9bfd2;display:block}.daily-task.completed{opacity:.65}.daily-task.completed b{text-decoration:line-through}.task-check{border-radius:50%;width:34px;height:34px;padding:0}.today-insight{position:sticky;top:18px;background:linear-gradient(150deg,#17314b,#11243a);border:1px solid #365b7d;border-radius:18px;padding:20px}.mastery-big{font-size:42px;color:#74e2d6}.risk-note{border-left:4px solid #efb452;background:#332b19;padding:10px 12px;border-radius:8px}.empty-state{color:#a9bfd2;border:1px dashed #36516b;border-radius:10px;padding:12px}.evidence-summary,.admin-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.evidence-summary>section,.admin-profile-grid>article{background:#101f32;border:1px solid #29435e;border-radius:16px;padding:18px}.evidence-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #29435e;padding:10px 0}.evidence-row>strong{text-align:right}.recall-fieldset{display:grid;gap:16px;border:1px solid #365b7d;border-radius:16px;padding:20px}.recall-question{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid #29435e}.subject-mastery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.subject-mastery-grid article{display:grid;gap:7px;background:#101f32;border:1px solid #29435e;border-radius:14px;padding:15px}.subject-mastery-grid strong{font-size:28px;color:#74e2d6}.analytics-table{display:grid;overflow-x:auto;border:1px solid #29435e;border-radius:14px}.analytics-head,.analytics-row{min-width:690px;display:grid;grid-template-columns:minmax(220px,1.4fr) .6fr .6fr 1.4fr;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid #29435e;text-align:left}.analytics-head{background:#17314b}.analytics-row{background:#101f32;color:inherit;border-radius:0}.analytics-row.strong{border-left:5px solid #55d6a9}.analytics-row.weak{border-left:5px solid #ef796f}.admin-overview .analytics-head,.admin-overview .analytics-row{grid-template-columns:minmax(220px,1.4fr) .55fr .55fr .7fr 1.2fr}.trend-chart{background:#101f32;border:1px solid #29435e;border-radius:16px;padding:12px;margin:18px 0}.trend-chart svg{width:100%;max-height:280px}.trend-chart line{stroke:#66819a;stroke-width:1}.trend-chart .gridline{stroke:#243d55}.trend-chart text{fill:#a9bfd2;font-size:12px}.trend-chart circle.simulation-point,.legend.simulation-point{fill:#65d8ce;color:#65d8ce}.trend-chart circle.school-point,.legend.school-point{fill:#f0bb4f;color:#f0bb4f}.trend-chart .mastery-line{fill:none;stroke:#a98cff;stroke-width:4}.trend-chart circle.mastery-point,.legend.mastery-point{fill:#a98cff;color:#a98cff}.trend-chart figcaption{display:flex;gap:20px;justify-content:center}.schedule-list{display:flex;flex-wrap:wrap;gap:8px}.schedule-list span{background:#17314b;padding:8px 12px;border-radius:999px}.admin-inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:end;background:#101f32;border:1px solid #29435e;border-radius:14px;padding:14px;margin-bottom:20px}.admin-inline-form label{display:grid;gap:5px}[data-shs-theme=light] .task-section,[data-shs-theme=light] .today-insight,[data-shs-theme=light] .evidence-summary>section,[data-shs-theme=light] .admin-profile-grid>article,[data-shs-theme=light] .subject-mastery-grid article,[data-shs-theme=light] .analytics-row,[data-shs-theme=light] .trend-chart,[data-shs-theme=light] .admin-inline-form{background:#fff;color:#102238}@media(max-width:900px){.today-grid,.evidence-summary,.admin-profile-grid{grid-template-columns:1fr}.today-insight{position:static}.daily-task{grid-template-columns:auto 1fr}.daily-task .button-link{grid-column:2}}