:root{color-scheme:dark;--lime:#c0fa66;--blue:#80daff;--muted:#adbed6;--mono:Consolas,monospace}*{box-sizing:border-box}body{margin:0;font:16px/1.5 "Segoe UI",system-ui,sans-serif;color:#eff4ff;background:radial-gradient(ellipse at 15% 70%,#244c6355,transparent 50%),radial-gradient(ellipse at 85% 10%,#56448044,transparent 50%),#0a101f;min-height:100vh}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit;background:#243650;border:1px solid #506789;border-radius:9px;min-height:44px;padding:10px 16px}button:hover{background:#304966;border-color:var(--blue)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:4px}a{color:var(--blue)}header{min-height:85px;margin:0 35px;border-bottom:1px solid #33435d;display:flex;justify-content:space-between;align-items:center;gap:18px}.logo{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:850;letter-spacing:1px;font-size:22px}.logo>span{background:var(--lime);color:#18240f;padding:2px 9px;border-radius:10px;font-size:27px}.logo small{font:9px var(--mono);color:var(--muted)}.os-status{font:11px var(--mono);letter-spacing:1px;color:var(--muted)}nav{display:flex;gap:8px}nav button{font-size:12px;background:#162237}main{max-width:1240px;margin:auto;padding:30px 30px 10px;outline:none}.brief{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:23px}.kicker{font:11px var(--mono);letter-spacing:2px;color:var(--lime);margin-bottom:9px}h1{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1.5px;line-height:1.1;margin:0}h2,h3,p{margin-top:0}.brief p{max-width:490px;margin:0;font-size:14px;color:#c0cfe3}.workspace{position:relative;padding:26px;border:1px solid #52617b;border-radius:20px;background:linear-gradient(135deg,#1a384e,#243256 45%,#35335d);min-height:520px;box-shadow:0 30px 90px #0005;overflow:hidden}.workspace:before{content:"";position:absolute;width:800px;height:800px;border:70px solid #8abbf811;border-radius:50%;left:30%;top:22%;pointer-events:none}.window{position:relative;background:#132037;border:1px solid #6580a5;border-radius:13px;overflow:hidden;box-shadow:0 15px 40px #0004}.titlebar{background:#2b3d59;display:flex;justify-content:space-between;align-items:center;padding:11px 17px;font:11px var(--mono);color:#d2e1f6;border-bottom:1px solid #526581}.lights{color:#a4bbd7;letter-spacing:5px}.app{padding:28px;min-height:340px}.desktop-center{display:grid;place-items:center;text-align:center;min-height:300px}.desktop-center h2{font-size:29px;line-height:1.15;letter-spacing:-.6px;margin-bottom:10px}.desktop-center p{font-size:14px;color:var(--muted);max-width:450px;margin:0 auto 20px}.hero-icon{font-size:52px;color:var(--blue);margin-bottom:16px}.badge{font:10px var(--mono);display:inline-block;padding:6px 10px;border:1px solid #8b724c;background:#ffce8811;color:#ffce88;border-radius:6px;margin-bottom:16px}.dock{position:relative;margin-top:17px;display:flex;justify-content:space-between;align-items:center;background:#0e1a2ddd;border:1px solid #516280;border-radius:11px;padding:8px 12px;gap:10px}.dock-group{display:flex;gap:8px;flex-wrap:wrap}.dock button{font-size:12px;min-height:44px;background:#20324d}.dock>span{font:10px var(--mono);color:#b7c8e1}.panel{position:relative;background:#192b46;border:1px solid #627ca2;border-radius:12px;padding:22px;margin-top:16px;box-shadow:0 15px 30px #0003}.panel h3{font-size:18px;margin-bottom:14px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.split p{color:var(--muted);font-size:14px}.checklist{padding:0;margin:0;list-style:none}.checklist li{padding:9px 0;border-bottom:1px solid #334c6b;font-size:13px;color:#b4c6dd}.checklist .checked{color:var(--lime)}.toggle{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #496386;border-radius:8px;padding:11px 13px;margin:9px 0;font-size:14px}.toggle button{font-size:12px;min-width:95px}.active{border-color:var(--lime)!important;background:#30472c!important}.good{color:var(--lime)}.muted{color:var(--muted)}.primary{background:var(--lime);color:#152508;border-color:var(--lime);font-weight:750}.primary:hover{background:#d6ff9e;color:#152508}.toolbar{display:flex;align-items:center;gap:10px;padding:11px;background:#233751;border-bottom:1px solid #4e6687}.toolbar input{flex:1;min-width:0;background:#0c192c;color:white;border:1px solid #526b8f;border-radius:7px;padding:10px;font:12px var(--mono)}.toolbar button{padding:6px 12px}.tabs{display:flex;gap:5px;padding:10px 10px 0;background:#2b3d59}.tabs button{border-radius:8px 8px 0 0;font-size:12px;border-bottom:0}.tabs button[aria-pressed=true]{background:#132037}.mail{border-left:3px solid var(--blue);background:#1e334f;padding:18px;margin-top:16px;font-size:14px}.mail code{display:block;overflow-wrap:anywhere;color:var(--lime);margin:15px 0}.order-list{list-style:none;padding:0;display:grid;gap:10px;counter-reset:steps}.order-list li{display:flex;align-items:center;gap:12px;background:#213551;border:1px solid #587293;border-radius:10px;padding:10px;counter-increment:steps}.order-list li:before{content:counter(steps,decimal-leading-zero);color:var(--blue);font:15px var(--mono)}.step-text{flex:1;font-size:13px}.order-list button{padding:7px 12px;font-size:18px}.charger-grid{display:grid;gap:10px}.charger{width:100%;text-align:left;display:flex;gap:15px;align-items:center}.charger b{display:block;font-size:14px}.charger small{display:block;color:var(--muted);font-size:12px}.charger>span{font-size:28px;color:var(--blue)}.video{min-height:220px;background:linear-gradient(150deg,#145a68,#474486);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:10px;padding:25px}.video-title{font-size:35px;font-weight:800;letter-spacing:-1px;line-height:1.1;z-index:1}.video-title small{display:block;font:11px var(--mono);letter-spacing:3px;margin-bottom:14px}.video-orbit{width:160px;height:160px;border:25px solid #a7dddb44;border-radius:50%;position:absolute;right:20px;transform:rotate(-30deg)}.video-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0}.meter{display:flex;gap:4px;height:25px;align-items:center}.meter b{height:4px;width:5px;background:#8495b2}.meter.playing b{background:var(--lime);animation:meter 700ms infinite alternate}.meter.playing b:nth-child(2n){animation-delay:-300ms}.meter.playing b:nth-child(3n){animation-delay:-500ms}input[type=range]{width:100%;accent-color:var(--lime);min-height:44px}.zoom-viewport{height:325px;overflow:hidden;background:#edf2fa;color:#1b2c43;position:relative}.zoom-content{width:100%;padding:28px;transform-origin:top left;transition:transform .2s}.zoom-content h2{font-size:29px;margin-bottom:13px}.zoom-content p{max-width:530px;font-size:16px}.zoom-content button{margin-top:15px}.zoom-menu{position:absolute;right:16px;top:100px;z-index:5;background:#203550;border:1px solid #8198bb;border-radius:12px;padding:18px;box-shadow:0 10px 30px #0007;max-width:calc(100% - 32px)}.zoom-controls{display:flex;align-items:center;gap:10px;margin:12px 0}.login{max-width:430px;margin:0 auto;text-align:center}.avatar{background:#3e5375;color:#b8ddf9;border:1px solid #8dabc8;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;font-size:30px}.login label{display:block;text-align:left;font-size:13px;color:var(--muted);margin-bottom:7px}.password{width:100%;background:#0b182c;border:1px solid #7894ba;border-radius:9px;color:white;padding:14px;font:23px var(--mono);letter-spacing:3px}.demo-key{background:#1f3653;border:1px dashed #6f90b9;padding:12px;margin:15px 0;font-size:12px;color:#c1d1e7}.demo-key strong{color:var(--lime);font:20px var(--mono);margin-left:8px}.login .primary{width:100%;margin-top:14px}.keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.keyboard button{font:20px var(--mono);min-width:46px;border-bottom-width:4px}.login-tools{display:flex;justify-content:center;gap:10px;margin-top:20px}.login-tools button{font-size:12px}.clipboard-note{margin:14px 0 0;color:var(--muted);font-size:12px}.clipboard-note span{display:inline-block;background:#0b182b;font:24px var(--mono);color:white;padding:4px 15px;user-select:all}.mouse-area{cursor:not-allowed}.mouse-area.keyboard-mode{cursor:auto}.document{background:#edf2fa;color:#25364c;border-radius:5px;padding:26px;min-height:205px;box-shadow:0 5px 15px #0003}.document h3{font-size:24px;margin-bottom:10px}.document p{font-size:14px;max-width:480px}.document .status{font:11px var(--mono);color:#8b4c1b}.document .status.saved{color:#28590d}.file-row{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0}.keyboard-callout{border:1px solid #8878bc;background:#342e4c;color:#e3d8ff;padding:14px 18px;border-radius:10px;margin-top:16px;font-size:13px}kbd{display:inline-block;background:#0e1b31;border:1px solid #a9bdd8;border-bottom-width:3px;border-radius:5px;color:white;padding:3px 8px;font:12px var(--mono)}.completion{border:1px solid #84b750;background:#1f3526;padding:22px;border-radius:13px;position:relative;display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:20px;outline:none}.completion p{font-size:14px;color:#d7ead2;margin:0;max-width:780px}.completion button{flex-shrink:0}#live{max-width:1180px;margin:10px auto;padding:0 30px;color:#ffce88;font-size:14px;min-height:28px}footer{max-width:1240px;margin:10px auto;padding:10px 30px 24px;display:flex;justify-content:space-between;gap:15px;font:10px var(--mono);color:var(--muted)}dialog{max-width:560px;width:calc(100% - 30px);background:#1a2c47;color:white;border:1px solid #8197b6;border-radius:15px;padding:32px;max-height:85vh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030812bd;backdrop-filter:blur(5px)}dialog h2{font-size:27px;line-height:1.2;padding-right:30px}dialog p,dialog li{color:#c6d6eb;font-size:15px}.close{position:absolute;right:12px;top:12px;padding:3px 14px;font-size:24px}.dialog-buttons{display:flex;gap:10px;margin-top:20px}.finish{text-align:center;padding:35px 15px}.finish h1{font-size:clamp(35px,6vw,65px)}.finish h1 span{color:var(--lime)}.finish p{max-width:650px;margin:20px auto;color:#c4d5e7}.learned{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:left;margin:30px 0}.learned article{padding:20px;background:#1a2d47;border:1px solid #506887;border-radius:12px}.learned h3{font-size:17px;color:var(--lime);margin-bottom:9px}.learned p{font-size:13px;margin:0}.hidden{display:none!important}@keyframes meter{to{height:24px}}@media(max-width:760px){header{margin:0 16px;flex-wrap:wrap;padding:15px 0;gap:12px}.logo{font-size:19px}.os-status{display:none}nav button{font-size:11px;padding:8px 10px}main{padding:25px 15px 10px}.brief{display:block}.brief p{margin-top:14px}.workspace{padding:13px;min-height:440px}.app{padding:18px}.split{grid-template-columns:1fr;gap:18px}.dock>span{display:none}.toolbar{gap:6px;padding:8px}.toolbar button{padding:7px}.tabs button{padding:8px;font-size:11px}.video{min-height:180px}.video-title{font-size:28px}.video-orbit{right:-45px}.completion{display:block}.completion button{margin-top:18px;width:100%}.learned{grid-template-columns:1fr}.zoom-content{padding:18px}.order-list li{gap:8px}.order-list button{padding:6px 9px}.step-text{font-size:12px}.charger small{font-size:11px}footer{padding:12px 16px;font-size:9px;flex-wrap:wrap}footer>span:last-child{display:none}#live{padding:0 16px}.file-row{font-size:12px}.login-tools{flex-wrap:wrap}.panel{padding:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}