:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1220;color:#f2f5fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 5%,#1b3454 0,transparent 45%),#0b1220}button,input{font:inherit}.shell{max-width:700px;margin:auto;padding:22px 18px 34px}header,.brand,.room-top,.language-band,.controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{justify-content:flex-start}.logo{font-size:30px;color:#5de3c7}.brand strong{display:block;font-size:17px;letter-spacing:-.4px}.brand small{display:block;color:#94a3b8;font-size:11px;margin-top:4px}.status{font-size:12px;color:#9aa9bd;border:1px solid #34445b;padding:7px 10px;border-radius:100px;white-space:nowrap}.card{border:1px solid #2d3c54;border-radius:22px;background:#111d30;box-shadow:0 12px 40px #0002}.setup{padding:30px 24px;margin:42px 0 24px}.eyebrow,.caption-title{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#69dfc5}.setup h1{font-size:clamp(32px,7vw,49px);line-height:1.12;letter-spacing:-2px;margin:18px 0}.setup em{color:#5de3c7;font-style:normal}.setup p{color:#a5b4c9;line-height:1.65;margin-bottom:28px}.setup label{color:#bac8db;font-size:12px;display:block;margin:16px 0 8px}input{width:100%;padding:14px;background:#0b1424;color:white;border:1px solid #384a64;border-radius:12px;margin-bottom:16px}button{cursor:pointer;border:0;border-radius:13px;padding:13px 17px;font-weight:700}button:disabled{opacity:.45;cursor:default}.primary{color:#061b21;background:#6ce4cc}.secondary{color:#e4edf5;background:#24354d}.ghost{color:#bcebdc;background:#193b3b}.danger{color:#ffc6c6;background:#4a2630}.hidden{display:none!important}#error{color:#ffb1b1;margin-top:12px;line-height:1.5}.room-top{margin-top:30px;font-size:15px}.room-top .eyebrow{margin-bottom:6px}.qr-card{padding:13px;display:flex;align-items:center;justify-content:center;gap:20px;margin:15px 0;color:#a5b4c9;font-size:13px}.qr-card img{width:116px;height:116px;border-radius:10px}.language-band{font-size:12px;color:#c7d9e8;padding:18px 3px}.caption-card{padding:20px;border-radius:20px;border:1px solid #2b4252;margin-bottom:14px;min-height:190px}.caption-card.incoming{background:linear-gradient(160deg,#123b41,#132d39)}.caption-card.original{background:#141f32;border-color:#2b3950;min-height:145px}.caption-title{color:#9ce6d6;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.live{margin-left:auto;color:#55d7bc;letter-spacing:0}.caption-text{font-size:clamp(23px,5vw,35px);font-weight:650;letter-spacing:-.6px;line-height:1.35;margin-top:18px;overflow-wrap:anywhere}.caption-text.small{font-size:18px;font-weight:400;color:#b9c7d9}.controls{flex-wrap:wrap;justify-content:center;margin-top:20px}.controls button{flex:1 1 45%;min-width:140px}.controls #start{flex-basis:100%;font-size:17px;padding:17px}.hint{font-size:12px;line-height:1.7;color:#8ea0b7}.debug{font-size:12px;color:#a0b7ca;white-space:pre-wrap}footer{text-align:center;color:#64748b;font-size:11px;margin-top:30px}@media(max-width:460px){.shell{padding:15px 12px 30px}.setup{margin-top:30px;padding:26px 20px}.qr-card img{width:100px;height:100px}.caption-card{min-height:180px}.room-top{font-size:13px}}

#qr svg{width:118px;height:118px;background:white;border-radius:10px;padding:6px;display:block} .linktext{word-break:break-all;max-width:420px;font-size:10px;margin-top:10px;color:#6ce4cc} #remote-audio{display:none} button:focus-visible{outline:3px solid #a5f3df;outline-offset:2px}