:root{color-scheme:dark;--bg:#04151e;--panel:#0b2530;--line:#244652;--text:#e6f5f8;--muted:#a7c4ce;--cyan:#65e5df;--gold:#ffc56d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}header{padding:20px 5%;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);letter-spacing:.13em;font-size:12px}.brand{font-weight:800}.brand b{color:var(--cyan)}.tag{color:var(--muted)}main{max-width:1200px;margin:auto;padding:24px}.intro{padding:50px 40px;border-radius:24px;background:linear-gradient(90deg,#04151ef5,#04151e50),url('assets/hero.png') center/cover;min-height:370px;margin-bottom:24px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.19em}h1{font-size:clamp(40px,6vw,66px);line-height:1.08;margin:20px 0}h1 em{font-style:normal;color:var(--cyan)}.intro p{font-size:18px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{border:1px solid #547b83;background:#061e27ba;border-radius:30px;padding:5px 13px;font-size:12px}.panel{background:linear-gradient(135deg,#0c2b37,#09212b);border:1px solid var(--line);border-radius:20px;padding:26px}.briefing{margin-bottom:24px}.briefing h2,.questions h2{color:var(--cyan);font-size:21px}h2 span{color:var(--text);margin-left:14px}video{width:100%;max-height:580px;display:block;background:#000;border-radius:12px;margin-top:20px;aspect-ratio:16/9}audio{width:100%;margin:10px 0}.workspace{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.radio{position:sticky;top:16px}.radio h2{margin:12px 0}.de{color:var(--muted);font-size:13px}.progress{height:6px;background:#173d48;border-radius:6px;overflow:hidden;margin-top:24px}#bar{height:100%;width:0;background:var(--cyan);transition:width .2s}details{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}summary{cursor:pointer;color:var(--gold)}fieldset{border:0;border-top:1px solid var(--line);padding:24px 0;margin:0;min-width:0}legend{float:left;width:100%;font-size:17px;font-weight:700;margin-bottom:14px}fieldset label{display:flex;align-items:flex-start;gap:12px;clear:both;background:#102f3c;border:1px solid #294956;border-radius:10px;margin:8px 0;padding:12px;cursor:pointer}input{accent-color:var(--cyan);margin-top:7px;flex:none}label:has(input:checked){border-color:var(--cyan);background:#16434c}label.good{border-color:#7ee2b1;background:#123c30}label.bad{border-color:#f99b9b;background:#422a32}.feedback{font-size:14px;color:var(--muted);clear:both}.feedback:empty{display:none}button{font:inherit;font-weight:750;border:0;padding:13px 20px;border-radius:10px;background:var(--cyan);color:#05212a;cursor:pointer}.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}button:hover{filter:brightness(1.1)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:12px}#result:not(:empty){padding:20px;border:1px solid var(--cyan);border-radius:12px;margin-top:20px}footer{padding:30px 0;color:var(--muted);font-size:12px;text-align:center}@media(max-width:800px){.workspace{grid-template-columns:1fr}.radio{position:static}.intro{padding:30px 24px}.tag{display:none}main{padding:14px}.panel{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}