.speaker-page{max-width:1524px;margin:auto;padding:20px 0 30px}.speaker-hero{display:grid;grid-template-columns:1fr 270px;gap:48px;align-items:center;margin:12px 2px 24px}.speaker-hero h1{margin:2px 0 4px;font-size:42px;line-height:1.12;letter-spacing:-1.1px}.speaker-hero>div>p:last-child{max-width:880px;margin:0;color:#b3c7dc;font-size:17px;line-height:1.38}.speaker-hero aside{display:flex;gap:14px;align-items:center;padding:15px;border:1px solid var(--color-border);border-radius:9px;background:#0d2030}.speaker-hero aside i,.speaker-info>article>i{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#183149;color:var(--color-primary);font-size:29px;font-style:normal}.speaker-hero aside strong,.speaker-hero aside span{display:block}.speaker-hero aside strong{font-size:14px}.speaker-hero aside span{margin-top:5px;color:var(--color-text-muted);font-size:12px;line-height:1.35}.speaker-workspace{border:1px solid var(--color-border);border-radius:10px;background:linear-gradient(140deg,#102438,#0c1c2b);box-shadow:var(--shadow);overflow:hidden}.speaker-stage{min-height:300px;display:grid;grid-template-columns:250px 100px minmax(400px,1fr) 100px 250px;gap:20px;align-items:center;padding:20px 35px 16px}.speaker-side{position:relative;display:grid;grid-template-columns:1fr 70px;gap:16px;align-items:center;text-align:center}.speaker-side.right-side{grid-template-columns:70px 1fr}.speaker-side strong,.speaker-side small{grid-column:1/-1}.speaker-side strong{font-size:13px}.speaker-side small{margin-top:-16px;color:#a9bed1;font-size:10px;white-space:nowrap}.speaker-box{position:relative;width:142px;height:220px;margin:auto;border:2px solid #415d74;border-radius:10px;background:linear-gradient(110deg,#1c354a,#0c1722 54%,#2a455a);box-shadow:inset 12px 0 15px #ffffff0a,inset -14px 0 18px #0009,0 16px 18px #0004}.speaker-box:before{content:"";position:absolute;inset:12px 9px;border:1px solid #526d82;border-radius:7px}.speaker-box i,.speaker-box b{position:absolute;z-index:1;left:50%;translate:-50%;display:block;border-radius:50%;background:radial-gradient(circle at 42% 36%,#4a7c8a,#07131c 40%,#020609 65%,#263849 68%,#020608 75%);border:4px solid #08121b;box-shadow:0 0 0 2px #385166}.speaker-box i{top:25px;width:55px;height:55px}.speaker-box b{bottom:23px;width:102px;height:102px;box-shadow:0 0 0 3px #2a4657,0 0 0 6px #0d1c29}.speaker-box em{position:absolute;z-index:2;bottom:59px;left:50%;translate:-50%;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#3cd4d4,#0c1b25 64%)}.speaker-box.playing{border-color:var(--color-primary);box-shadow:0 0 20px #22d3c566,inset 12px 0 15px #ffffff0a,inset -14px 0 18px #0009}.speaker-box.playing b{animation:woofer .45s ease-in-out infinite alternate;box-shadow:0 0 0 3px #2a4657,0 0 0 6px #0d1c29,0 0 18px #22d3c5}.sound-waves{height:160px;display:flex;gap:8px;align-items:center}.sound-waves i{display:block;width:6px;height:45px;border:2px solid var(--color-primary);border-left:0;border-radius:0 50% 50% 0;opacity:.2}.left-side .sound-waves i{border-left:2px solid var(--color-primary);border-right:0;border-radius:50% 0 0 50%}.speaker-side.active .sound-waves i{animation:wave .8s ease-in-out infinite}.speaker-side.active .sound-waves i:nth-child(2){animation-delay:.12s;height:80px}.speaker-side.active .sound-waves i:nth-child(3){animation-delay:.24s;height:120px}.meter{height:240px;padding:13px 17px;border:1px solid #28455d;border-radius:8px;background:#0d2233}.meter strong{font-size:12px;white-space:nowrap}.meter-bars{height:180px;margin-top:12px;display:flex;flex-flow:column-reverse;gap:5px}.meter-bars i{height:13px;border-radius:2px;background:#17364a}.meter.active .meter-bars i:nth-last-child(-n+5){background:linear-gradient(90deg,#21d7c2,#35e491);box-shadow:0 0 8px #22d3c599}.meter.active .meter-bars i{animation:meter .6s ease-in-out infinite alternate}.channel-console{align-self:center}.channel-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.channel-buttons button,.speaker-actions button,.stop-main{height:76px;border:1px solid #3a647e;border-radius:9px;background:linear-gradient(135deg,#153047,#102131);color:var(--color-text);font:800 18px inherit;cursor:pointer}.channel-buttons button span{margin-right:15px;font-size:23px}.channel-buttons button.active{border-color:#71f3f2;background:linear-gradient(135deg,#27d9d0,#17bde2);color:#031923;box-shadow:0 0 17px #22d3c566}.audio-status{min-height:140px;margin-top:16px;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;justify-items:center;padding:16px;border:1px solid #1e435a;border-radius:9px;background:#091927}.audio-status strong{color:var(--color-primary);font-size:16px}.equalizer{font-size:35px;color:#159ad0}.stop-main{grid-column:2;height:57px;width:240px;font-size:15px}.speaker-controls{display:grid;grid-template-columns:1.6fr 1.3fr .75fr 1.7fr;gap:18px;align-items:end;padding:13px 68px 18px;border-top:1px solid #2d4c62}.speaker-controls label>span{display:block;margin-bottom:5px;color:#bcd0e3;font-size:14px}.speaker-controls input,.speaker-controls select{width:100%;accent-color:var(--color-primary)}.speaker-controls select{height:37px;padding:0 10px;border:1px solid #3a607b;border-radius:7px;background:#102538;color:var(--color-text);font:14px inherit}.volume-control small{display:block;color:#91a9bf;font-size:10px}.hearing-warning{margin:0;height:55px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #6b5720;border-radius:8px;background:#221d10;color:#f5bf32;font-size:13px;font-weight:700}.hearing-warning b{font-size:23px}.speaker-actions{grid-column:2/4;display:flex;gap:12px}.speaker-actions button{height:51px;flex:1;font-size:14px}.speaker-actions .finish{border-color:#3bdbaf;background:linear-gradient(135deg,#1dc897,#119e7d)}.confirmation{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;align-items:center;padding:14px 68px;border-top:1px solid #2d4c62;background:#0b1c2b}.confirmation h2,.confirmation p{margin:0}.confirmation h2{font-size:15px}.confirmation p{color:var(--color-text-muted);font-size:12px}.confirmation fieldset{margin:0;border:0}.confirmation legend{padding:0 0 5px;color:#b8cce0;font-size:12px}.confirmation label{margin-right:9px;color:#e2edf5;font-size:12px;white-space:nowrap}.confirmation input{accent-color:var(--color-primary)}.speaker-info{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:19px}.speaker-info article{display:flex;gap:15px;min-height:154px;padding:17px 20px;border:1px solid #263d52;border-radius:9px;background:linear-gradient(135deg,#11263b,#0e2031)}.speaker-info h2{margin:3px 0 8px;font-size:17px}.speaker-info p,.speaker-info ol{margin:0;padding-left:0;color:#b0c2d5;font-size:13px;line-height:1.5}.speaker-info ol{padding-left:18px}.speaker-info .safe{color:var(--color-warning)}.speaker-faq{margin-top:20px;padding:18px 22px;border:1px solid #263d52;border-radius:9px;background:#0d1d2c}.speaker-faq h2{margin:0 0 8px;font-size:18px}.speaker-faq details{padding:9px 0;border-top:1px solid #233b50}.speaker-faq summary{cursor:pointer;font-weight:700}.speaker-faq p{margin:7px 0 0;color:var(--color-text-muted);font-size:13px}dialog#speaker-result{max-width:560px;border:1px solid #3c637a;border-radius:12px;background:#102538;color:var(--color-text);box-shadow:0 20px 70px #000}dialog#speaker-result::backdrop{background:#000a}#speaker-result form{position:relative;padding:10px}#speaker-result h2{margin:0 0 10px}.dialog-close{position:absolute;right:0;top:-3px;border:0;background:transparent;color:white;font-size:26px;cursor:pointer}#result-details div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #2b465c}#result-details dt{color:var(--color-text-muted)}#result-details dd{margin:0;font-weight:700}.result-note{color:var(--color-text-muted);font-size:12px}.speaker-page button:focus-visible,.speaker-page input:focus-visible,.speaker-page select:focus-visible{outline:3px solid white;outline-offset:3px}@keyframes woofer{to{scale:1.07}}@keyframes wave{50%{opacity:1}100%{opacity:.35}}@keyframes meter{to{opacity:.42;transform:scaleX(.7)}}@media(max-width:1180px){.speaker-page{padding-left:24px;padding-right:24px}.speaker-stage{grid-template-columns:180px 76px minmax(350px,1fr) 76px 180px;gap:12px;padding-left:20px;padding-right:20px}.speaker-box{scale:.82}.speaker-side{grid-template-columns:1fr}.speaker-side.right-side{grid-template-columns:1fr}.speaker-side .sound-waves{display:none}.speaker-controls{padding-left:30px;padding-right:30px}.confirmation{padding-left:30px;padding-right:30px}}@media(max-width:820px){.speaker-hero{grid-template-columns:1fr}.speaker-hero aside{max-width:350px}.speaker-stage{grid-template-columns:1fr 1fr;gap:16px}.channel-console{order:-1;grid-column:1/-1}.meter{display:none}.speaker-controls{grid-template-columns:1fr 1fr;padding:18px}.hearing-warning{grid-column:1/-1}.speaker-actions{grid-column:1/-1}.confirmation{grid-template-columns:1fr;padding:18px}.speaker-info{grid-template-columns:1fr}.speaker-info article{min-height:auto}}@media(max-width:520px){.speaker-page{padding:14px}.speaker-hero h1{font-size:34px}.speaker-stage{padding:15px 10px}.speaker-box{scale:.7;margin:-21px auto}.speaker-side small{white-space:normal;margin-top:-16px}.channel-buttons{gap:6px}.channel-buttons button{height:60px;font-size:14px}.channel-buttons button span{display:none}.audio-status{min-height:125px}.speaker-controls{grid-template-columns:1fr}.speaker-actions{grid-column:auto}.confirmation label{display:block;margin:5px 0}}
@media(max-width:900px){.site-header nav,.site-header .header-tools{display:none}.site-header{padding:0 24px}}
.result-export-card{position:fixed;left:-10000px;top:0;width:620px;padding:34px;border:1px solid #39708a;border-radius:16px;background:linear-gradient(135deg,#10283c,#0a1725);color:#f4f7fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.result-export-card .export-eyebrow{margin:0 0 8px;color:#22d3c5;font-size:13px;font-weight:800;letter-spacing:1.6px}.result-export-card h1{margin:0 0 22px;font-size:31px;letter-spacing:-.6px}.result-export-card dl{margin:0;border-top:1px solid #2b4b63}.result-export-card dl div{display:flex;justify-content:space-between;gap:22px;padding:12px 0;border-bottom:1px solid #2b4b63}.result-export-card dt{color:#a9b9cb}.result-export-card dd{margin:0;font-weight:750;text-align:right}.result-export-card>p:last-child{margin:21px 0 0;color:#a9b9cb;font-size:13px;line-height:1.5}
@media(min-width:901px){.speaker-page{padding-left:20px;padding-right:20px}}