:root{color:#3b3a36;font-synthesis:none;--bg:#fff9ec;--panel:#fffefa;--ink:#3b3a36;--muted:#777264;--border:#e9e1ce;--yellow:#ffc83d;--mint:#34d3a8;--blue:#5bb5ff;--shadow:#e8dfc8;--soft:#f7f2e7;--code:#303a37;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff9ec;font-family:Noto Sans TC,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:500;line-height:1.65}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #227553}button{background:0 0;border:0}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;font-weight:900}h1{font-size:30px;line-height:1.45}h2{font-size:19px}h3{font-size:18px}p{line-height:1.9}input,select{background:var(--panel);width:100%;min-height:48px;color:var(--ink);border:2px solid var(--border);border-radius:13px;margin:8px 0 18px;padding:10px 13px;display:block}label{font-weight:700}pre{background:var(--code);color:#f1f5e8;tab-size:2;text-align:left;border:1px solid #47534c;border-radius:17px;max-width:100%;padding:22px;font:14px/1.9 Consolas,Cascadia Code,monospace;overflow:auto}code{font-family:Consolas,Cascadia Code,monospace}fieldset{border:0;min-width:0;margin:0;padding:0}.muted{color:var(--muted);font-size:13px}.eyebrow{letter-spacing:.12em;color:var(--muted);font-size:10px;font-weight:800}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.desktop-only{display:inline}.app-shell{max-width:1600px;min-height:100vh;margin:auto;display:flex}.sidebar{border-right:1.5px solid var(--border);background:var(--panel);flex-direction:column;flex-shrink:0;width:236px;height:100dvh;padding:35px 22px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:22px;font-weight:900;display:flex}.brand small{letter-spacing:.23em;color:var(--muted);margin-top:-3px;font-size:9px;display:block}.brand-icon{color:#604318;background:#ffc83d;border-radius:14px;padding:9px;box-shadow:0 4px #dca62a,inset 0 2px #ffe8a2}.sidebar-caption{color:var(--muted);margin:24px 0 28px 3px;font-size:11px}.sidebar nav{gap:10px;display:grid}.sidebar nav a{min-height:52px;color:var(--muted);border:1.5px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:0 15px;font-size:14px;font-weight:700;display:flex}.sidebar nav a.active{color:#685016;background:#fff0b9;border-color:#f0d579;box-shadow:0 3px #ecdba8}.nav-dot{background:#c3880c;border-radius:50%;width:7px;height:7px;margin-left:auto}.sidebar-bottom{margin-top:auto}.mini-chip{text-align:center;background:#f5f7ed;border:1.5px dashed #d5ddc9;border-radius:20px;margin:60px 0 24px;padding:22px 10px}.mini-chip svg{color:#338468}.mini-chip strong{margin:8px 0;font-size:13px;display:block}.mini-chip p{color:#737868;font-size:11px}.settings-link{color:var(--muted);align-items:center;gap:12px;min-height:48px;padding:14px;font-size:13px;display:flex}.main-shell{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:86px;padding:0 42px;display:flex}.desktop-breadcrumb{color:var(--muted);font-size:12px}.desktop-breadcrumb>span{color:#c3bba9;margin:0 13px}.top-stats{align-items:center;gap:16px;display:flex}.streak-pill,.star-pill{align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.streak-pill svg{color:#b96624;fill:#ffcf8a}.star-pill svg{color:#ae780e;fill:#ffda63}.avatar{color:#3b6b52;background:#e1f2e6;border-radius:14px;width:38px;min-height:38px;font-size:13px;font-weight:800;box-shadow:0 3px #bad6c4}.mobile-brand,.mobile-nav{display:none}main{max-width:1150px;margin:auto;padding:34px 42px 14px}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px;display:flex}.page-heading h1{margin:7px 0}.page-heading p:not(.eyebrow){color:var(--muted);font-size:13px}.sun-inline{color:#c68b14;padding-left:5px;font-size:29px}.date-tag{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:10px;padding:7px 12px;font-size:11px}.panel{border:1.5px solid var(--border);background:var(--panel);box-shadow:0 5px 0 var(--shadow), 0 8px 18px #4b401006;border-radius:23px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr);gap:25px;display:grid}.hero{isolation:isolate;background:#fff0bd;border-color:#ebd188;min-height:305px;padding:27px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #e4ce91}.hero:after{content:"";z-index:-1;border:40px solid #ffffff30;border-radius:50%;width:370px;height:340px;position:absolute;top:70px;right:-155px}.hero-copy{z-index:2;position:relative}.tag{color:#796020;letter-spacing:.06em;background:#fffdf2a6;border:1px solid #e6ce82;border-radius:8px;align-items:center;gap:7px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.pulse-dot{background:#b2831b;border-radius:50%;width:6px;height:6px}.hero h2{white-space:pre-line;letter-spacing:-.04em;color:#4d432c;margin:14px 0 9px;font-size:29px;line-height:1.5}.hero p{color:#7e6a3f;font-size:12px;line-height:1.85}.button{text-align:center;border:1.5px solid;border-radius:13px;justify-content:center;align-items:center;gap:13px;min-height:46px;padding:11px 19px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.button.primary{color:#514019;background:linear-gradient(#ffda63,#ffc83d);border-color:#e9b42d;box-shadow:0 5px #c99b28,inset 0 2px #fff0b4}.button.primary:hover:not(:disabled){background:#ffdc6e;transform:translateY(-1px)}.button.primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #c99b28}.button.subtle{background:var(--panel);border-color:var(--border);box-shadow:0 3px 0 var(--shadow);color:var(--ink)}.button.subtle:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}.wide{width:100%;margin-top:18px}.hero .button{min-width:166px;margin-top:19px}.hero-footnote{color:#7e6a3f;align-items:center;gap:5px;margin-top:15px;font-size:9px;display:flex}.hero-doodle{color:#d3b65c22;font-size:58px;font-weight:900;line-height:1;position:absolute;top:11px;right:16px;transform:rotate(9deg)}.mascot-scene{width:195px;height:220px;position:absolute;top:50px;right:15px}.console-mascot{z-index:2;background:linear-gradient(135deg,#ffe186,#ffca48 65%,#edaf26);border:2px solid #dba72f;border-radius:36px 36px 42px 42px;width:140px;height:167px;position:absolute;top:37px;left:25px;transform:rotate(10deg);box-shadow:0 10px #bc902c,0 13px 0 2px #a57c2622,inset 4px 4px 3px #fff0b1}.console-shine{background:#fff7d6a6;border-radius:50%;width:75px;height:9px;position:absolute;top:7px;left:17px;transform:rotate(-4deg)}.console-screen{background:linear-gradient(135deg,#c9eacb,#def0d2);border:6px solid #5c6951;border-radius:22px;justify-content:center;align-items:center;gap:24px;width:102px;height:78px;display:flex;position:absolute;top:26px;left:17px;box-shadow:inset 2px 3px #8dbf9b,0 2px #ffe599}.eye{background:#3b5042;border-radius:50%;width:7px;height:13px;margin-top:-5px}.smile{border:3px solid #3b5042;border-top:0;border-radius:0 0 14px 14px;width:15px;height:10px;position:absolute;top:33px;left:37px}.cheek{background:#e8c799;border-radius:50%;width:12px;height:5px;position:absolute;top:36px}.cheek.left{left:12px}.cheek.right{right:12px}.console-controls{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:23px;left:21px;right:18px}.dpad{color:#746644;text-shadow:0 2px #55492c;font-family:Arial,sans-serif;font-size:38px;font-weight:900;line-height:32px}.console-controls>div{gap:8px;display:flex;transform:rotate(-20deg)}.console-controls i{background:#43bfa0;border-radius:50%;width:14px;height:14px;box-shadow:0 3px #278b74,inset 0 2px #91e4c6}.console-controls i:last-child{background:#ff9160;box-shadow:0 3px #c8713c,inset 0 2px #ffc8a3}.console-label{letter-spacing:1px;color:#8c6c2c;font:6px monospace;position:absolute;bottom:7px;left:31px}.mascot-shadow{filter:blur(3px);background:#b6a36335;border-radius:50%;width:135px;height:18px;position:absolute;bottom:-1px;left:35px}.floating-star{color:#e7ad20;text-shadow:0 2px #c69826;font-size:30px;position:absolute}.floating-star.one{top:10px;left:15px;transform:rotate(-12deg)}.floating-star.two{color:#59ab83;font-size:35px;bottom:37px;right:3px}.orbit-dot{background:#8bc1a1;border-radius:50%;width:9px;height:9px;position:absolute;top:35px;right:12px}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2{white-space:nowrap;align-items:center;gap:8px;font-size:15px;display:flex}.section-title a{color:var(--muted);align-items:center;gap:5px;min-height:44px;font-size:11px;display:flex}.mini-tag{color:var(--muted);background:var(--soft);white-space:nowrap;border-radius:7px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;display:inline-flex}.daily{text-align:center;padding:21px 22px}.daily .section-title h2 svg{color:#7a9d76}.daily-ring{background:conic-gradient(#47be9b var(--progress), #eee9dd 0);border-radius:50%;width:126px;height:126px;margin:20px auto 14px;padding:11px;box-shadow:inset 0 2px 2px #d7d0bb66}.daily-ring>div{background:var(--panel);border-radius:50%;flex-direction:column;justify-content:center;height:100%;display:flex;box-shadow:0 2px 3px #6c613915}.daily-ring strong{font-size:34px;line-height:1.1}.daily-ring small{color:var(--muted);font-size:16px;font-weight:600}.daily-ring>div>span{color:var(--muted);margin-top:8px;font-size:10px}.daily>p{color:var(--muted);font-size:11px}.week-dots{justify-content:space-between;gap:3px;margin-top:17px;display:flex}.week-dots>div{flex-direction:column;align-items:center;gap:4px;display:flex}.week-dots span{background:var(--soft);width:23px;height:23px;color:var(--muted);border-radius:50%;place-items:center;font-size:9px;display:grid}.week-dots .today{color:#765515;background:#fff0bd;border:1.5px solid #d7b454}.week-dots .done{color:#226347;background:#c4eddb}.week-dots small{color:var(--muted);font-size:8px}.journey{padding:20px 25px}.world-feature{align-items:center;gap:14px;margin:14px 0 21px;display:flex}.world-icon{color:#846622;border:1.5px solid #e4cc7c;border-radius:20px;flex-shrink:0;place-items:center;width:65px;height:65px;display:grid;box-shadow:0 4px #e7d596,inset 0 2px #fff6d2}.yellow{background:#fff0bb}.mint{background:#def5e9}.blue{background:#e3f0fe}.orange{background:#fff0d9}.world-feature h3{margin:1px 0 2px;font-size:20px}.world-feature p{color:var(--muted);font-size:10px}.world-feature .eyebrow{font-size:8px}.world-badge{color:#487347;white-space:nowrap;background:#e6f3df;border-radius:7px;margin-left:auto;padding:4px 8px;font-size:9px}.progress-label{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:8px;font-size:10px;display:flex}.progress-label strong{color:#88702f}.progress-track{background:#eee9dc;border:1px solid #e7e0ce;border-radius:20px;height:11px;padding:2px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#ffc83d,#edba3e);border-radius:20px;height:100%;transition:width .35s;display:block}.mini-levels{justify-content:space-between;gap:6px;margin:19px 0 17px;display:flex}.mini-levels button{background:var(--soft);color:#8b8370;border:1px solid var(--border);border-radius:13px;place-items:center;width:37px;min-width:0;height:44px;font-size:13px;display:grid}.mini-levels button.current{color:#65501e;background:#ffd35a;border-color:#e1b13c;font-weight:800;box-shadow:0 3px #cba43f}.mini-levels button.done{color:#246748;background:#b9e9d6;border-color:#79c7a6}.next-lesson{border-top:1px dashed var(--border);justify-content:space-between;gap:8px;padding-top:12px;font-size:10px;display:flex}.next-lesson .muted{margin-right:5px;font-size:9px}.next-lesson>span:last-child{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;display:flex}.review-teaser{background:#edf6ec;border-color:#d3e3cf;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:15px;padding:27px 23px;display:flex;box-shadow:0 5px #d3e1cd}.soft-icon{color:#347d60;border:1px solid #aecfb7;border-radius:15px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 3px #b5d3bc,inset 0 2px #fff9}.soft-icon.yellow{color:#85651b;border-color:#e4cb84;box-shadow:0 3px #e3d29c}.soft-icon.blue{color:#35688e;border-color:#abcbe6;box-shadow:0 3px #b5cfe4}.review-teaser h2{font-size:17px}.review-teaser p{color:#5f765c;margin-top:5px;font-size:11px}.review-teaser .button{color:#4e7046;background:#f9fff7;border-color:#c4d8bc;width:100%;min-height:43px;font-size:11px;box-shadow:0 3px #c7d8c0}.explore-heading{margin:29px 0 14px}.explore-heading h2{font-size:15px}.explore-heading>span{font-size:10px}.world-preview{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.preview-card{border:1.5px solid var(--border);min-width:0;box-shadow:0 3px 0 var(--shadow);border-radius:16px;align-items:center;gap:9px;padding:15px 10px;display:flex}.preview-card>svg{color:#817c6e;width:13px;margin-left:auto}.preview-card small{letter-spacing:.1em;color:#6e766c;font-size:7px;display:block}.preview-card strong{font-size:10px;display:block}.preview-icon{color:#687f6c}.preview-card.blue .preview-icon{color:#567b9c}.preview-card.orange .preview-icon{color:#a27f4c}.track-banner{color:#80785f;background:#f7f2e666;border:1.5px dashed #d6cdb9;border-radius:16px;align-items:center;gap:13px;margin:25px 0 0;padding:17px 20px;display:flex}.track-banner strong{color:var(--ink);font-size:12px}.track-banner p{font-size:10px}.track-banner>.mini-tag{margin-left:auto}.page-footer{max-width:1150px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:auto;padding:17px 42px 28px;font-size:9px;display:flex}.page-footer>span:first-child{align-items:center;gap:6px;display:flex}.online-dot,.offline-dot{background:#4daa86;border-radius:50%;width:6px;height:6px;display:inline-block}.offline-dot{background:#ce9546}.world-tabs{gap:10px;margin-bottom:19px;padding-bottom:8px;display:flex;overflow-x:auto}.world-tabs button{border:1.5px solid var(--border);background:var(--panel);white-space:nowrap;border-radius:13px;align-items:center;gap:8px;min-height:46px;padding:10px 17px;font-size:13px;display:flex}.world-tabs button.active{color:#65501e;background:#ffe494;border-color:#dfbe5b;box-shadow:0 3px #d5b668}.map-header{color:#62502e;border:1.5px solid #e5d9b5;border-radius:22px;align-items:center;gap:20px;padding:23px 27px;display:flex}.map-header h2{font-size:24px}.map-header p{font-size:12px}.level-path{gap:20px;max-width:650px;margin:24px auto 36px;display:grid;position:relative}.level-path:before{content:"";border-left:4px dashed var(--border);z-index:-1;position:absolute;top:15px;bottom:15px;left:28px}.path-stop{align-items:center;gap:23px;display:flex}.level-node{background:var(--soft);border:3px solid var(--border);width:59px;height:59px;color:var(--muted);box-shadow:0 4px 0 var(--shadow);border-radius:22px;flex-shrink:0;place-items:center;font-size:24px;font-weight:800;display:grid}.open .level-node{color:#705620;background:#ffd15b;border-color:#ebbd43;box-shadow:0 4px #c9a43c}.open .level-node.done{color:#346e51;background:#b2e5c9;border-color:#84c9a5;box-shadow:0 4px #69b18b}.level-card{background:var(--panel);border:1.5px solid var(--border);text-align:left;min-width:0;box-shadow:0 4px 0 var(--shadow);border-radius:18px;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px;display:flex}.level-card small{color:var(--muted);font-size:10px}.level-card h3{margin:4px 0;font-size:16px}.level-card .muted{font-size:11px}.level-card>div:last-child{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.stars{color:#d7d1c3;white-space:nowrap;gap:3px;font-size:19px;display:inline-flex}.stars .earned{color:#bd8416;text-shadow:0 1px #edd681}.lesson-layout{max-width:700px;margin:0 auto}.back-link{color:var(--muted);align-items:center;gap:8px;min-height:44px;margin-bottom:17px;font-size:13px;display:inline-flex}.lesson-heading{margin:4px 0 24px}.lesson-heading h1{margin:15px 0 8px}.lesson-heading>p{color:var(--muted);font-size:14px}.lesson-meta{color:var(--muted);gap:16px;margin-top:15px;font-size:11px;display:flex}.lesson-meta span{align-items:center;gap:5px;display:flex}.concepts{gap:20px;display:grid}.concept{align-items:flex-start;gap:17px;padding:23px;display:flex}.concept h2{margin-bottom:7px;font-size:17px}.concept p{color:var(--muted);font-size:14px;line-height:1.95}.code-example{margin-top:24px;padding:23px}.quiz-heading{justify-content:space-between;gap:12px;margin:6px 0 14px;font-size:12px;display:flex}.question{margin-top:24px;padding:28px}.question h2{margin:9px 0 24px;font-size:21px;line-height:1.65}.options{gap:13px;margin:15px 0 26px;display:grid}.option{text-align:left;border:2px solid var(--border);box-shadow:0 3px 0 var(--shadow);background:var(--panel);overflow-wrap:anywhere;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:60px;padding:12px 14px;font-size:14px;display:flex}.option-letter{background:var(--soft);width:29px;height:29px;color:var(--muted);border-radius:9px;flex-shrink:0;place-items:center;font-size:12px;display:grid}.option>svg{margin-left:auto}.option.selected{color:#5c481b;background:#fff4ca;border-color:#d4ad36;box-shadow:0 3px #d2b35b}.option.selected .option-letter{color:#66511c;background:#f4d778}.feedback{border-radius:16px;margin-top:22px;padding:18px;font-size:14px}.feedback.correct{color:#2d694c;background:#dff2e5;border:1.5px solid #acd5bb}.feedback.correct strong{animation:.4s ease-out pop;display:block}.feedback.wrong{color:#815239;background:#fff0e6;border:1.5px solid #e8c6ae}.feedback p{overflow-wrap:anywhere;margin-top:10px}.feedback .button{width:100%;margin-top:16px}.quiz-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:12px;display:flex}.sort-list>p{margin-bottom:12px}.sort-row{background:var(--soft);border:1px solid var(--border);border-radius:12px;align-items:center;gap:9px;margin:10px 0;padding:7px 8px;display:flex}.sort-row>span{color:var(--muted);font-size:11px}.sort-row code{overflow-wrap:anywhere;white-space:pre-wrap;flex:1;min-width:0;font-size:12px}.sort-row>div{flex-shrink:0;display:flex}.icon-button{background:var(--panel);border:1px solid var(--border);border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.fill-label{font-size:13px}.fill-label input{font-family:Consolas,monospace}.result{text-align:center;padding:35px}.result-spark{color:#dda421;text-shadow:0 4px #eacc79;margin:4px 0 25px;font-size:65px;line-height:1}.result h1{margin:10px 0}.result>.stars{gap:15px;margin:12px 0;font-size:43px}.result>p{color:var(--muted);font-size:14px}.result-metrics{border-block:1px dashed var(--border);justify-content:center;gap:55px;margin:23px 0;padding:20px 0;display:flex}.result-metrics>div{flex-direction:column;display:flex}.result-metrics strong{font-size:35px}.result-metrics small{font-size:16px}.result-metrics span{color:var(--muted);font-size:11px}.text-link{text-underline-offset:4px;min-height:44px;color:var(--ink);justify-content:center;align-items:center;margin-top:12px;font-size:13px;text-decoration:underline;display:inline-flex}.empty{text-align:center;padding:55px 25px}.empty>svg{color:#65a486}.empty .soft-icon{margin:0 auto 25px}.empty h2{margin:18px 0 12px}.empty p{color:var(--muted);margin:12px 0 24px;font-size:14px}.large{border-radius:22px;width:70px;height:70px}.count-badge{vertical-align:middle;color:#4b7952;background:#e3efdb;border-radius:12px;place-items:center;min-width:33px;height:33px;margin-left:8px;font-size:15px;display:inline-grid}.review-list{gap:19px;display:grid}.review-row{align-items:center;gap:18px;padding:22px;display:flex}.review-row h2{margin-top:6px;font-size:16px}.review-row>div{flex:1}.review-row .button{flex-shrink:0}.stat-cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;display:grid}.stat-card{flex-direction:column;gap:5px;padding:22px;display:flex}.stat-card>svg{color:#988040}.stat-card strong{margin-top:7px;font-size:29px}.stat-card span{color:var(--muted);font-size:11px}.readiness{padding:28px}.readiness>.muted{margin-top:12px}.skill-row{margin:24px 0}.skill-row>div:first-child{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.skill-row>div:first-child>span{color:var(--muted);font-size:12px}.skill-row p{color:var(--muted);margin-top:7px;font-size:10px}.skill-row .progress-track span{background:#42bb95}.notice{background:var(--soft);border:1px solid var(--border);border-radius:12px;margin-bottom:15px;padding:12px 15px;font-size:12px;line-height:1.8}.notice button{min-height:44px;margin-left:12px;text-decoration:underline}.notice.error{color:#854630;background:#fff0e6;border-color:#e8c6ae}.weaknesses{margin-top:26px;padding:24px}.weaknesses p{color:var(--muted);margin-top:10px;font-size:13px}.settings-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.settings-panel{min-width:0;padding:26px}.settings-panel h2{align-items:center;gap:10px;margin-bottom:17px;display:flex}.settings-panel p{overflow-wrap:anywhere;margin:12px 0 19px;font-size:13px}.settings-panel label{margin-top:19px;font-size:13px;display:block}.settings-panel .muted{font-size:11px}.settings-panel form .wide{margin-top:0}.status-line{color:#317257;font-weight:700}@keyframes pop{0%{transform:scale(.96)}50%{transform:scale(1.025)}to{transform:scale(1)}}@media (width>=1400px){.hero h2{font-size:35px}.mascot-scene{top:55px;right:35px;transform:scale(1.12)}.hero{padding:30px}.hero p{font-size:13px}}@media (width<=1150px){.sidebar{width:205px;padding-inline:17px}main,.topbar,.page-footer{padding-inline:26px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(230px,1fr);gap:20px}.hero{padding:23px}.hero h2{font-size:25px}.mascot-scene{transform-origin:100%;top:75px;right:-5px;transform:scale(.8)}.hero p{font-size:11px}.hero-footnote{font-size:8px}.world-preview{grid-template-columns:repeat(2,1fr)}.preview-card{padding:16px}.preview-card strong{font-size:12px}.preview-card small{font-size:9px}.world-badge{display:none}.mini-levels{gap:5px}.mini-levels button{width:31px}.journey{padding:20px}.next-lesson{flex-wrap:wrap}.daily{padding:20px 16px}}@media (width<=900px){.sidebar{width:180px;padding-inline:13px}.brand{gap:9px;font-size:19px}.brand-icon{padding:7px}.sidebar nav a{gap:10px;padding:0 11px;font-size:12px}.dashboard-grid{grid-template-columns:1fr}.hero{min-height:290px}.mascot-scene{top:40px;right:25px;transform:scale(1)}.hero h2{font-size:30px}.daily{display:none}.review-teaser{flex-direction:row;align-items:center;padding:21px}.review-teaser .button{width:auto;min-width:130px}.review-teaser h2{font-size:14px}.review-teaser .soft-icon{display:none}.mini-levels button{width:44px}.page-heading h1{font-size:25px}.date-tag{display:none}.settings-grid{grid-template-columns:1fr}.stat-cards{grid-template-columns:repeat(2,1fr);gap:12px}.world-feature p{font-size:12px}}@media (width<=640px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.sidebar,.desktop-breadcrumb{display:none}.main-shell{width:100%}.topbar{background:var(--bg);height:70px;padding:0 21px}.mobile-brand{align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.mobile-brand svg{color:#69501d;background:#ffda67;border-radius:9px;width:31px;height:31px;padding:4px;box-shadow:0 3px #d5ad48}.top-stats{gap:12px}.streak-pill,.star-pill{gap:4px;font-size:12px}.avatar{border-radius:11px;width:33px;min-height:33px;font-size:11px}.desktop-only{display:none}main{padding:23px 19px 10px}.page-heading{margin-bottom:23px}.page-heading .eyebrow{font-size:8px}.page-heading h1{margin:7px 0;font-size:24px}.page-heading p:not(.eyebrow){font-size:11px}.sun-inline{font-size:24px}.hero{border-radius:23px;min-height:297px;padding:23px 21px}.hero h2{margin-top:15px;font-size:25px;line-height:1.6}.hero p{font-size:11px}.hero .button{min-width:157px;margin-top:20px;font-size:12px}.hero-footnote{margin-top:16px;font-size:8px}.mascot-scene{transform-origin:100%;top:57px;right:-5px;transform:scale(.73)}.hero-doodle{font-size:44px;top:22px;right:14px}.hero:after{right:-220px}.dashboard-grid{gap:21px}.daily{text-align:left;min-height:132px;padding:18px 19px;display:block;position:relative}.daily .section-title{padding-right:80px}.daily .mini-tag{display:none}.daily-ring{width:83px;height:83px;margin:0;padding:7px;position:absolute;top:19px;right:17px}.daily-ring strong{font-size:25px}.daily-ring small{font-size:11px}.daily-ring>div>span{margin-top:4px;font-size:8px}.daily>p{margin:5px 90px 0 0;font-size:9px}.week-dots{max-width:200px;margin-top:11px;padding-right:8px}.week-dots span{width:21px;height:21px;font-size:8px}.week-dots small{display:none}.section-title h2{font-size:14px}.journey{padding:17px 18px}.world-feature{gap:12px;margin:9px 0 19px}.world-icon{border-radius:17px;width:56px;height:56px}.world-feature h3{font-size:19px}.world-feature p{font-size:9px}.world-feature .eyebrow{font-size:7px}.mini-levels{gap:5px}.mini-levels button{border-radius:11px;width:31px;height:44px;font-size:11px}.next-lesson{font-size:9px;line-height:1.8}.next-lesson>span:last-child{font-size:8px}.review-teaser{flex-wrap:wrap;gap:10px;padding:19px}.review-teaser .soft-icon{border-radius:13px;width:41px;height:41px;display:grid}.review-teaser>div:not(.soft-icon){flex:1}.review-teaser h2{font-size:14px}.review-teaser p{margin:2px 0;font-size:10px}.review-teaser .button{width:100%;min-height:44px;margin-top:5px}.explore-heading{margin-top:29px}.explore-heading>span{font-size:8px}.world-preview{gap:11px}.preview-card{border-radius:14px;gap:8px;min-height:76px;padding:13px 10px}.preview-icon svg{width:21px}.preview-card strong{font-size:10px}.preview-card small{font-size:7px}.preview-card>svg{width:11px}.track-banner{gap:9px;margin-top:22px;padding:15px 12px}.track-banner>svg{width:20px}.track-banner strong{font-size:11px}.track-banner p{font-size:8px}.track-banner>.mini-tag{padding:4px;font-size:8px}.page-footer{padding:17px 21px 18px;font-size:8px}.mobile-nav{padding:9px 15px calc(9px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--border);z-index:20;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 25px #463b1710}.mobile-nav a{min-width:66px;min-height:49px;color:var(--muted);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.mobile-nav a.active{color:#80611b;background:#fff0bb;font-weight:800}.mobile-nav svg{width:21px;height:21px}.world-tabs{gap:8px}.world-tabs button{padding:9px 12px;font-size:11px}.map-header{gap:15px;padding:20px 17px}.map-header>svg{width:32px}.map-header h2{font-size:21px}.map-header p{font-size:10px}.map-header .eyebrow{font-size:8px}.path-stop{gap:13px}.level-node{border-radius:16px;width:45px;height:45px;font-size:18px}.level-path:before{left:21px}.level-card{border-radius:16px;padding:15px 13px}.level-card h3{font-size:14px}.level-card .muted{font-size:10px}.level-card .stars{gap:1px;font-size:13px}.level-card small{font-size:9px}.level-path{gap:18px}.lesson-heading h1{font-size:27px}.lesson-heading>p{font-size:12px}.concept{gap:12px;padding:19px 16px}.concept .soft-icon{border-radius:12px;width:36px;height:36px}.concept .soft-icon svg{width:21px}.concept h2{font-size:15px}.concept p{font-size:13px}.code-example{padding:17px}pre{border-radius:13px;padding:15px;font-size:12px}.question{padding:21px 17px}.question h2{margin-bottom:19px;font-size:18px}.option{gap:10px;min-height:58px;padding:11px;font-size:13px}.option-letter{width:26px;height:26px}.feedback{padding:15px;font-size:12px}.sort-row{gap:5px;padding:6px}.sort-row code{font-size:11px}.sort-row>div{flex-direction:column;gap:4px}.sort-row .icon-button{width:44px;height:44px}.quiz-heading,.quiz-note{font-size:10px}.result{padding:25px 19px}.result h1{font-size:24px}.result-metrics{gap:35px}.result>p{font-size:12px}.review-row{flex-wrap:wrap;gap:11px;padding:18px 15px}.review-row h2{font-size:14px}.review-row .soft-icon{width:36px;height:36px}.review-row .button{min-height:44px;margin-left:auto;font-size:11px}.review-row .eyebrow{font-size:8px}.stat-cards{gap:14px}.stat-card{padding:19px}.stat-card strong{font-size:27px}.readiness{padding:21px 17px}.settings-panel{padding:22px 19px}.empty{padding:38px 20px}.empty h1{font-size:22px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#222824;--panel:#2c332d;--ink:#f3eedf;--muted:#c3bfad;--border:#495044;--shadow:#171e19;--soft:#373e34;--code:#17231d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#222824;--panel:#2c332d;--ink:#f3eedf;--muted:#c3bfad;--border:#495044;--shadow:#171e19;--soft:#373e34;--code:#17231d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{color:var(--ink);background:var(--bg)}html[data-theme=dark] .hero,html[data-theme=dark] .map-header{color:#f5e7bf;background:#564b2e;border-color:#75643c;box-shadow:0 5px #302c1e}html[data-theme=dark] .hero h2{color:#ffedbb}html[data-theme=dark] .hero p,html[data-theme=dark] .hero-footnote{color:#dfd0a9}html[data-theme=dark] .review-teaser{background:#304437;border-color:#466b4d;box-shadow:0 5px #1d2d21}html[data-theme=dark] .review-teaser p{color:#c2dcc2}html[data-theme=dark] .mini-chip{background:#343e31;border-color:#59654d}html[data-theme=dark] .mini-chip p{color:#c3cdb5}html[data-theme=dark] .preview-card,html[data-theme=dark] .track-banner{background:#343e34;border-color:#515b4a}html[data-theme=dark] .preview-card small,html[data-theme=dark] .track-banner{color:#c3cdb5}html[data-theme=dark] .preview-icon{color:#a0c9b1}html[data-theme=dark] .progress-track{background:#3e473b;border-color:#536048}html[data-theme=dark] .skill-row .progress-track span{background:#58cba5}html[data-theme=dark] .tag{color:#f8e6a8;background:#605532;border-color:#8b7745}html[data-theme=dark] .stars .earned{color:#ffcf57}html[data-theme=dark] .stars{color:#777c69}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .hero{background:#564b2e;border-color:#75643c;box-shadow:0 5px #302c1e}html:not([data-theme=light]) .hero h2{color:#ffedbb}html:not([data-theme=light]) .hero p,html:not([data-theme=light]) .hero-footnote{color:#dfd0a9}html:not([data-theme=light]) .review-teaser{background:#304437;border-color:#466b4d;box-shadow:0 5px #1d2d21}html:not([data-theme=light]) .review-teaser p{color:#c2dcc2}html:not([data-theme=light]) .preview-card,html:not([data-theme=light]) .track-banner,html:not([data-theme=light]) .mini-chip{background:#343e34;border-color:#515b4a}html:not([data-theme=light]) .preview-card small,html:not([data-theme=light]) .track-banner,html:not([data-theme=light]) .mini-chip p{color:#c3cdb5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.coin-pill{color:#49350d;cursor:pointer;background:linear-gradient(#fff5a9,#ffc83d);border:2px solid #e8a923;border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:5px 12px 7px 7px;display:inline-flex;box-shadow:0 4px #d98224,inset 0 2px #ffffffbf}.coin-pill:active{transform:translateY(3px);box-shadow:0 1px #d98224}.coin-icon,.flying-coin{color:#7a4a08;background:#ffc83d;border:3px solid #f09a2b;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:inline-grid;box-shadow:inset 0 4px #ffffff85,0 3px #c97620}.coin-icon.large{width:64px;height:64px;font-size:26px}.coin-reward{color:#6a4309;background:#fff3b6;border-radius:18px;align-items:center;gap:8px;width:fit-content;margin:12px auto;padding:10px 18px;animation:.65s cubic-bezier(.2,.9,.3,1.35) coin-pop;display:flex}.coin-reward strong{font-size:1.35rem}.world-clear{background:color-mix(in srgb, #ffc83d 18%, var(--panel));border:2px solid #ffc83d;border-radius:18px;gap:3px;margin:12px auto;padding:12px 18px;display:grid}.world-clear span{color:#9a5a0b;font-weight:800}.coin-reward.reduced-motion{animation-name:coin-fade;animation-duration:.15s}@keyframes coin-pop{0%{opacity:0;transform:translateY(26px)scale(.7)rotate(-12deg)}70%{transform:translateY(-5px)scale(1.08)}}.coin-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.coin-total{flex-direction:column;gap:5px;display:flex}.coin-total strong{color:var(--text);font-size:clamp(1.25rem,4vw,2rem)}.coin-total small{color:var(--muted)}.exchange-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.spend-card{flex-direction:column;align-self:start;gap:14px;display:flex}.spend-card label{gap:7px;font-weight:800;display:grid}.spend-confirm{background:color-mix(in srgb, #ffc83d 22%, var(--panel));border-radius:14px;padding:12px;line-height:1.6}.ledger-list{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.ledger-list li{border-bottom:1px solid var(--border);grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px 0;display:grid}.ledger-list li:last-child{border-bottom:0}.ledger-list div{gap:3px;display:grid}.ledger-list small{color:var(--muted)}.ledger-sign{color:#176d57;background:#d9f8ed;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.ledger-sign.spend{color:#9a4b20;background:#fff0e5}.interview-ready{background:linear-gradient(135deg, color-mix(in srgb, #ffc83d 24%, var(--panel)), var(--panel));align-items:center;gap:18px;margin-bottom:18px;display:flex}.completion-summary{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.completion-summary span{background:color-mix(in srgb, #ffc83d 16%, var(--panel));border-radius:12px;padding:7px 10px;font-size:.82rem;display:grid}@media (width<=700px){.coin-summary{grid-template-columns:1fr;gap:10px}.coin-total{grid-template-columns:1fr auto;align-items:center;display:grid}.coin-total small{grid-column:2}.exchange-grid{grid-template-columns:1fr}.top-stats{gap:5px}.coin-pill{padding-right:9px}}@media (prefers-reduced-motion:reduce){.coin-reward{animation:.15s ease-out coin-fade}@keyframes coin-fade{0%{opacity:0}}}.avatar{min-width:44px;min-height:44px}.mini-levels{grid-template-columns:repeat(8,minmax(44px,1fr));display:grid}.mini-levels button{width:100%;min-width:44px;min-height:44px}@media (width<=1150px){.mini-levels{grid-template-columns:repeat(4,minmax(44px,1fr));gap:10px}}@media (width<=640px){.hero-footnote{font-size:9px}.page-footer{font-size:10px}.preview-card small{font-size:9px}.preview-card strong{font-size:11px}.world-feature .eyebrow{font-size:9px}.world-feature p,.next-lesson,.next-lesson>span:last-child,.track-banner p,.track-banner>.mini-tag{font-size:10px}}:root{--muted:#6d685c}.review-teaser p{color:#536d50}.preview-card small{color:#5d665b}.track-banner{color:#70664e}html[data-theme=dark] .progress-label strong{color:#e3c578}html[data-theme=dark]{--muted:#c3bfad}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--muted:#c3bfad}html:not([data-theme=light]) .progress-label strong{color:#e3c578}}.option:disabled{opacity:1}