.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#f8faf9;color:#17221d}.auth-panel{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:440px;margin:0 auto;padding:32px 24px}.auth-brand{font-weight:700;font-size:18px;color:#193b5a;margin-bottom:32px}.auth-brand span{color:#4dbd7a}.auth-panel h1{margin:0;font-size:32px;letter-spacing:.02em;color:#193b5a}.auth-lead{color:#68756e;margin:6px 0 28px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}.auth-field input{height:44px;padding:0 12px;border:1px solid #E2EAE5;border-radius:8px;background:#fff;color:#17221d;font:inherit}.auth-field input:focus{outline:2px solid #168A5B;outline-offset:1px}.auth-password{display:flex;gap:8px}.auth-password input{flex:1}.auth-password button{padding:0 14px;border:1px solid #E2EAE5;border-radius:8px;background:#e8f6ef;color:#168a5b;font-weight:600;cursor:pointer}.auth-btn{height:46px;border:0;border-radius:8px;background:#168a5b;color:#fff;font-weight:700;letter-spacing:.04em;cursor:pointer}.auth-btn:hover{background:#117149}.auth-error{margin:0;padding:10px 12px;border-radius:8px;background:#fcebeb;color:#a83c39;font-size:14px}.auth-footer{font-size:14px;color:#68756e}.auth-footer a{color:#168a5b;font-weight:600}auth-success{margin:0;padding:10px 12px;border-radius:8px;background:#e8f6ef;color:#117149;font-size:14px}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-visual{position:relative;display:flex;align-items:center;justify-content:center;background:#f4f5f1;overflow:hidden}.auth-visual img{width:min(70%,420px);height:auto;object-fit:contain;mix-blend-mode:multiply}.auth-overlay{position:absolute;inset:auto 0 0 0;padding:32px 40px;color:#fff;background:linear-gradient(to top,rgba(25,59,90,.9),transparent)}.auth-overlay h2{margin:0}.auth-overlay p{margin:4px 0 0;opacity:.9}[data-theme=dark] .auth-page{background:#0f1713;color:#f1f7f3}[data-theme=dark] .auth-panel h1,[data-theme=dark] .auth-brand{color:#f1f7f3}[data-theme=dark] .auth-field input{background:#192820;border-color:#2a3a31;color:#f1f7f3}[data-theme=dark] .auth-visual{background:#f4f5f1}@media (max-width: 800px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}}.main:has(.lesson){max-width:none}.ide{--ide-blue:#1b9bd8;display:grid;grid-template-columns:210px minmax(0,1fr) 58px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:clamp(460px,72vh,640px);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:14px 0;background:var(--card)}.ide-tools{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--card)}.ide-tools-h{padding:10px 14px;font-weight:800;letter-spacing:.06em;color:var(--navy)}[data-theme=dark] .ide-tools-h{color:var(--text)}.ide-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px 10px}.ide-cat{display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;color:var(--text);background:var(--mint);border:2px solid transparent;border-radius:8px;padding:6px 2px;cursor:pointer}.ide-cat small{font-size:.68rem;font-weight:700}.ide-cat[aria-selected=true]{border-color:var(--ide-blue);background:var(--card)}.ide-tools-b{flex:1;overflow:auto;padding:2px 10px 12px}.ide-tools-b h4{margin:8px 0;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ide-block{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;margin:0 0 6px;padding:7px 10px;font:inherit;font-size:.82rem;font-weight:600;color:#fff;background:var(--ide-blue);border:0;border-radius:4px;cursor:pointer;text-align:left}.ide-block:hover{filter:brightness(1.08)}.ide-block i{flex:none;width:16px;height:16px;border-radius:50%;background:#fff;color:var(--ide-blue);font:700 .7rem/16px Georgia,serif;text-align:center}.ide-code{display:flex;min-width:0;min-height:0;background:#1e1f26}.ide-code:focus-within{box-shadow:inset 0 0 0 2px var(--amber)}.ide-gutter,.ide-code textarea{font:14px/1.6 ui-monospace,Consolas,monospace;margin:0}.ide-gutter{flex:none;min-width:42px;padding:12px 8px 40px 10px;overflow:hidden;text-align:right;color:#6b7280;background:#181920;-webkit-user-select:none;user-select:none}.ide-code textarea{flex:1;min-width:0;padding:12px;color:#e8f6ef;caret-color:#4dbd7a;background:transparent;border:0;outline:0;resize:none;white-space:pre;overflow:auto;-moz-tab-size:2;tab-size:2}.ide-actions{display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 0;background:#343a46}.ide-act{width:40px;height:40px;display:grid;place-items:center;font-size:1.05rem;color:#fff;border:0;border-radius:50%;cursor:pointer}.ide-act:hover{filter:brightness(1.12)}.ide-act.run{background:#4cae3e}.ide-act.save{background:#1b9bd8}.ide-act.reset{background:#f08a24}.ide-act.stop{background:#e5383b}.ide-stage{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}.ide-stage iframe{flex:1;width:100%;min-height:0;border:0;background:#fff}.ide-console{flex:none;max-height:150px;min-height:72px;overflow:auto;background:#12131a;color:#d6e2dc;font:12.5px/1.5 ui-monospace,Consolas,monospace}.ide-console-h{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:3px 10px;background:#232530;color:#9aa5b1;font-weight:700}.ide-console-h button{font:inherit;color:#9aa5b1;background:none;border:0;cursor:pointer;text-decoration:underline}.ide-line{padding:1px 10px;white-space:pre-wrap;word-break:break-word}.ide-line.dim{color:#6b7280}.ide-line.error{color:#ff8b8b}.ide-line.warn{color:#f4c95d}.ide-status{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 12px;font-size:.8rem;color:var(--text);background:var(--mint);border-top:1px solid var(--border)}@media (max-width:980px){.ide{grid-template-columns:1fr;grid-template-rows:none;height:auto}.ide-tools{max-height:230px;border-right:0;border-bottom:1px solid var(--border)}.ide-code{height:320px}.ide-actions{flex-direction:row;justify-content:center;padding:10px}.ide-stage{height:380px}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.block{display:block}.gr{display:inline-block;min-width:1.9em;text-align:center;font-weight:800;padding:1px 8px;border-radius:8px;background:#e8f6ef;color:#17221d}.grade-A{background:#d7f3e3;color:#0b5a38}.grade-B{background:#dcebfa;color:#174c7e}.grade-C{background:#fff3cc;color:#6e5200}.grade-D{background:#ffe3cc;color:#8a3f00}.grade-E{background:#fbdada;color:#a83c39}.grade-EE{background:#d7f3e3;color:#0b5a38}.grade-ME{background:#dcebfa;color:#174c7e}.grade-AE{background:#fff3cc;color:#6e5200}.grade-BE{background:#fbdada;color:#a83c39}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;margin:12px 0}.stat{margin:0;text-align:center;padding:10px}.stat b{display:block;font-size:1.4rem;color:var(--text)}.stat span{color:var(--muted);font-size:.8rem}.gradebtn{font:inherit;color:var(--text);cursor:pointer}.gradebtn:hover{background:var(--mint)}.gradebtn.on{border:2px solid var(--primary);background:var(--mint)}.rank-table td.rk{font-weight:800;font-size:1.05rem;width:3.5em}.rank-table tr.me td{background:var(--mint);font-weight:600}.rank-table tr.gap td{text-align:center;color:var(--muted);letter-spacing:.3em}small.muted.block{font-size:.78rem}.standing{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.standing-main{flex:1;min-width:240px}.standing h2 small{font-size:.9rem;color:var(--muted);font-weight:500}.bigGrade{flex:none;width:92px;height:92px;display:grid;place-items:center;font-size:3.2rem;font-weight:900;border-radius:18px}.split-bars{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:600px){.split-bars{grid-template-columns:1fr}}.check{display:flex;align-items:center;gap:10px;font-weight:600}.check input{width:20px;height:20px}.qcard{position:relative}.qcard legend{font-weight:800;color:var(--navy);padding:0 6px}[data-theme=dark] .qcard legend{color:var(--text)}.qtools{position:absolute;top:10px;right:12px;display:flex;gap:6px}.optrow{display:flex;gap:8px;align-items:center;margin:6px 0}.optrow input[type=text]{flex:1;min-width:0}.optrow input[type=radio],.optrow input[type=checkbox]{flex:none;width:20px;height:20px;accent-color:var(--primary)}.sticky-save{position:sticky;bottom:0;background:var(--bg);padding:12px 0;border-top:1px solid var(--border);z-index:2}.imp textarea{width:100%;min-height:150px;font-family:ui-monospace,Consolas,monospace;font-size:.85rem;white-space:pre}.imp-sum{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.imp-sum .tag{font-size:.85rem;padding:4px 10px}.imp-scroll{max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:8px}.tag.warn{background:#fff8df;color:#6e5200}.linkbtn{font:inherit;color:var(--primary);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}label.f input[type=file]{padding:6px}.notes-help{margin:8px 0;font-size:.88rem}.notes-help summary{cursor:pointer;font-weight:600;color:var(--primary)}.notes-help ul{margin:6px 0;padding-left:1.2em}.notes-help li{margin:3px 0}textarea.notes{width:100%;font-family:inherit;font-size:.95rem;line-height:1.6;white-space:pre-wrap;min-height:220px}:root{--primary:#168A5B;--primary-h:#117149;--on-primary:#fff;--green:#4DBD7A;--mint:#E8F6EF;--bg:#F8FAF9;--card:#fff;--navy:#193B5A;--text:#17221D;--muted:#68756E;--border:#E2EAE5;--track:#DDE8E1;--amber:#F4C95D;--error:#D9534F;font-family:Lexend,system-ui,sans-serif}[data-theme=dark]{--bg:#0F1713;--card:#192820;--navy:#101C28;--primary:#4DBD7A;--primary-h:#70D99A;--on-primary:#0F1713;--mint:#193A2A;--text:#F1F7F3;--muted:#A9B8AF;--border:#2A3A31;--track:#2A3A31}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--primary)}h1,h2,h3{color:var(--navy);margin:.3em 0}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:var(--text)}.brand{display:flex;align-items:center;gap:10px}.brand-logo{height:36px;width:36px;object-fit:contain;background:#fff;border-radius:8px;padding:2px}.muted{color:var(--muted);font-size:.92rem;margin:.2em 0}.center{text-align:center;margin-top:20vh}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.side{background:var(--navy);padding:20px 12px;display:flex;flex-direction:column;gap:4px}.side a{color:#dbe6ee;text-decoration:none;padding:10px 12px;border-radius:8px}.side a.active{background:#168a5b;color:#fff;font-weight:600}.brand{color:#fff;font-weight:800;font-size:1.2rem;margin:0 0 16px 8px}.brand span{color:var(--green)}.brand.dark{color:var(--navy)}.main{padding:24px 32px;max-width:none;width:100%;min-width:0}@media (max-width:720px){.shell{grid-template-columns:1fr}.side{flex-direction:row;overflow-x:auto;padding:8px}.brand{display:none}.main{padding:16px}}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.grid .card{margin:0}.icon{width:42px;height:42px;background:var(--mint);border-radius:10px;display:grid;place-items:center;font-size:1.3rem}.bar{height:10px;background:var(--track);border-radius:6px;overflow:hidden}.bar.big{height:16px}.bar i{display:block;height:100%;background:var(--green);transition:width .4s}.btn{display:inline-block;font:inherit;font-weight:600;background:var(--primary);color:var(--on-primary);border:2px solid var(--primary);padding:8px 18px;border-radius:8px;cursor:pointer;text-decoration:none}.btn:hover{background:var(--primary-h);border-color:var(--primary-h)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:var(--card);color:var(--primary)}.btn.ghost:hover{background:var(--mint)}.btn.danger{background:var(--error);border-color:var(--error);color:#fff}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.login{max-width:400px;margin:8vh auto;display:flex;flex-direction:column;gap:6px}input{font:inherit;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text)}label{font-weight:600;font-size:.9rem}.note.error{background:#fcebeb;color:#a83c39;padding:8px 12px;border-radius:8px}.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 18px;margin:12px 0}.panel code{background:var(--mint);color:var(--primary);padding:1px 5px;border-radius:4px}.tip{background:#fff8df;border:1px solid var(--amber);color:#4a3a00;padding:12px 16px;border-radius:10px;margin:12px 0}.editor{border-radius:10px;overflow:hidden;margin:12px 0;background:#17221d}.ed-head{background:#193b5a;color:#e8f6ef;display:flex;justify-content:space-between;align-items:center;padding:6px 12px;font-family:monospace}.run{background:#168a5b;color:#fff;border:0;border-radius:6px;padding:4px 14px;font-weight:700;cursor:pointer}.run:hover{background:#117149}.ed-body{display:grid;grid-template-columns:1fr 1fr;min-height:240px}@media (max-width:720px){.ed-body{grid-template-columns:1fr}}.ed-body textarea{background:#17221d;color:#e8f6ef;caret-color:#4dbd7a;border:0;padding:12px;font:14px/1.6 ui-monospace,Consolas,monospace;resize:none;min-height:240px}.ed-body iframe{width:100%;height:100%;min-height:240px;border:0;background:#fff}.list{list-style:none;padding:0}.list li{padding:8px 0;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center}.dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;font-size:.75rem;flex:none}.dot.completed{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.dot.in_progress{border-color:var(--green)}.answer{display:block;width:100%;text-align:left;font:inherit;background:var(--card);color:var(--text);border:2px solid var(--border);border-radius:10px;padding:12px 14px;margin:8px 0;cursor:pointer}.answer:hover{background:var(--mint)}.answer.sel{background:var(--mint);border-color:var(--primary)}.badge{text-align:center}.trophy{font-size:2rem}.badge.locked{opacity:.55;filter:grayscale(1)}.badge.in_progress{border-color:var(--green)}.badge.completed{background:#fff8df;border-color:var(--amber);color:#6e5200}.badge.completed h3{color:#6e5200}.badge.special{background:var(--navy);color:#fff}.badge.special h3{color:#fff}.stats b{display:block;font-size:1.8rem;color:var(--primary)}.streak{color:#b58a00;font-weight:700}.tabs,.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tab{font:inherit;font-weight:600;border:2px solid var(--border);background:var(--card);color:var(--text);padding:6px 14px;border-radius:8px;cursor:pointer}.tab[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.tab.full{display:block;width:100%;text-align:left;margin-bottom:6px}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:.85rem;color:var(--muted)}.meter{display:inline-block;width:90px;height:8px;background:var(--track);border-radius:6px;overflow:hidden;vertical-align:middle;margin-right:6px}.meter i{display:block;height:100%;background:var(--green)}.tag{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--mint);color:var(--primary)}.tag.off{background:#fcebeb;color:#a83c39}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}@media (max-width:720px){.split,.two{grid-template-columns:1fr}}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}label.f{display:block;font-weight:600;font-size:.9rem;margin-top:8px}label.f input,label.f textarea,label.f select{width:100%;margin-top:4px}select,textarea{font:inherit;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text)}textarea.code{font-family:ui-monospace,Consolas,monospace;min-height:110px}.btn.sm{padding:3px 10px;font-size:.85rem}.note{background:var(--mint);color:var(--text);padding:8px 12px;border-radius:8px}.note.error{background:#fcebeb;color:#a83c39}h1,h2,h3,.brand .brand{font-family:Orbitron,system-ui,sans-serif}.lesson .panel,.lesson .tip{max-width:none}.lesson .panel{padding:20px 28px;font-size:1.05rem;line-height:1.8}.lesson .panel h1,.lesson .panel h2,.lesson .panel h3{font-family:inherit;font-size:1.3rem;margin:1.4em 0 .5em}.lesson .panel p{margin:.9em 0}.lesson .panel ul,.lesson .panel ol{padding-left:1.4em}.lesson .panel li{margin:.45em 0}.lesson .panel code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;padding:2px 6px}.lesson .tip{font-size:1rem;line-height:1.6}.main,.panel,.card,.tip{overflow-wrap:anywhere}.lesson .panel table{width:100%}.lesson .panel th,.lesson .panel td{white-space:normal;vertical-align:top}.lesson .panel .tbl{overflow-x:auto}.lesson .panel pre{white-space:pre-wrap}.lesson .panel img,.lesson .panel video,.lesson .panel iframe{max-width:100%}.lesson .panel a.media-link{display:inline-block;font-weight:600}.lesson .panel .media-soon{color:var(--muted);font-style:italic}@media (max-width:720px){.main{padding:16px}}@media (max-width: 720px){.shell{grid-template-rows:auto minmax(0,1fr)}.side{align-items:center;gap:6px;position:sticky;top:0;z-index:20;-webkit-overflow-scrolling:touch}.side a{flex:0 0 auto;white-space:nowrap;padding:8px 12px}}