[hidden]{display:none!important}.sidebar .side-label{margin-top:25px}.course-switch{display:flex;gap:5px;margin-top:30px;background:#1c233e;padding:5px;border-radius:10px}.course-switch a{width:50%;text-align:center;padding:8px 4px;border-radius:7px;color:#9da7c8;font-size:14px;font-weight:700}.course-switch a.active{background:#38476d;color:white}.course-switch a span{margin-left:5px;font-weight:500}.course-sql .button{background:#318e7b}.course-sql .button.light{background:#e4f3ec;color:#36836c}.course-sql .button.outline{background:white;color:#36836c;border-color:#d6e7de}.course-sql .hero{background:radial-gradient(ellipse at 85% 30%,#4c9286,transparent 60%),linear-gradient(110deg,#1d4845,#2b6960)}.course-sql .hero h2 em{color:#d3e9ab}.course-sql .progress-fill{background:#55a591}.course-sql .stat-icon{background:#e5f3ed;color:#46927d}.course-sql .lesson-number{background:#e7f4ee;color:#49937c}.course-sql .nav-link.active{background:#294f4c}.course-sql .track.selected{border-color:#7db4a4;background:#f0f9f4}.course-switch a.active[data-course=sql]{background:#2a5d56}#mobile-course{display:none}.storage-warning{background:#fff5d9;color:#8a6a21;font-size:15px;padding:11px 25px}.app-hero .hero-art{min-height:180px}.app-hero h2{font-size:31px}.app-hero{min-height:250px}.course-mark{width:120px;height:120px;border-radius:33px;background:#ffffff12;border:1px solid #ffffff2a;display:grid;place-content:center;font-size:49px;color:#f8d582;transform:rotate(-8deg);box-shadow:0 20px 40px #0002}.course-sql .course-mark{color:#d1e6af;transform:rotate(7deg)}.course-mark small{font-size:12px;letter-spacing:3px;color:#d7ddec;text-align:center}.lesson-layout{max-width:900px;margin:auto}.lesson-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.lesson-steps{display:flex;align-items:center;gap:6px;background:white;border:1px solid #e5e7ed;border-radius:11px;padding:12px 15px;font-size:13px;color:#a1a6b8;margin:20px 0}.lesson-steps span{padding:5px 8px}.lesson-steps span.passed{color:#4a947b;background:#edf7f0;border-radius:5px}.lesson-steps i{font-style:normal;color:#c9cbd5}.concept-number{font-size:13px;color:#8893c1}.lesson-panel h2{font-size:17px;margin:0 0 14px}.lesson-panel h3{font-size:16px}.lesson-panel p{font-size:16px;line-height:1.95;color:#717a92}.lesson-panel .explanation{font-size:16px}.lesson-panel{border:1px solid #e3e5ee;border-radius:14px;background:white;padding:27px;margin:24px 0}.challenge-card{background:#f1f3fb;border:1px solid #d9def3;padding:20px 23px;border-radius:12px;margin-top:25px}.challenge-card .eyebrow{font-size:11px;color:#808bb9}.challenge-card p{font-size:15px;line-height:1.8;color:#66627b;margin:10px 0 0}.course-sql .challenge-card{background:#edf6f0;border-color:#d6e9dc}.challenge-card details{font-size:14px;color:#9390a4;margin-top:15px}.challenge-card summary{cursor:pointer}.challenge-card details p{font-size:14px}.editor-toolbar{gap:9px;flex-wrap:wrap}.editor-toolbar .button{padding:10px 14px;font-size:13px}.editor-actions{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}.editor-toolbar .text-button{font-size:12px}textarea{min-height:210px}.output{overflow:auto;max-height:450px;overflow-wrap:anywhere}.result-panel{background:#11182b;color:#b8dfd0;padding:17px 20px;max-height:400px;overflow:auto;font-size:14px;line-height:1.8}.result-panel:empty{display:none}.result-table{border-collapse:collapse;width:100%;font:14px/1.7 monospace;margin:8px 0 18px;white-space:nowrap}.result-table th{background:#25334b;color:#cadbd8;font-weight:500;text-align:left}.result-table td,.result-table th{padding:8px 13px;border:1px solid #35425a}.null-cell{color:#7e8a9b;font-style:italic}.validation-feedback{margin:0;padding:13px 18px;font-size:14px;border-top:1px solid #ffffff16;background:#202943;color:#c6cce5;line-height:1.8}.validation-feedback.passed{background:#203f36;color:#b3e1c2}.validation-feedback.failed{background:#453339;color:#f1c6cb}.practice-note{font-size:13px;color:#9499ae;line-height:1.9;margin:13px 0}.lock-note{display:flex;gap:13px;align-items:center;padding:15px 18px;border:1px solid #dfe3f1;border-radius:11px;background:#f1f3fc;color:#7c829a;font-size:14px;margin:24px 0}.lesson-row.locked{cursor:default;color:#9699ab;background:#fbfbfd}.lesson-row.locked:hover{background:#fbfbfd}.lesson-row.locked .lesson-number{background:#f0f1f5;color:#b2b4c2}.lesson-row.locked p{color:#a9adbc}.lesson-row.current{border-left:3px solid #8a9ad9;background:#f9faff}.course-sql .lesson-row.current{border-left-color:#65a58d;background:#f7fcf9}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.schema-panel{background:white;border:1px solid #e3e6ef;border-radius:13px;overflow:hidden;margin:20px 0}.schema-panel h3{padding:17px;margin:0;font-size:15px;border-bottom:1px solid #eef0f4}.schema-panel details{padding:12px 16px;border-bottom:1px solid #eef0f4;font-size:13px;color:#8f97ac}.schema-panel summary{cursor:pointer;color:#576981;font-size:14px}.schema-panel pre{font:13px/1.9 monospace;color:#99a2b3;white-space:pre-wrap}.schema-panel p{padding:12px 16px;font-size:12px;color:#929cae;line-height:1.9}.session-banner{font-size:13px;color:#939baa;padding:13px 17px;background:#eef1f7;border-radius:9px;display:flex;justify-content:space-between;gap:15px}.session-banner button{border:0;background:none;color:#717ba2;font-size:13px}.course-card-small{display:flex;align-items:center;gap:17px;padding:20px;border:1px solid #e5e5ef;border-radius:13px;background:white}.course-card-small .course-mini{width:44px;height:44px;border-radius:13px;background:#edf0fd;color:#5975c7;display:grid;place-content:center;font-size:17px;font-weight:700}.course-card-small>div:nth-child(2){flex:1}.course-card-small b{font-size:16px}.course-card-small p{font-size:13px;color:#969bad;margin:7px 0}.course-card-small .progress-track{margin:10px 0 0}.course-overviews{display:grid;grid-template-columns:1fr 1fr;gap:18px}.progress-tools{display:flex;gap:12px;flex-wrap:wrap}.progress-tools label{cursor:pointer}.restart-modal-actions{display:flex;gap:10px;margin-top:22px}.milestone{display:flex;gap:20px;margin:23px 0}.milestone>div{flex:1;text-align:center;background:white;border:1px solid #e6e7ef;border-radius:12px;padding:22px}.milestone span{display:block;font-size:28px;margin-bottom:10px}.milestone small{color:#969cb0;font-size:13px}.milestone b{display:block;font-size:14px;margin-bottom:5px}.goal-example pre{border-radius:8px}.project-brief ol{font-size:15px;color:#8b91a6;line-height:2}.project-brief .eyebrow{color:#808ab1}.feedback.correct{color:#3c8e6b}.feedback.incorrect{color:#b36d74}.completion-screen{text-align:center;padding:40px 25px;background:linear-gradient(140deg,#edf1ff,#edf7f0);border:1px solid #dee2f0;border-radius:18px}.completion-screen>span{font-size:55px}.completion-screen h2{font-size:25px}.completion-screen p{font-size:15px;line-height:1.8;color:#8a8ba0}.link-row{display:flex;gap:10px;flex-wrap:wrap}.button[disabled]{cursor:wait;opacity:.65}.confetti{position:fixed;top:-20px;width:8px;height:13px;border-radius:2px;z-index:99;pointer-events:none;animation:fall 1.5s ease-in forwards}@keyframes fall{to{transform:translateY(95vh) rotate(600deg);opacity:0}}.panel table{width:100%;border-collapse:collapse;font-size:14px}.panel td,.panel th{text-align:left;padding:10px;border-bottom:1px solid #ebeef2;color:#838a9e}.privacy-list{padding-left:20px;color:#828aa0;font-size:15px;line-height:2}.no-results{padding:30px;color:#9b9eb0;font-size:15px}.example-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#172039;border-radius:10px;padding:20px;color:#bfcbe1;font:15px/1.9 monospace}.hint-code{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 monospace;color:#76718d}.validation-state{display:inline-block;font-size:12px;color:#a4a8b8}.validation-state.ok{color:#67a786}.lesson-actions .button{min-width:130px}.language-note{font-size:13px;color:#a3a8b7;line-height:1.8}.error-panel{padding:30px;border:1px solid #e3e6ec;border-radius:12px;background:white}.app-course-select{display:none}@media(max-width:1150px){.practice-layout{grid-template-columns:minmax(0,1fr) 215px}.sidebar .brand{font-size:21px}.app-hero h2{font-size:28px}}@media(max-width:850px){.course-switch{display:none}#mobile-course{display:block}.sidebar .side-label{display:none}.sidebar nav{margin-top:35px}.course-overviews{grid-template-columns:1fr}.practice-layout{grid-template-columns:minmax(0,1fr)}.schema-panel{margin-top:0}.app-hero h2{font-size:26px}.brand img{width:38px;height:38px}.app-hero .hero-art{transform:none}.course-mark{width:95px;height:95px;font-size:36px}}@media(max-width:560px){.sidebar nav{margin:0}.sidebar{height:72px}.sidebar .brand{display:none}.nav-link{padding:9px 7px}.shell{padding-bottom:72px}.header-actions{gap:6px}select{font-size:12px;padding:8px 5px}.breadcrumb{font-size:12px;max-width:115px}.app-hero .hero-art{right:5px;bottom:35px;opacity:.14;width:120px}.app-hero h2{font-size:29px;max-width:300px}.app-hero{padding:26px 23px}.lesson-panel{padding:21px}.lesson-panel .explanation{font-size:16px}.lesson-steps{padding:9px 6px;gap:1px;font-size:11px}.lesson-steps span{padding:5px}.lesson-meta .eyebrow{font-size:11px}.lesson-layout h1{font-size:26px;letter-spacing:-.5px;line-height:1.4}.challenge-card{padding:18px}.challenge-card p{font-size:15px}.editor-toolbar{padding:12px}.editor-actions{width:100%;justify-content:flex-end}.editor-toolbar .button{padding:10px 13px}.editor-toolbar .run-status{font-size:12px;margin-left:auto}.editor-toolbar .text-button{font-size:12px}textarea{padding:16px;font-size:15px;min-height:235px}.session-banner{font-size:12px;padding:12px}.session-banner button{font-size:12px;flex-shrink:0}.lesson-actions{gap:10px}.lesson-actions .button{min-width:0;font-size:13px;padding:12px}.milestone{gap:8px}.milestone>div{padding:16px 8px}.milestone b{font-size:12px}.milestone small{font-size:11px}.milestone span{font-size:23px}.progress-tools{gap:10px}.progress-tools .button{font-size:13px}.course-card-small{padding:17px}.lock-note{font-size:13px}.language-note{font-size:12px}.storage-warning{font-size:13px;padding:10px 18px}.greeting .adfree{font-size:11px}.quiz-option{font-size:15px}.project-grid{gap:15px}.lesson-row b{font-size:14px}.lesson-row p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.answer-panel{border:1px solid #d9e5d6;background:#f1f8ee;border-radius:12px;padding:22px;margin:17px 0}.answer-panel h3{font-size:17px;margin:10px 0}.answer-panel p{font-size:15px;line-height:1.9;color:#6e806c}.answer-panel .eyebrow{font-size:12px;color:#7b9970}.answer-trigger{margin-top:16px}.answer-panel pre{max-height:450px;overflow:auto;white-space:pre-wrap}.editor-actions{justify-content:flex-end}#challenge-answer{font-size:13px}button[disabled]{cursor:wait}@media(max-width:560px){.answer-panel{padding:18px}.editor-toolbar .editor-actions{gap:6px}.editor-toolbar .button{padding:9px 10px;font-size:12px}.answer-panel p{font-size:15px}}