@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap";.code-editor-host[data-v-c5c01eef]{min-width:0;min-height:0;height:100%;overflow:hidden}.code-editor-host[data-v-c5c01eef] .cm-editor{height:100%}.code-editor-host[data-v-c5c01eef] .cm-scroller{overflow:auto}:root{font-family:Manrope,sans-serif;color:#20221e;background:#f1f1eb;font-synthesis:none;--ink: #20221e;--muted: #777a70;--line: #dedfd6;--paper: #f8f8f3;--acid: #dfff72;--green: #244b3b;--editor: #151713}*{box-sizing:border-box}body{margin:0;min-width:1040px;min-height:100vh;background:#edeee7}button,textarea{font:inherit}button{cursor:pointer}.app-shell{height:100vh;display:grid;grid-template-rows:66px 1fr;overflow:hidden}.topbar{display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:0 22px;background:#f8f8f4;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-size:19px;font-weight:800;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px 9px 9px 2px;color:var(--acid);background:var(--green);font-family:Georgia,serif;font-style:italic}.lesson-progress{justify-self:center;display:grid;grid-template-columns:auto 180px auto;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.lesson-progress strong{color:var(--ink);font-size:11px}.progress-track{width:180px;height:4px;overflow:hidden;background:#dedfd7;border-radius:5px}.progress-track i{display:block;height:100%;background:var(--green);transition:width .3s ease}.top-actions{justify-self:end;display:flex;align-items:center;gap:9px}.profile{width:34px;height:34px;border:0;border-radius:50%;background:#dde1d4;color:var(--green);font-size:11px;font-weight:800}.ai-settings-button{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:#62675d;background:#f1f2eb;font-size:8px;font-weight:800;text-transform:uppercase}.ai-settings-button span{width:7px;height:7px;border-radius:50%;background:#72ad4d;box-shadow:0 0 0 3px #dce9d4}.ai-settings-button:hover{border-color:#aeb5a7}.level-badge{padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:var(--green);background:#eef4e6;font-size:8px;font-weight:800;text-transform:uppercase;white-space:nowrap}.workspace{min-height:0;display:grid;grid-template-columns:66px minmax(275px,22%) minmax(420px,1fr) minmax(310px,25%)}.rail{padding:26px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#f8f8f4;border-right:1px solid var(--line)}.eyebrow{margin:0 0 4px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:1.7px;color:#a0a297}.language-button,.rail-help{width:38px;height:38px;border:1px solid transparent;border-radius:10px;background:transparent;color:#777a70;font-family:DM Mono,monospace;font-size:11px;transition:.18s}.language-button:hover{background:#eceee6;color:var(--ink)}.language-button.active{background:var(--green);color:var(--acid);box-shadow:0 5px 14px #244b3b25}.rail-spacer{flex:1}.rail-help{border-color:var(--line);border-radius:50%}.lesson-panel{min-width:0;padding:30px clamp(22px,2.6vw,42px);overflow-y:auto;background:var(--paper);border-right:1px solid var(--line)}.lesson-number{margin-bottom:13px;color:#8b8e83;font-size:9px;font-weight:800;letter-spacing:1.2px}.tags{display:flex;gap:7px}.tags span{padding:5px 8px;border-radius:5px;background:#e6e9df;color:#526056;font-size:9px;font-weight:700}.tags span:last-child{color:#7b6531;background:#f1e8c9}h1{max-width:360px;margin:18px 0 12px;font-size:clamp(25px,2vw,34px);line-height:1.08;letter-spacing:-1.5px}.story{margin:0;max-width:390px;color:#73766d;font-size:12px;line-height:1.65}.objective-card{display:flex;gap:13px;margin:24px 0;padding:16px;border:1px solid #dce1d4;border-radius:10px;background:#f2f5eb}.objective-icon{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:7px;background:var(--green);color:var(--acid)}.objective-card small{color:#69806f;font-size:8px;font-weight:800;letter-spacing:1px}.objective-card p{margin:5px 0 0;font-size:11px;line-height:1.5}h2{margin:0 0 12px;font-size:12px}.requirements{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}.requirements li{display:flex;gap:9px;color:#54574f;font-size:11px;line-height:1.4}.requirements span{flex:0 0 14px;height:14px;border:1px solid #bfc2b8;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1;color:#fff;transition:background .2s ease,border-color .2s ease}.requirements.checklist li.done{color:var(--ink)}.requirements.checklist li.done span{background:var(--green);border-color:var(--green)}.checklist-status{font-weight:600;text-transform:none;font-size:10px;color:#8a8d82;margin-left:6px}.checklist-hint{margin:-14px 0 20px;font-size:9px;color:#9a9d92}details{padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#5f6259;font-size:10px}details summary{cursor:pointer;font-weight:700;color:var(--ink)}details ul{padding-left:20px;line-height:1.6}.finish-button{display:flex;justify-content:space-between;width:100%;margin-top:24px;padding:13px 15px;border:0;border-radius:8px;color:#f7faef;background:var(--green);font-size:11px;font-weight:700}.finish-button:hover{background:#183b2d}.finish-button:disabled{opacity:.65;cursor:wait}.finish-button span{color:var(--acid)}.finish-hint{text-align:center;color:#9a9c93;font-size:8px}.submission-error{display:grid;gap:5px;margin-top:18px;padding:12px;border:1px solid #e4c3bd;border-radius:9px;color:#914a42;background:#f7e8e4;font-size:9px;line-height:1.5}.submission-error strong{font-size:9px}.submission-error+.finish-button{margin-top:10px}.ai-suspicion-notice{display:grid;gap:5px;margin-top:18px;padding:12px;border:1px solid #e8b95f;border-radius:9px;color:#7a5a12;background:#fbf0d9;font-size:9px;line-height:1.5}.ai-suspicion-notice strong{font-size:9px}.ai-suspicion-notice+.finish-button{margin-top:10px}.panel-state{margin-top:30vh;text-align:center;color:var(--muted);font-size:12px}.error-state{color:#a85353}.skip-button{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:11px 15px;border:1px solid var(--line);border-radius:8px;color:#5c6055;background:transparent;font-size:10px;font-weight:700}.skip-button:hover{border-color:#aeb5a7;color:var(--green)}.skip-button:disabled{opacity:.5;cursor:default}.skip-button small{color:#9a9c93;font-weight:500}.skip-error{margin:8px 0 0;text-align:center;color:#a85353;font-size:9px}.logout-button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:#8b8e83;background:transparent;font-size:13px}.logout-button:hover{border-color:#c98d85;color:#a85353}.login-shell{min-height:100vh;display:grid;place-items:center;background:#edeee7}.login-card{width:min(340px,90vw);display:grid;gap:14px;padding:30px 26px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 25px 80px #0002}.login-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.7px}.login-subtitle{margin:-6px 0 4px;color:var(--muted);font-size:11px}.login-card label{display:grid;gap:7px}.login-card label>span{color:#474b43;font-size:10px;font-weight:800}.login-card input{width:100%;height:40px;padding:0 11px;outline:none;border:1px solid #d7d9d0;border-radius:8px;color:#30332e;background:#fff;font:10px DM Mono,monospace}.login-card input:focus{border-color:#7e9582;box-shadow:0 0 0 3px #244b3b0d}.login-error{margin:0;padding:10px;border-radius:8px;color:#9c4a43;background:#f3dfdc;font-size:9px;line-height:1.5}.login-button{margin-top:4px;padding:12px;border:0;border-radius:8px;color:var(--acid);background:var(--green);font-size:11px;font-weight:800}.login-button:hover{background:#183b2d}.login-button:disabled{opacity:.65;cursor:wait}.code-panel{min-width:0;min-height:0;display:grid;grid-template-rows:48px 1fr auto;background:var(--editor)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:0 13px 0 19px;color:#c4c8bc;background:#1b1d19;border-bottom:1px solid #2d302a}.file-tab{align-self:stretch;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--acid);font:10px DM Mono,monospace}.status-dot{width:6px;height:6px;border-radius:50%;background:#e2b85f}.run-button{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #3d4238;border-radius:7px;background:#292d27;color:#e5e8dd;font-size:10px;font-weight:700}.run-button span{color:var(--acid);font-size:9px}.run-button:hover{border-color:#69705f}.run-button:disabled{opacity:.55;cursor:wait}.editor-wrap{position:relative;min-height:0;min-width:0;display:grid;overflow:hidden}.editor-blocked-notice{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:2;padding:8px 14px;border-radius:8px;color:#f5c9c2;background:#3a1f1c;font:9px DM Mono,monospace;box-shadow:0 8px 24px #0006}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.console{max-height:190px;border-top:1px solid #2d302a;background:#11130f;transition:.2s}.console.closed{height:38px}.console-header{width:100%;height:38px;display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:0 16px;border:0;background:#1a1c18;color:#777c71;text-align:left;font:8px DM Mono,monospace;letter-spacing:1px}.console-header i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#6b6f66}.console-header i.ok{background:#9bdc70;box-shadow:0 0 7px #9bdc70}.console-header i.bad{background:#e07868}.console pre{height:118px;margin:0;padding:14px 17px;overflow:auto;color:#888d81;white-space:pre-wrap;font:10px/1.55 DM Mono,monospace}.console pre.success{color:#b9dca1}.console pre.failure{color:#e4a096}.tutor-panel{min-width:0;min-height:0;display:grid;grid-template-rows:63px 1fr auto auto;background:#f5f5f0}.tutor-header{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:0 17px;border-bottom:1px solid var(--line)}.mentor-avatar,.mini-avatar{position:relative;display:grid;place-items:center;border-radius:10px 10px 10px 3px;background:var(--green);color:var(--acid);font-family:Georgia,serif;font-style:italic}.mentor-avatar{width:34px;height:34px}.mentor-avatar span{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #f5f5f0;border-radius:50%;background:#76b94e}.tutor-header strong,.tutor-header small{display:block}.tutor-header strong{font-size:11px}.tutor-header small{margin-top:2px;color:#8c8f85;font-size:8px}.online{padding:4px 7px;border-radius:8px;color:#49703a;background:#e2edd9;font-size:7px;font-weight:700;text-transform:uppercase}.messages{min-height:0;padding:19px 16px;overflow-y:auto}.message-row{display:flex;gap:8px;margin-bottom:16px}.message-row.user{justify-content:flex-end}.mini-avatar{flex:0 0 24px;height:24px;border-radius:7px 7px 7px 2px;font-size:11px}.bubble{max-width:85%;padding:11px 12px;border-radius:4px 12px 12px;color:#4f524a;background:#fff;box-shadow:0 2px 9px #2930210a;font-size:10px;line-height:1.55;white-space:pre-wrap}.user .bubble{border-radius:12px 4px 12px 12px;color:#f5f6f0;background:var(--green)}.typing{display:flex;gap:3px;align-items:center;height:35px}.typing i{width:4px;height:4px;border-radius:50%;background:#899084;animation:pulse 1s infinite alternate}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.25;transform:translateY(-2px)}}.quick-actions{display:flex;gap:6px;padding:0 14px 10px;overflow-x:auto}.quick-actions button{flex:0 0 auto;padding:7px 9px;border:1px solid #d9dbd2;border-radius:12px;color:#6d7167;background:#fafaf6;font-size:8px}.quick-actions button:hover{border-color:#aeb5a7;color:var(--green)}.chat-form{position:relative;margin:0 14px 14px;padding:10px 42px 18px 11px;border:1px solid #d6d8cf;border-radius:11px;background:#fff}.chat-form:focus-within{border-color:#98aa8d;box-shadow:0 0 0 3px #244b3b0c}.chat-form textarea{display:block;width:100%;resize:none;outline:none;border:0;color:var(--ink);background:transparent;font-size:10px;line-height:1.4}.chat-form textarea::placeholder{color:#a4a79e}.chat-form button{position:absolute;right:9px;bottom:15px;width:28px;height:28px;border:0;border-radius:8px;color:var(--acid);background:var(--green)}.chat-form button:disabled{opacity:.35;cursor:default}.chat-form small{position:absolute;left:11px;bottom:6px;color:#b0b2aa;font-size:6px}.english-panel{grid-column:2 / -1;min-width:0;min-height:0;display:grid;grid-template-rows:63px 1fr auto auto;background:#f5f5f0;border-left:1px solid var(--line)}.english-panel .tutor-header{grid-template-columns:38px 1fr auto auto auto}.level-update-notice{max-width:420px;margin:4px auto 16px;padding:9px 14px;border:1px solid #d8e2d1;border-radius:999px;color:#3d6b3e;background:#e1eedb;font-size:9px;line-height:1.5;text-align:center}.text-toggle{width:30px;height:26px;border:1px solid var(--line);border-radius:8px;color:#8b8e83;background:transparent;font:9px DM Mono,monospace;font-weight:700}.text-toggle.active{color:var(--green);border-color:#b9c7b1;background:#eef4e6}.text-toggle:hover{border-color:#aeb5a7}.bubble-hidden{color:#a1a49a;font-style:italic}.bubble-stack{display:grid;gap:6px;max-width:85%}.user .bubble-stack{justify-items:end}.bubble-stack .bubble{max-width:100%}.voice-player{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 12px 7px 8px;border:1px solid #dcded4;border-radius:999px;color:#4f524a;background:#fff;box-shadow:0 2px 9px #2930210a}.voice-player:hover{border-color:#aeb5a7}.voice-play-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:var(--acid);background:var(--green);font-size:8px}.voice-wave{display:flex;align-items:center;gap:2px;height:14px}.voice-wave i{width:2px;height:5px;border-radius:2px;background:#b7bbae}.voice-player.playing .voice-wave i{background:var(--green);animation:voice-bounce .8s ease-in-out infinite}.voice-wave i:nth-child(1){animation-delay:0s}.voice-wave i:nth-child(2){animation-delay:.1s}.voice-wave i:nth-child(3){animation-delay:.2s}.voice-wave i:nth-child(4){animation-delay:.3s}.voice-wave i:nth-child(5){animation-delay:.4s}@keyframes voice-bounce{0%,to{height:5px}50%{height:14px}}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#10130fc2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-modal{width:min(470px,100%);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto;border:1px solid #dedfd5;border-radius:16px;background:#f8f8f3;box-shadow:0 25px 80px #0006}.settings-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.settings-heading p{margin:0 0 6px;color:#8b8e83;font-size:8px;font-weight:800;letter-spacing:1.4px}.settings-heading h2{margin:0;font-size:22px;letter-spacing:-.7px}.settings-heading>button{width:30px;height:30px;border:0;border-radius:8px;color:#777b71;background:#eaebe4;font-size:20px;line-height:1}.settings-modal>label{display:grid;gap:7px;margin-top:15px}.settings-modal label>span{color:#474b43;font-size:10px;font-weight:800}.settings-modal label em{color:#8e9288;font-size:8px;font-style:normal;font-weight:500}.settings-modal input,.settings-modal select{width:100%;height:40px;padding:0 11px;outline:none;border:1px solid #d7d9d0;border-radius:8px;color:#30332e;background:#fff;font:10px DM Mono,monospace}.settings-modal input:focus,.settings-modal select:focus{border-color:#7e9582;box-shadow:0 0 0 3px #244b3b0d}.settings-modal label small{color:#969a90;font-size:8px;line-height:1.4}.ollama-note{display:grid;gap:4px;margin-top:17px;padding:12px;border:1px solid #d8e2d1;border-radius:9px;color:#57705a;background:#eef4e9;font-size:9px}.ollama-note span{color:#758078;line-height:1.5}.ollama-note code{padding:2px 4px;border-radius:4px;color:var(--green);background:#dfe9d8;font:8px DM Mono,monospace}.connection-result{margin:14px 0 0;padding:10px;border-radius:8px;color:#9c4a43;background:#f3dfdc;font-size:9px;line-height:1.5}.connection-result.passed{color:#3d6b3e;background:#e1eedb}.settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.settings-actions button{padding:10px 13px;border-radius:8px;font-size:9px;font-weight:800}.test-button{border:1px solid #d3d6cc;color:#62675e;background:transparent}.save-button{border:1px solid var(--green);color:var(--acid);background:var(--green)}.settings-actions button:disabled{opacity:.5;cursor:wait}.report-modal{width:min(760px,100%);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto;border:1px solid #dedfd5;border-radius:16px;background:#f8f8f3;box-shadow:0 25px 80px #0006}.report-status{margin:6px 0 0;color:#6d7165;font-size:10px}.report-status.report-error{color:#9c4a43}.report-list{display:grid;gap:14px;margin-top:16px}.report-card{padding:16px;border:1px solid #e3e4db;border-radius:12px;background:#fff}.report-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.report-card h3{margin:0;font-size:15px;letter-spacing:-.4px;text-transform:capitalize}.report-card>p{margin:0 0 12px;color:#474b43;font-size:10px;line-height:1.6}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-columns h4{margin:0 0 6px;color:#8b8e83;font-size:8px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.report-columns ul{margin:0;padding-left:16px;display:grid;gap:4px}.report-columns li{color:#474b43;font-size:9.5px;line-height:1.5}.history-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.history-filters button{padding:6px 10px;border:1px solid #d9dbd2;border-radius:999px;color:#6d7167;background:#fafaf6;font-size:9px;font-weight:700;text-transform:capitalize}.history-filters button:hover{border-color:#aeb5a7;color:var(--green)}.history-filters button.active{color:var(--acid);background:var(--green);border-color:var(--green)}.history-list{display:grid;gap:10px;margin-top:16px}.history-entry{padding:13px 16px;border:1px solid #e3e4db;border-radius:12px;background:#fff}.history-entry summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;cursor:pointer;list-style:none}.history-entry summary::-webkit-details-marker{display:none}.history-entry-title{flex:1 1 auto;min-width:140px;font-size:11px;font-weight:700;color:var(--ink)}.history-entry-date{color:#9a9c93;font-size:8px;white-space:nowrap}.history-entry-concept{margin:12px 0 6px;color:#8b8e83;font-size:8px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.history-entry-feedback{margin:0 0 10px;color:#474b43;font-size:10px;line-height:1.6}.history-entry-code{margin:0;padding:12px;max-height:220px;overflow:auto;border-radius:8px;color:#c4c8bc;background:var(--editor);font:9px/1.6 DM Mono,monospace;white-space:pre-wrap}.score-list{display:grid;gap:10px;margin:14px 0}.score-item{padding:10px 12px;border:1px solid #e3e4db;border-radius:9px;background:#fafaf6}.score-item-head{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;font-weight:700;color:var(--ink);text-transform:capitalize}.score-item-head strong{color:var(--green);font-size:10px}.score-bar{height:4px;margin:6px 0;overflow:hidden;border-radius:4px;background:#e3e4db}.score-bar i{display:block;height:100%;background:var(--green);transition:width .3s ease}.score-item small{color:#8b8e83;font-size:8.5px;line-height:1.4}.streak-summary{display:flex;gap:10px;margin-top:16px}.streak-summary div{flex:1;padding:14px;border:1px solid #e3e4db;border-radius:12px;background:#fff;text-align:center}.streak-summary strong{display:block;font-size:22px;color:var(--green);letter-spacing:-.5px}.streak-summary span{color:#8b8e83;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.roadmap-list{display:grid;gap:12px;margin-top:16px}.roadmap-lane{padding:12px 14px;border:1px solid #e3e4db;border-radius:12px;background:#fff}.roadmap-lane header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.roadmap-lane-label{font-size:11px;font-weight:700;color:var(--ink)}.roadmap-stages{display:flex;flex-wrap:wrap;gap:6px}.roadmap-stage{padding:6px 9px;border:1px solid #d9dbd2;border-radius:999px;color:#9a9c93;background:#fafaf6;font-size:8px;font-weight:700}.roadmap-stage.done{color:#3d6b3e;background:#e1eedb;border-color:#cddec5}.roadmap-stage.current{color:var(--acid);background:var(--green);border-color:var(--green)}.achievements-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.achievement{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #e3e4db;border-radius:10px;background:#fafaf6;opacity:.5}.achievement.achieved{opacity:1;background:#fff;border-color:#cddec5}.achievement-icon{flex:0 0 18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#9a9c93;background:#eceee7;font-size:10px}.achievement.achieved .achievement-icon{color:var(--acid);background:var(--green)}.achievement strong{display:block;font-size:10px;color:var(--ink)}.achievement small{color:#8b8e83;font-size:8.5px;line-height:1.4}@media(max-width:640px){.achievements-grid{grid-template-columns:1fr}}@media(max-width:640px){.report-columns{grid-template-columns:1fr}}@media(max-width:1220px){.workspace{grid-template-columns:56px 260px minmax(400px,1fr) 300px}.lesson-panel{padding-inline:22px}}@media(max-width:820px){body{min-width:0}.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{position:sticky;top:0;z-index:5;grid-template-columns:1fr auto}.lesson-progress{display:none}.workspace{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto 620px 560px}.rail{grid-row:1 / 4;position:sticky;top:66px;height:calc(100vh - 66px)}.lesson-panel,.code-panel,.tutor-panel,.english-panel{grid-column:2}.lesson-panel{max-height:none;border-bottom:1px solid var(--line)}.english-panel{grid-row:2 / 4;border-left:0}}