@font-face{font-family:Course;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#16191e;color:#f3f6f6;font-family:Course,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8deaff;outline-offset:4px}button{border:0}a{color:#a0e5ff}.shell{max-width:1500px;margin:auto;padding:0 42px}header{height:86px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:12px;align-items:center;color:#b9f2ff;text-decoration:none;font-size:25px}.brand span{font-size:13px;font-weight:600;letter-spacing:3px}.edition{margin-left:auto;color:#a9b7cb;font-size:13px}.quiet{background:transparent;color:#b4c3d9;padding:12px;font-size:13px}main{display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px;padding:40px 0}aside{display:flex;flex-direction:column;padding-top:12px}.eyebrow{color:#8dd6ef;letter-spacing:2px;font-size:10px}h1{font-size:35px;line-height:1.14;letter-spacing:-1px;font-weight:500;margin:20px 0}.muted{color:#9eafc7;font-size:14px;line-height:1.65}nav{display:grid;gap:8px;margin-top:30px}nav button{display:flex;align-items:center;text-align:left;gap:15px;padding:16px 13px;color:#72869e;background:transparent;border-radius:9px;font-size:12px}nav button span{color:#b8c8dc;font-size:14px}nav button.active{background:#262f39;color:#9cedff}nav button.active span{color:#e8faff}.aside-bottom{margin-top:auto;padding-top:40px;color:#becfe2;font-size:12px}.aside-bottom p{color:#7f94ae;line-height:1.6;max-width:220px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#82fae9;margin-right:5px}.lesson{min-width:0}.topline{display:flex;justify-content:space-between;gap:10px;margin:0 2px 16px;color:#9bb0ca;font-size:11px;letter-spacing:1.5px}.topline span:last-child{letter-spacing:0;color:#82fae9}.stage{position:relative;min-height:490px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 90% 20%,#33404d55,transparent 70%),#1d242b;border:1px solid #a0dfff16;display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:24px;align-items:center;padding:32px}.content{min-width:0}.host{align-self:center;width:175px;transition:width .6s,transform .6s;transform:perspective(900px) rotateY(-4deg);border:1px solid #9ad8ff33;border-radius:15px;overflow:hidden;box-shadow:0 20px 65px #0007;background:#fff}.host video{width:100%;display:block;aspect-ratio:9/16;object-fit:contain}.host-name{background:#1f262e;color:#c8eaff;padding:10px;font-size:11px}.stage.hero{grid-template-columns:minmax(0,1fr) 250px}.stage.hero .host{width:250px}.kicker{color:#82d9f4;letter-spacing:2px;font-size:11px}h2{font-size:34px;line-height:1.15;font-weight:500;letter-spacing:-.7px;margin:18px 0}h3{font-size:21px;font-weight:500}p{line-height:1.6}.lead{font-size:17px;color:#b5c9df;max-width:450px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.chips span{padding:9px 12px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;font-size:12px;color:#b5c9df}.player{display:flex;align-items:center;gap:15px;padding:15px 0}.player button{background:transparent;color:#d4e9ff;font-size:12px;white-space:nowrap;padding:8px 0}.track{height:3px;background:#2d3844;flex:1;overflow:hidden;border-radius:3px}.track span{display:block;height:100%;width:0;background:#82fae9}.bottom{display:flex;gap:20px;align-items:center;border-top:1px solid #ffffff12;padding:17px 0}.bottom p{font-size:12px;color:#8fa5c0;flex:1;margin:0}.primary{background:#82fae9;color:#14191f;padding:14px 20px;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap}.secondary{background:#2a343e;color:#d5edff;padding:13px 17px;border:1px solid #405060;border-radius:9px;font-size:13px}details{font-size:12px;color:#9ab0ca}details summary{cursor:pointer}details p{color:#aabed6;max-width:800px}footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #ffffff12;padding:18px 0 30px;font-size:11px;color:#6f86a3}.choices{display:grid;gap:10px;margin-top:25px}.choices button{background:#252e38;border:1px solid #3a4857;border-radius:11px;padding:18px;display:flex;align-items:center;text-align:left;color:#d8edff;gap:14px}.choices button:hover{background:#364351;transform:translateY(-2px)}.choices b{font-size:18px;font-weight:500}.choices small{display:block;color:#91acc8;margin-top:4px;font-size:12px}.device-icon{font-size:28px}.sim{background:#edf3fa;color:#20272f;border-radius:13px;padding:20px;margin-top:20px;box-shadow:0 10px 40px #0003}.sim-label{font-size:10px;color:#527089;letter-spacing:1px;margin-bottom:16px}.sim-top{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.sim-top span{font-size:11px;color:#6c8194}.config{margin-top:16px;border-radius:9px;background:#fff;padding:14px;box-shadow:0 2px 10px #2c364110;font-size:13px}.config small{color:#6b8098;display:block;margin-top:6px}.sim button{background:#e1ebf5;border:1px solid #cbd9e7;color:#2b3540;border-radius:8px;padding:11px 15px;font-size:12px;margin-top:12px;max-width:100%}.sim .power{background:#374452;color:#fff;border:0}.steps{display:flex;gap:6px;margin-top:16px}.steps span{height:3px;background:#c8d5e3;flex:1}.steps span.on{background:#4c5e71}.notice{font-size:11px;color:#8da6c0;line-height:1.6;margin-top:15px}.address{display:block;color:#2b3540;background:#fff;border:2px solid #73b9e0;border-radius:8px;padding:13px;margin-top:14px;font-size:18px;letter-spacing:.5px;text-decoration:none}.tip{margin:16px 0;color:#b6cbe1;font-size:14px}.mode{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.mode button{background:#212932;color:#a8c4dd;padding:9px;border-radius:6px;font-size:11px}.mode button.selected{background:#82fae9;color:#212931}.prompt{background:#12171c;border:1px solid #405060;border-radius:12px;padding:18px;font-size:15px;color:#d6e9fa;margin:18px 0}.links{display:flex;gap:10px;flex-wrap:wrap}.links a{display:inline-block;font-size:12px;padding:10px 0}.status{margin-top:12px;font-size:12px;color:#3d4c5b}.done{color:#8de7cd}button:disabled{opacity:.45;cursor:default}@media(max-width:1100px){.shell{padding:0 24px}main{grid-template-columns:210px minmax(0,1fr);gap:22px}.stage{padding:24px;grid-template-columns:minmax(0,1fr) 135px;gap:18px}.host{width:135px}.stage.hero{grid-template-columns:minmax(0,1fr) 180px}.stage.hero .host{width:180px}h2{font-size:28px}h1{font-size:30px}}@media(max-width:800px){main{display:block;padding:24px 0}aside h1,aside>.muted,aside>.eyebrow,.aside-bottom{display:none}aside{padding:0}nav{display:flex;overflow:auto;margin:0 0 24px;gap:5px}nav button{padding:11px;min-width:max-content}nav button span{font-size:12px}.stage{min-height:440px}.edition{display:none}header{height:65px}.stage.hero{grid-template-columns:minmax(0,1fr) 180px}footer{flex-wrap:wrap}}@media(max-width:520px){.shell{padding:0 15px}.brand span{font-size:11px;letter-spacing:2px}.stage,.stage.hero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:20px;padding:22px;min-height:0}.host,.stage.hero .host{width:100%;transform:none;display:flex;background:#1d242c;align-items:center;height:120px;border:0;box-shadow:none}.host video{width:100px;height:120px;object-fit:contain;background:#fff}.host-name{background:transparent;padding:15px}.stage.hero .host{height:210px}.stage.hero .host video{width:155px;height:210px}.stage.hero .host-name{flex:1}.content h2{font-size:29px;margin-top:12px}.lead{font-size:15px}.topline{font-size:9px;letter-spacing:1px}.bottom{align-items:stretch;flex-direction:column;gap:12px}.player{gap:9px}.player button{font-size:11px}.choices button{padding:15px}.prompt{font-size:14px}.sim{padding:15px}footer{font-size:10px}.quiet{padding:8px}details p{font-size:12px}}
@media(min-width:801px){header{height:70px}main{padding-top:28px;padding-bottom:28px}.stage{min-height:420px}.stage.hero{grid-template-columns:minmax(0,1fr) 210px}.stage.hero .host{width:210px}}
.voice-portrait{display:none;width:100%;aspect-ratio:1;object-fit:cover}.audio-only video{display:none}.audio-only .voice-portrait{display:block}.audio-only .host-name:after{content:" · озвучка"}@media(max-width:520px){.audio-only .voice-portrait{width:100px;height:120px;object-fit:cover}}