@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#e7f0eb;background:#0e181b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#29423d 0,#0e181b 38rem);min-height:100vh}.shell{max-width:1440px;margin:auto;padding:0 52px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #31403e}.brand{display:flex;gap:12px;align-items:center;color:#e6f0eb;text-decoration:none}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #8fc2a5;border-radius:9px;color:#bce2ba;font-size:18px}.brand strong{display:block;font-size:15px;letter-spacing:.01em}.brand small{display:block;color:#8da59c;font:10px DM Mono;letter-spacing:.15em;margin-top:3px}nav{display:flex;gap:28px;color:#c5d2cc;font-size:13px}.muted{color:#7f9790}.ghost,.viewer-toolbar button{color:#d1ddd8;background:transparent;border:1px solid #40524d;border-radius:7px;padding:10px 15px;font:12px DM Mono;cursor:pointer}.hero{padding:62px 0 34px;max-width:870px}.eyebrow{font:11px DM Mono;letter-spacing:.15em;color:#91c69f}.hero h1{font-size:clamp(34px,4.6vw,62px);line-height:1.06;letter-spacing:-.045em;margin:18px 0 14px;font-weight:700}.hero p{color:#aebeb8;max-width:670px;line-height:1.7;font-size:15px}.progress{height:3px;background:#29423c;margin-top:30px;max-width:700px}.progress span{display:block;height:100%;background:#bce2ba;transition:width .4s ease}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:22px}.viewer-card,.lesson-card{border:1px solid #344a45;border-radius:12px;background:#142124;overflow:hidden}.viewer-card{min-height:580px;display:flex;flex-direction:column}.viewer-toolbar{height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c403d}.live{font:10px DM Mono;letter-spacing:.12em;color:#9eb7ad}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8bd39c;margin-right:8px;box-shadow:0 0 10px #8bd39c}.viewer-toolbar button{padding:7px 10px}.viewer-card #viewer{flex:1;min-height:480px}.viewer-footer{padding:13px 18px;color:#728a82;font:10px DM Mono;display:flex;gap:24px;border-top:1px solid #2c403d}.lesson-card{padding:26px;display:flex;flex-direction:column}.step{display:flex;justify-content:space-between;color:#93a9a0;font:10px DM Mono;letter-spacing:.13em}.step span:first-child{color:#bce2ba;font-size:18px}.prompt{font-size:17px;line-height:1.55;color:#e5eee9;margin:32px 0 19px}.hint{border-left:2px solid #6da77f;background:#1a2d2b;padding:12px 13px;display:flex;gap:10px;flex-direction:column;font-size:12px;line-height:1.5;color:#b1c5bb}.hint b{font:10px DM Mono;color:#aad6b0;letter-spacing:.12em}.choice-wrap{margin-top:32px}.choice-wrap h3{font-size:13px;line-height:1.5;font-weight:600;color:#cfddd6;margin:0 0 14px}.choice{width:100%;text-align:left;background:#182a2b;border:1px solid #345049;border-radius:7px;color:#bacbc3;padding:11px 12px;margin:5px 0;font:12px Manrope;cursor:pointer;transition:.2s}.choice:hover{border-color:#8cbf9c;background:#1c3432}.choice span{font:10px DM Mono;color:#8bb89c;margin-right:11px}.choice.correct{border-color:#82c99b;background:#1d3d33;color:#e9f7ee}.choice.wrong{border-color:#bd7b78;background:#3d292a}.choice:disabled{cursor:default}.feedback{min-height:48px;font-size:12px;line-height:1.55;color:#8fa79d;margin-top:15px;opacity:0;transform:translateY(5px);transition:.25s}.feedback.show{opacity:1;transform:none}.feedback.good{color:#a7d6af}.controls{margin-top:auto;padding-top:12px}.primary{width:100%;background:#b9deb9;border:0;border-radius:7px;color:#12221e;padding:14px;font-weight:700;cursor:pointer}.primary:disabled{background:#2e4540;color:#718880;cursor:not-allowed}.primary span{float:right;font-size:18px;line-height:12px}.map-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:86px 0 90px}.map-section h2{font-size:28px;letter-spacing:-.03em;margin:14px 0}.section-copy{font-size:13px;line-height:1.7;color:#93a59e;max-width:370px}.module-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.module-item{display:flex;gap:14px;padding:18px;border:1px solid #2a3c39;border-radius:8px;color:#819891}.module-item.current{border-color:#779f85;background:#192d2a;color:#d7e7de}.module-item>span{font:12px DM Mono;color:#7cae89}.module-item b{display:block;font-size:12px;color:#d3dfd9}.module-item small{display:block;font-size:10px;margin-top:5px;color:#789089}footer{border-top:1px solid #293b38;padding:20px 0 28px;display:flex;justify-content:space-between;color:#6f8880;font:10px DM Mono}@media(max-width:900px){.shell{padding:0 20px}.topbar nav{display:none}.workspace{grid-template-columns:1fr}.viewer-card{min-height:500px}.viewer-card #viewer{min-height:400px}.map-section{grid-template-columns:1fr;gap:30px;padding:55px 0}.hero{padding-top:42px}.module-list{grid-template-columns:1fr}footer{display:block;line-height:2}}.toolbar-actions{display:flex;gap:8px}