.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;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#173c66,transparent 38%),#071321}.login-card{width:min(430px,92vw);padding:36px;border:1px solid #294663;border-radius:26px;background:#0f2033;display:grid;gap:14px;box-shadow:0 30px 80px #0008}.login-card h1,.login-card p{margin:0;text-align:center}.brandmark{margin:auto;font-size:32px;background:#5f62e9;border-radius:18px;padding:14px}.login-card label{display:grid;gap:6px;font-weight:700}.login-card input{padding:12px;border-radius:10px;border:1px solid #35536f;background:#091727;color:#fff}.login-card button,.sign-out{padding:12px;border:0;border-radius:10px;background:#6868ef;color:#fff;font-weight:800}.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){.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-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}}.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)}}