:root{color:#1f2d46;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f8fc}button{font:inherit}.app-shell{min-height:100vh;background:radial-gradient(circle at 50% -20%,#edf3ff 0,#f6f8fc 35%,#f7f9fd)}.topbar{height:82px;padding:0 42px;display:flex;align-items:center;gap:28px;background:#ffffffeb;border-bottom:1px solid #e5eaf3;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{cursor:pointer;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:10px;color:#3367ef;font-size:21px;font-weight:800;letter-spacing:-.7px}.brand-mark{height:42px;width:42px;display:grid;place-items:center;color:#fff;border-radius:15px;font-size:19px;background:linear-gradient(135deg,#3777f7,#6240e9);box-shadow:0 8px 16px #3b6df134}.main-nav{display:flex;align-items:center;gap:8px}.nav-item{border:0;background:transparent;color:#5b6679;padding:10px 13px;cursor:pointer;border-radius:12px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:7px}.nav-item:hover,.nav-item.active{background:#edf4ff;color:#3267f6}.nav-item:nth-child(2) svg{color:#f6a300}.nav-item:nth-child(3) svg{color:#fa5c7a}.nav-item b{font-size:10px;padding:2px 6px;color:#f25072;border-radius:9px;background:#ffe9ee}.header-stats{margin-left:auto;display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px}.header-stats>span:not(.avatar){padding:8px 12px;border:1px solid;border-radius:999px}.streak{color:#ec9917;background:#fffaf0;border-color:#ffdf9d!important}.xp{color:#3975ef;background:#f0f6ff;border-color:#cce0ff!important}.avatar{height:35px;width:35px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7d59f0,#a245dd)}.page{max-width:1100px;margin:auto;padding:42px 28px 80px}.journey-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start}.journey-road{min-width:0}.hero-card{min-height:360px;border-radius:27px;padding:30px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:28px;overflow:hidden;position:sticky;top:108px;background:linear-gradient(150deg,#2769ef,#4e58ed 53%,#9143e8);box-shadow:0 15px 28px #3e48be3b}.hero-card:after{content:"";position:absolute;right:-30px;bottom:-80px;width:230px;height:230px;border-radius:50%;background:#fff1;filter:blur(12px)}.hero-card>*{position:relative;z-index:1}.eyebrow{display:inline-block;padding:4px 9px;background:#fff2;border-radius:100px;font-size:12px;font-weight:800}.hero-card h1{font-size:30px;margin:12px 0 11px;line-height:1.15;letter-spacing:-.9px}.hero-card p{margin:0;color:#e6ebff;font-size:14px;line-height:1.65}.hero-action.ant-btn{height:47px;width:100%;border:0;color:#3564e9;background:#fff;border-radius:14px;font-weight:800;padding:0 20px;box-shadow:0 8px 18px #2a258c26;white-space:nowrap}.journey-section{max-width:610px;margin:16px auto 0;text-align:center}.journey-section>p{margin:7px 0 0;color:#7f8b9d;font-size:13px}.unit-label{display:inline-flex;align-items:center;padding:7px 16px;font-weight:800;font-size:13px;border-radius:999px}.unit-label.green{background:#d9f9e8;color:#13865b}.unit-label.purple{background:#f0e1ff;color:#8c42db}.advanced{margin-top:30px}.roadmap{position:relative;margin:16px auto 0}.s-roadmap{height:560px;min-height:0;max-width:500px}.s-roadmap.compact{height:390px}.roadmap-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.roadmap-line path{fill:none;stroke:#ced9e9;stroke-width:9;stroke-linecap:round;stroke-dasharray:12 13}.roadmap-nodes{position:absolute;inset:0}.path-node{position:absolute;z-index:1;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:transparent;color:inherit;transition:transform .2s ease}.path-node:not(:disabled):hover{transform:translate(-50%,-5px)}.path-node:disabled{cursor:not-allowed}.node-position-1{left:50%;top:2%;transform:translate(-50%)}.node-position-2{left:19%;top:34%;transform:translate(-50%)}.node-position-3{left:81%;top:68%;transform:translate(-50%)}.node-circle{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;font-size:27px;color:#fff;border:4px solid;box-shadow:0 10px 17px #243c6a22}.anticon-star{font-size:36px}.done .node-circle{background:#19ba80;border-color:#08a16b}.active .node-circle{color:#fbbf24;background:#3776f6;border-color:#2460d5;box-shadow:0 10px 24px #3776f661;animation:float 2.7s ease-in-out infinite}.locked .node-circle{background:#dde4ed;border-color:#cdd6e0;color:#96a2b3}.node-copy{min-width:140px;background:#fff;margin-top:10px;padding:8px 11px;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 4px 8px #3341550c}.node-copy strong,.node-copy span{display:block}.node-copy strong{font-size:12px}.node-copy span{margin-top:3px;font-size:10px;font-weight:700;color:#19986d}.active .node-copy{border:2px solid #3d79f7;background:#edf4ff}.active .node-copy strong,.active .node-copy span{color:#3372ee}.locked .node-copy span{color:#8693a4}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:5px 0 24px}.page-heading h1{font-size:25px;margin:0 0 6px;letter-spacing:-.6px}.page-heading h1 span{color:#6c778b;font-size:16px}.page-heading p{margin:0;color:#758297;font-size:14px}.filters{display:grid;grid-template-columns:145px 125px 225px;gap:9px}.question-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.question-card{display:flex;min-height:256px;flex-direction:column;padding:20px;border:1px solid #dfe7f1;border-radius:18px;background:#fff;cursor:pointer;box-shadow:0 3px 8px #263a5a0a;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.question-card:hover{border-color:#b6cefa;box-shadow:0 13px 28px #263a5a14;transform:translateY(-2px)}.question-card.completed{border-color:#9de2c4;background:linear-gradient(145deg,#fff 68%,#f0fdf7)}.question-card.completed:hover{border-color:#4cc887;box-shadow:0 13px 28px #18a76018}.question-card:focus-visible{outline:3px solid #9abdfd;outline-offset:2px}.question-card-top,.question-card-footer{display:flex;align-items:center}.question-card-top{justify-content:space-between;gap:8px}.question-card-tags{display:flex;align-items:center;gap:7px;min-height:26px}.question-card-content{flex:1;margin:17px 0 10px}.question-card-content h2{display:-webkit-box;margin:0;overflow:hidden;color:#111c36;font-size:17px;font-weight:800;letter-spacing:-.5px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.question-card-content p{margin:0}.question-card-content .question-card-topic{display:flex;align-items:center;gap:5px;margin-top:8px;color:#2466e8;font-size:12px;font-weight:700}.question-card-content .question-card-summary{display:-webkit-box;margin-top:14px;overflow:hidden;color:#60718d;font-size:13px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.question-card-footer{justify-content:flex-end;margin-top:8px;padding-top:12px;border-top:1px solid #edf0f5}.question-card-footer span{color:#687995;font-size:12px;font-weight:600}.question-card-footer .question-card-action{height:30px;padding:0 13px;border-color:#f59e0b;border-radius:8px;background:#f59e0b;box-shadow:none;font-size:13px;font-weight:700}.question-card-footer .question-card-action:hover{border-color:#d97706!important;background:#d97706!important}.question-card .interview-tag,.question-card .standard-tag,.question-card .difficulty{padding:4px 8px;border-radius:999px;font-size:11px}.question-card .interview-tag{border:1px solid #ffb7c2!important;background:#fff0f2;color:#f24b69}.question-card .status-check,.question-card .status-empty{width:34px;height:34px;flex:0 0 34px}.question-card .status-empty{border-width:3px}.question-card .status-check{font-size:15px;box-shadow:0 5px 12px #12b98138}.question-table{border:1px solid #e0e7f0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 15px #263a5a08}.table-head,.question-row{display:grid;grid-template-columns:85px 2.1fr 1.25fr .8fr .7fr .6fr;align-items:center;column-gap:12px;padding:15px 25px}.table-head{font-size:12px;color:#78859a;background:#fbfcfe;font-weight:700;border-bottom:1px solid #e9edf3}.question-row{min-height:71px;border-bottom:1px solid #edf0f5}.question-row:last-child{border:0}.question-row strong,.question-row small{display:block}.question-row strong{font-size:14px}.question-row small{margin-top:3px;color:#8a96a8;font-size:12px}.status-check,.status-empty{width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.status-check{background:#11b981;color:#fff;font-size:10px}.status-empty{border:2px solid #d5ddea}.interview-tag,.standard-tag,.difficulty,.company-tag{border:0!important;font-weight:700;font-size:11px;padding:3px 8px;border-radius:6px;margin:0;white-space:nowrap}.interview-tag{background:#fff0f2;color:#ef5973}.company-tag{background:#e9f1ff;color:#356fe0}.standard-tag{background:#f0f3f7;color:#627188}.difficulty.easy{background:#d8f7e9;color:#169565}.difficulty.medium{background:#fff1c7;color:#c78600}.difficulty.hard{background:#ffe3e8;color:#dc4160}.pass-rate{color:#64748b;font-size:13px;font-weight:700}.question-tags{display:flex;flex-wrap:wrap;gap:6px}.daily-page{max-width:900px}.daily-hero{margin-top:10px;padding:34px 32px;border-radius:26px;background:linear-gradient(100deg,#ffa300,#f65308);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 13px 25px #f88b1e40}.daily-hero span{display:inline-block;background:#fff3;padding:5px 9px;border-radius:9px;font-size:12px;font-weight:700}.daily-hero h1{margin:10px 0 6px;font-size:28px;letter-spacing:-.8px}.daily-hero p{margin:0;color:#fff5dc;font-size:13px}.daily-count{padding:17px 25px;border:1px solid #fff5;border-radius:17px;text-align:center;white-space:nowrap}.daily-count small,.daily-count strong{display:block}.daily-count small{font-size:12px;color:#fff8df}.daily-count strong{margin-top:3px;font-size:28px}.daily-list{display:grid;gap:16px;margin-top:29px}.daily-list article{padding:21px 25px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;border:1px solid #e0e7f0;border-radius:17px;background:#fff;box-shadow:0 4px 12px #2e425b08}.daily-number{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;background:#fff2cc;color:#e99700;font-size:12px;font-weight:800}.daily-list h2{margin:0;font-size:15px}.daily-list p{margin:6px 0 0;color:#77859a;font-size:12px}.daily-list .ant-btn{border-radius:12px;font-weight:700}.lesson-shell{min-height:100vh;background:#fff}.lesson-header{height:68px;display:grid;grid-template-columns:200px 1fr 160px;align-items:center;padding:0 25px;border-bottom:1px solid #e2e8f0}.lesson-header>div{max-width:530px;width:100%;justify-self:center;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;font-weight:700;font-size:13px}.lesson-xp{justify-self:end;color:#fa9d17;font-weight:800;font-size:13px}.lesson-body{min-height:calc(100vh - 68px);display:grid;grid-template-columns:42% 58%}.lesson-reading{padding:48px clamp(28px,5vw,82px);border-right:1px solid #e2e8f0;overflow:auto}.reading-icon{color:#3776f6;font-size:20px}.lesson-kicker{display:block;margin-top:20px;color:#2b74ef;font-weight:800;font-size:12px;letter-spacing:.6px}.lesson-reading h1{font-size:32px;letter-spacing:-1px;margin:8px 0 21px;line-height:1.2}.lesson-reading p{color:#536174;line-height:1.75;font-size:15px}.lesson-reading code{background:#eef2f7;padding:2px 6px;border-radius:6px;color:#244676;font-weight:700}.mini-table{margin:22px 0;border:1px solid #d8e0eb;border-radius:10px;overflow:hidden;max-width:340px;background:#fbfcfe}.mini-table>b{display:block;padding:8px 11px;border-bottom:1px solid #d8e0eb;font-size:12px}.table-grid,.result-table{display:grid;grid-template-columns:1fr 1fr}.table-grid span,.result-table span,.result-table b{padding:7px 10px;border-right:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef;font-size:12px}.table-grid span:nth-child(-n+2),.result-table b{background:#eff4fa;font-weight:800}.lesson-reading pre{padding:13px 15px;border-radius:10px;background:#1e293b;color:#80bbff;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;overflow:auto}.schema-box{margin:20px 0;padding:15px;border-left:4px solid #3776f6;background:#eef5ff;border-radius:0 10px 10px 0}.schema-box b,.schema-box span{display:block}.schema-box span{margin-top:7px;color:#526174;font-size:13px}.dialect-tip{color:#7a5b0c!important;background:#fff8e7;padding:10px;border-radius:9px;font-size:13px!important}.lesson-practice{padding:36px clamp(24px,5vw,74px);background:#fbfcff;overflow:auto}.practice-tabs{display:flex;gap:8px;margin-bottom:39px}.practice-tabs button{padding:8px 13px;border:0;border-radius:9px;background:transparent;color:#758297;font-weight:700;cursor:pointer}.practice-tabs button.selected{background:#eaf2ff;color:#2f6ef0}.choice-practice{max-width:630px;margin:auto;padding-top:22px}.practice-label{color:#2f71ef;background:#eaf2ff;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:800}.choice-practice h2{margin:16px 0 8px;font-size:24px;letter-spacing:-.6px}.choice-practice>p{color:#7a8798;font-size:14px}.options{display:grid;gap:12px;margin:28px 0 20px}.choice-option{background:#fff;min-height:57px;border:2px solid #dbe3ef;border-radius:13px;text-align:left;padding:0 16px;display:flex;align-items:center;gap:13px;color:#37465b;font-size:15px;font-weight:700;cursor:pointer}.choice-option span{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#eff3f8;color:#79879a;font-size:12px}.choice-option:hover,.choice-option.picked{border-color:#3a78f4;background:#f3f7ff}.choice-option.correct{border-color:#19b979;background:#edfff7;color:#159060}.choice-option .anticon{margin-left:auto}.feedback{margin:3px 0 18px;padding:12px 15px;border-radius:10px;font-size:13px;font-weight:600}.feedback.success{color:#087c53;background:#e9fbf3}.feedback.error{color:#bb304b;background:#fff0f3}.choice-practice>.ant-btn{height:44px;border-radius:11px;padding:0 35px;font-weight:800}.sql-practice{margin:auto;max-width:850px;border:1px solid #2f3846;border-radius:13px;overflow:hidden;background:#17202c;box-shadow:0 12px 25px #15203326}.editor-head{color:#d6e1ee;background:#202b38;padding:11px 15px;border-bottom:1px solid #394657;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.editor-head span:last-child{color:#8aa0b9}.sql-practice textarea{resize:vertical;display:block;width:100%;min-height:250px;background:#17202c;border:0;padding:21px;color:#e9eff6;font:15px/1.65 SFMono-Regular,Consolas,monospace;outline:0}.sqlite-code-editor .cm-editor{min-height:250px;color:#e9eff6;background:#17202c;font:15px/1.65 SFMono-Regular,Consolas,monospace}.sqlite-code-editor .cm-scroller{min-height:250px;overflow:auto}.sqlite-code-editor .cm-gutters{border:0;color:#7f91a8;background:#202b38}.sqlite-code-editor .cm-activeLine,.sqlite-code-editor .cm-activeLineGutter{background:#263547}.sqlite-code-editor .cm-content{padding:18px 0;caret-color:#f8fafc}.sqlite-code-editor .cm-focused{outline:0}.editor-actions{padding:13px 15px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #354252}.editor-actions .ant-btn{font-weight:700;border-radius:8px}.result-panel{padding:13px 15px 18px;border-top:1px solid #354252;color:#cad7e5;font-size:12px;font-weight:700}.result-table{margin-top:10px;max-width:340px;border:1px solid #485564;background:#202a36}.result-table span,.result-table b{border-color:#485564}.feedback-sheet{position:fixed;right:0;bottom:0;left:0;z-index:30;padding:18px max(24px,calc((100vw - 1080px)/2));box-shadow:0 -10px 32px #17233a19;animation:feedback-up .24s ease-out}.feedback-sheet.is-correct{background:#e9fff5;border-top:1px solid #aeeecf}.feedback-sheet.is-wrong{background:#fff2f4;border-top:1px solid #ffc8d1}.feedback-inner{max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.feedback-status{display:flex;align-items:center;gap:13px}.feedback-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:900;color:#fff}.is-correct .feedback-icon{background:#18b878}.is-wrong .feedback-icon{background:#f0506d}.feedback-status strong{display:block;font-size:17px}.feedback-status p{margin:3px 0 0;color:#526174;font-size:13px}.feedback-sheet .ant-btn{min-width:135px;height:43px;border:0;border-radius:11px;font-weight:800}.is-correct .ant-btn{background:#18b878}.is-wrong .ant-btn{background:#f0506d}@keyframes float{50%{transform:translateY(-7px)}}@keyframes feedback-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lesson-header>div{position:relative;grid-template-columns:1fr!important;gap:5px!important}.lesson-header .ant-progress-inner{height:12px!important;border-radius:999px}.header-highlight{position:absolute;bottom:-22px;left:50%;width:96px;height:5px;border-radius:999px;transform:translate(-50%);background:linear-gradient(90deg,#4e88ff,#7448ee);box-shadow:0 3px 10px #4e78f855}.feedback-sheet{height:200px;display:flex;align-items:center;position:fixed}.feedback-close{position:absolute;top:15px;right:20px;display:grid;width:32px;height:32px;padding:0;place-items:center;border:0;border-radius:50%;color:#526174;background:#ffffffa8;cursor:pointer}.feedback-close:hover{color:#17233a;background:#fff}.chapter-complete-sheet{position:fixed;z-index:20;right:0;bottom:0;left:0;min-height:200px;padding:28px max(24px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;color:#14532d;background:#ecfdf5;border-top:1px solid #86efac;box-shadow:0 -12px 36px #07152655;animation:feedback-up .24s ease-out}.chapter-complete-icon{display:inline-grid;width:38px;height:38px;margin-bottom:8px;place-items:center;border-radius:50%;color:#fff;background:#22c55e;font-size:19px}.chapter-complete-sheet h2{margin:0;color:#166534;font-size:22px}.chapter-complete-sheet p{margin:7px 0 0;color:#3f6e52}.chapter-complete-actions{display:flex;flex:none;gap:12px}.chapter-complete-actions .ant-btn-primary{border-color:#f59e0b;color:#fff;background:#f59e0b}@media(max-width:640px){.chapter-complete-sheet{display:block}.chapter-complete-actions{margin-top:18px}.question-card-grid{grid-template-columns:1fr;gap:16px}.question-card{min-height:250px;padding:20px}.question-card-content h2{font-size:17px}}.feedback-inner{width:100%}@media(max-width:800px){.topbar{height:auto;padding:14px 18px;flex-wrap:wrap;gap:13px}.main-nav{order:3;width:100%;overflow:auto}.header-stats{margin-left:auto}.xp{display:none}.page{padding:28px 18px 55px}.journey-layout{display:flex;flex-direction:column}.hero-card{order:-1;position:relative;top:auto;width:100%;min-height:220px;padding:25px;align-items:flex-start}.hero-card h1{font-size:27px}.journey-road{width:100%}.page-heading{align-items:flex-start;flex-direction:column}.filters{width:100%;grid-template-columns:1fr 1fr}.filters .ant-input-affix-wrapper{grid-column:span 2}.question-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-table{overflow:auto}.table-head,.question-row{min-width:820px}.daily-hero{padding:27px;align-items:flex-start;flex-direction:column}.daily-list article{grid-template-columns:31px 1fr}.daily-list article .ant-btn{grid-column:2;justify-self:start}.lesson-header{grid-template-columns:1fr auto;height:auto;padding:13px;gap:10px}.lesson-header>div{display:none}.lesson-xp{grid-column:2}.lesson-body{display:block}.lesson-reading{border-right:0;border-bottom:1px solid #e2e8f0;padding:27px}.lesson-reading h1{font-size:27px}.lesson-practice{padding:25px 18px 38px}.sql-practice textarea{min-height:220px}}@media(max-width:480px){.header-stats{gap:5px}.streak{display:none}.brand{font-size:18px}.brand-mark{height:35px;width:35px;border-radius:12px}.hero-card h1{font-size:24px}.hero-action.ant-btn{width:100%}.path-node.left{--x: -65px}.path-node.right{--x: 65px}.node-circle{width:67px;height:67px}.node-copy{min-width:125px}.daily-hero h1{font-size:24px}}.lesson-shell{min-height:calc(100vh - 82px);background:#0b1424;color:#dce7f6}.lesson-header{height:57px;padding:0 24px;grid-template-columns:210px minmax(260px,1fr) auto;background:#162238;border-bottom:1px solid #2d3d57;color:#dce7f6}.lesson-header>.ant-btn{justify-self:start;color:#a7b6ca;font-weight:700}.lesson-header>.ant-btn:hover{color:#fff!important;background:#24334a!important}.lesson-header>.lesson-progress{position:relative;display:grid!important;grid-template-columns:150px minmax(160px,440px)!important;align-items:center;justify-self:center;gap:13px!important;max-width:610px;color:#f7faff;font-size:14px}.lesson-header .ant-progress{margin:0}.lesson-header .ant-progress-inner{background:#2b3950}.lesson-header .header-highlight{bottom:-16px;height:4px;background:linear-gradient(90deg,#2e82ff,#7e4af1)}.lesson-actions{display:flex!important;grid-template-columns:none!important;justify-self:end!important;align-items:center;gap:10px!important;width:auto!important;max-width:none!important}.lesson-actions .ant-btn{height:34px;border-radius:10px;border-color:#326fe8;color:#fff;background:#266ef0;font-weight:800}.lesson-actions .ant-btn-primary{border-color:#0ba66f;background:#10b981}.lesson-body{min-height:calc(100vh - 139px);grid-template-columns:40% 60%;background:#0b1424}.lesson-reading{padding:27px 24px;background:#162238;border-right-color:#31415a;color:#dce7f6}.lesson-title-row{display:flex;align-items:center;gap:12px;justify-content:space-between}.lesson-reading .lesson-title-row h1{margin:0;color:#fff;font-size:18px;letter-spacing:0}.lesson-reading>p{margin:15px 0 28px;color:#c2cede;font-size:14px;line-height:1.7}.lesson-reading code{background:#26344a;color:#dfe9f7}.data-label{display:block;margin-bottom:10px;color:#9caec5;font-size:12px;font-weight:800}.sample-data{overflow:auto;border:1px solid #31415a;border-radius:15px;background:#101a2d}.sample-row{display:grid;grid-template-columns:repeat(var(--column-count, 4),minmax(80px,1fr));border-bottom:1px solid #26364f}.sample-row:last-child{border-bottom:0}.sample-row>*{padding:10px;color:#d2dbe9;font:600 13px SFMono-Regular,Consolas,monospace}.sample-row.sample-head{background:#26344a}.sample-row.sample-head b{color:#aebed2;font-size:12px}.ai-hint{display:grid;gap:8px;margin-top:24px;padding:15px;border:1px solid #244ba3;border-radius:15px;background:#17294c}.ai-hint strong{color:#5b9bff;font-size:13px}.ai-hint span{color:#b7c8e5;font-size:13px}.lesson-practice{padding:0;background:#0b1424}.practice-tabs{height:33px;margin:0;padding:0 15px;align-items:center;background:#1b2940;border-bottom:1px solid #31415a}.practice-tabs button{padding:4px 9px;color:#a9b9ce;font-size:12px}.practice-tabs button.selected{color:#62a0ff;background:#28436d}.practice-tabs>span{margin-left:auto;color:#95a6bc;font-size:12px}.lesson-shell .sql-practice{display:flex;flex-direction:column;max-width:none;min-height:calc(100vh - 172px);margin:0;border:0;border-radius:0;box-shadow:none;background:#0b1424}.lesson-shell .editor-head{height:33px;padding:7px 15px;background:#1b2940;border-bottom-color:#31415a}.lesson-shell .sql-practice textarea{flex:1;min-height:330px;padding:18px 22px;background:#0b1424;color:#edf3ff;font-weight:600}.lesson-shell .editor-actions{display:none}.lesson-shell .result-panel{min-height:200px;padding:12px 15px 22px;background:#070f1d;border-top-color:#31415a;color:#21d69b}.lesson-shell .result-table{max-width:none;margin-top:10px;background:#0d1829;border-color:#2c3b55}.lesson-shell .result-table span,.lesson-shell .result-table b{color:#d1dbea;border-color:#2c3b55}.lesson-shell .result-table b{background:#17243a;color:#9eadc0}@media(max-width:800px){.lesson-header{height:auto;min-height:57px;grid-template-columns:1fr auto;padding:10px 14px}.lesson-header>.lesson-progress{display:none!important}.lesson-actions{gap:6px!important}.lesson-actions .ant-btn{padding:0 9px}.lesson-body{display:block}.lesson-reading{padding:22px 18px}.lesson-practice,.lesson-shell .sql-practice{min-height:62vh}.sample-row{grid-template-columns:repeat(var(--column-count, 4),minmax(72px,1fr))}.sample-row>*{padding:8px 6px;font-size:11px}}.unit-label.orange{background:#fff1d6;color:#bf7000}.journey-section+.journey-section{margin-top:130px}.lesson-shell .lesson-header{display:none}.lesson-shell .lesson-body,.lesson-shell{height:calc(100vh - 82px);min-height:0;overflow:hidden}.lesson-shell .lesson-reading,.lesson-shell .lesson-practice{min-height:0;overflow-y:auto;overscroll-behavior:contain}@media(max-width:800px){.lesson-shell,.lesson-shell .lesson-body{height:auto;overflow:visible}.lesson-shell .lesson-reading,.lesson-shell .lesson-practice{overflow:visible}}.choice-entry{position:fixed;z-index:5;bottom:24px;left:24px;width:calc(40vw - 48px);margin:0;padding:15px;display:flex;align-items:center;justify-content:space-between;border:1px solid #fbbf24;border-radius:14px;color:#fff;background:#f59e0b;box-shadow:0 8px 18px #b4530955;cursor:pointer;text-align:left;transition:.2s ease}.lesson-shell .lesson-reading{padding-bottom:100px}.interview-back-button{display:inline-flex;align-items:center;margin-bottom:16px;padding:0;color:#9db0ca!important}.interview-back-button:hover{color:#fff!important;background:transparent!important}.lesson-title-tags{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.interview-meta{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 24px}.interview-meta span{padding:4px 9px;border:1px solid #314665;border-radius:999px;color:#afc1d8;background:#1b2c44;font-size:12px}.interview-source-note{color:#9eb0c8!important;font-size:12px!important}.interview-source-note a{margin-left:5px;color:#72a8ff}.choice-entry:hover{border-color:#fde68a;background:#fbbf24;transform:translateY(-1px)}.choice-entry b,.choice-entry small{display:block}.choice-entry b{color:#fff;font-size:14px}.choice-entry small{margin-top:5px;color:#fffbeb;font-size:12px}.choice-entry>span:last-child{color:#fff;font-size:21px}.choice-stage{padding:34px clamp(26px,6vw,88px);background:#0b1424}.sql-progress{padding:22px clamp(20px,4vw,56px) 16px;background:#0b1424;border-bottom:1px solid #23324a}.sql-progress .choice-progress{max-width:none}.sql-progress h2{margin:18px 0 0;color:#fff;font-size:19px;line-height:1.5}.choice-stage .choice-practice{max-width:680px;padding-top:24px}.choice-stage .choice-practice h2{color:#fff;font-size:24px}.choice-stage .choice-practice>p{color:#b8c6d9}.choice-stage .choice-option{border-color:#3b4b65;background:#101a2d;color:#dce7f6}.choice-stage .choice-option span{background:#26364d;color:#afc0d6}.choice-stage .choice-option:hover,.choice-stage .choice-option.picked{border-color:#fbbf24;background:#4a3414;box-shadow:0 0 0 2px #f59e0b33}.choice-stage .choice-practice>.ant-btn-primary{min-width:156px;color:#fff;background:#f59e0b;border-color:#fbbf24;box-shadow:0 7px 16px #b4530955}.choice-stage .choice-practice>.ant-btn-primary:hover{background:#fbbf24!important;border-color:#fde68a!important}.choice-progress{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:13px;max-width:680px;color:#aabbd2;font-size:12px;font-weight:800}.choice-progress .ant-progress{margin:0}.lesson-shell .choice-progress .ant-progress-inner{background:#2a3950!important;box-shadow:inset 0 0 0 1px #3b4b65}.lesson-shell .choice-progress .ant-progress-bg{min-height:14px!important}.run-feedback{margin:10px 0;font-size:13px;font-weight:800}.run-feedback.success{color:#34d399}.run-feedback.error{color:#fb7185}.lesson-shell .editor-actions{display:flex;justify-content:flex-end;padding:12px 18px;background:#0b1424;border-top:1px solid #23324a}.lesson-shell .editor-actions .ant-btn{min-width:112px}.lesson-shell .editor-actions .ant-btn{color:#fff;border-color:#fbbf24;background:#f59e0b}.lesson-shell .editor-actions .ant-btn:hover{color:#fff!important;border-color:#fde68a!important;background:#fbbf24!important}.lesson-shell .editor-actions .ant-btn-primary{background:#f59e0b;border-color:#fbbf24}.lesson-shell .editor-actions .run-code-btn{color:#fff;border-color:#fbbf24;background:#f59e0b;box-shadow:0 6px 16px #b4530955}.lesson-shell .editor-actions .question-nav-btn{color:#c9d6e8;border-color:#4b5d78;background:transparent;box-shadow:none}.lesson-shell .editor-actions .question-nav-btn:hover{color:#c9d6e8!important;border-color:#fbbf24!important;background:transparent!important;box-shadow:none}.lesson-shell .editor-actions .ant-btn:disabled,.lesson-shell .editor-actions .ant-btn:disabled:hover{color:#78879b!important;border-color:#34445c!important;background:#1b2940!important;box-shadow:none}.result-panel.idle{color:#91a2b9}.result-placeholder{display:grid;place-items:center;min-height:110px;color:#7f91a9;font-size:13px}.lesson-shell .result-table .sql-code-block{min-width:0;max-height:250px;margin:0;padding:10px 0;overflow:auto;border-right:1px solid #2c3b55;border-bottom:1px solid #2c3b55;background:#091321;color:#dbeafe;font:12px/1.7 SFMono-Regular,Consolas,monospace;white-space:pre}.lesson-shell .result-table .sql-code-block:last-of-type{border-right:0}.sql-code-block code{display:block;min-width:max-content}.sql-code-line{display:block;padding:0 12px}.sql-code-line i{display:inline-block;width:28px;margin-right:10px;color:#667994;font-style:normal;text-align:right;-webkit-user-select:none;user-select:none}.lesson-shell .result-table .expected-answer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.lesson-shell .result-panel{flex:1;min-height:0;overflow:auto}.sql-result-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.sql-execution-table{min-width:0;overflow:hidden;border:1px solid #2c3b55;border-radius:8px;background:#0d1829}.sql-execution-table>b{display:block;padding:8px 10px;border-bottom:1px solid #2c3b55;background:#17243a;color:#b9c7da;font-size:12px}.sql-execution-table>span{display:block;padding:12px;color:#9eadc0;font-size:12px}.sql-result-scroll{max-height:190px;overflow:auto}.sql-execution-table table{width:100%;border-collapse:collapse;color:#dbeafe;font:12px/1.5 SFMono-Regular,Consolas,monospace}.sql-execution-table th,.sql-execution-table td{padding:7px 10px;border-right:1px solid #2c3b55;border-bottom:1px solid #2c3b55;white-space:nowrap;text-align:left}.sql-execution-table th{position:sticky;top:0;background:#1b2940;color:#9eadc0;font-size:11px}.sql-execution-table tr:last-child td{border-bottom:0}.sql-execution-table th:last-child,.sql-execution-table td:last-child{border-right:0}.sql-empty-result{color:#9eadc0;text-align:center!important}@media(max-width:800px){.sql-result-comparison{grid-template-columns:1fr}}.lesson-shell .expected-answer-heading .ant-btn{height:24px;padding:0 7px;border:1px solid #405673;border-radius:6px;color:#b9ccdf}.lesson-shell .expected-answer-heading .ant-btn:hover{border-color:#fbbf24!important;color:#fcd34d!important;background:transparent!important}@media(max-width:800px){.choice-entry{position:static;width:100%;margin:24px 0}.choice-stage{padding:25px 18px}}