:root{color-scheme:light;--ink:#18352f;--muted:#65746e;--line:#dde5df;--green:#176b52;--paper:#f5f7f2;font-family:"Segoe UI","Malgun Gothic",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button{border:0;background:var(--green);color:white;padding:12px 22px;border-radius:9px;cursor:pointer;font-weight:600}button:disabled{opacity:.4;cursor:default}a{color:var(--green);text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}input,select{width:100%;border:1px solid #c8d4cb;background:#fff;border-radius:8px;padding:10px;color:var(--ink);margin-top:7px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #77b7a5;outline-offset:3px}label{display:block;font-size:13px;font-weight:600;margin:15px 0}h1,h2,p{margin-top:0}h1{font-size:36px;letter-spacing:-1.5px;line-height:1.35;margin-bottom:12px}h2{font-size:17px;letter-spacing:-.5px}.topbar{height:80px;display:flex;align-items:center;gap:28px;padding:0 5vw;border-bottom:1px solid var(--line);background:#fff}.topbar>a:last-child{margin-left:auto;font-size:14px}.brand{font-size:29px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:14px;letter-spacing:-2px}.brand span{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted)}.mode-label{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}.console{max-width:1320px;margin:0 auto;padding:40px 36px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700;margin-bottom:16px}.muted,.note{color:var(--muted)}.note{font-size:12px;line-height:1.8}.pill{padding:6px 12px;background:#e6eee8;font-size:12px;border-radius:100px;white-space:nowrap}.pill.live{background:#d8f1e4;color:#11613d}.workspace{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.panel{border:1px solid var(--line);border-radius:16px;background:white;padding:26px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.level-line{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted);margin:18px 0}meter{width:100%;height:12px}.actions{display:flex;gap:10px;margin:20px 0 12px}.actions button:first-child{flex:1}.secondary{background:#eff3ed;color:var(--ink);border:1px solid var(--line)}#sessionState{font-size:13px}.text-button{padding:8px 0;background:transparent;color:var(--green);font-size:12px;text-align:left}hr{border:0;border-top:1px solid var(--line);margin:26px 0}.speaker-editor{padding:14px 0;border-bottom:1px solid var(--line)}.speaker-editor .label{font-size:12px;color:var(--muted)}.speaker-editor .edit{display:flex;gap:8px;align-items:center}.speaker-editor input{min-width:0;margin:0}.speaker-editor button{padding:10px 12px;font-size:12px;white-space:nowrap}.candidate{font-size:12px;color:#976523;margin:8px 0}.candidate button{padding:4px 8px;margin-left:6px;background:#f5ebd9;color:#7c541b}details{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}summary{cursor:pointer;font-size:13px;color:var(--muted)}.diagnostics{font-size:12px;white-space:pre-line;margin-top:14px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-head span{font-size:11px}.caption-preview{min-height:340px;max-height:530px;overflow:auto;padding:16px 0;scrollbar-width:thin}.waiting{color:var(--muted);text-align:center;padding:100px 16px;font-size:16px}.waiting small{font-size:13px}.caption{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.speaker{color:var(--green);font-size:13px;font-weight:700;display:flex;gap:12px;align-items:center;margin-bottom:8px}.speaker small{font-size:10px;color:var(--muted);font-weight:400}.original{font-size:18px;color:#53665c}.translated{font-size:24px;font-weight:500;line-height:1.65;margin-top:8px;white-space:pre-wrap}.interim .translated{color:#708479}.pending .translated{opacity:.65}.share{border-top:1px solid var(--line);padding-top:28px;margin-top:22px;display:flex;justify-content:space-between;gap:28px}.share>div{min-width:0;flex:1}.share img{border-radius:10px;border:1px solid var(--line);margin-top:5px}.share label{max-width:350px}.share a{display:block;font-size:13px;overflow-wrap:anywhere}.share .text-button{margin-right:20px}.error{padding:16px;background:#fff0e9;border:1px solid #e4baa6;color:#8c3821;border-radius:10px;margin:18px 0;font-size:13px;overflow-wrap:anywhere}.audience{--caption-size:32px;background:#f8faf5}.audience .topbar{background:transparent}.audience .topbar .pill{margin-left:auto}.audience-main{max-width:1000px;margin:auto;padding:26px 40px 90px}.reader-controls{display:flex;gap:14px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.reader-controls label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px}.reader-controls select{width:auto;margin:0;font-size:12px}.reader-controls button{font-size:12px;padding:10px}.reader-note{font-size:12px;color:var(--muted);text-align:right;margin:14px 0 24px}.reader .caption{padding:30px 0}.reader .original{font-size:calc(var(--caption-size)*.72)}.reader .translated{font-size:var(--caption-size)}.reader .speaker{font-size:15px}.reader .waiting{padding:100px 0}.waiting-mark{font-size:48px;color:#9bb7a4;font-weight:700}.reader .waiting h1{font-size:26px;margin:20px 0 14px}.reader .waiting p{font-size:15px}#resume{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);box-shadow:0 5px 20px #18352f33;white-space:nowrap}.stage{color-scheme:dark;background:#111c18;color:#f3f7ef;--ink:#f3f7ef;--muted:#a1b4a7;--line:#304339;--green:#8bd2b4;--caption-size:44px}.stage .topbar{border:0}.stage .reader-controls{opacity:.35}.stage .reader-controls:hover{opacity:1}.stage .secondary,.stage select{background:#23362b;color:#ecf4ea;border-color:#435c4c}.stage .pill{background:#243d30}.stage .reader .original{color:#a7b9ab}.stage .interim .translated{color:#b9cbbd}.stage .audience-main{max-width:1320px}.stage .reader-note{color:#8fa696}.stage .caption{border:0}.stage .reader .caption:not(:last-child){opacity:.55}.stage .reader .caption:last-child{padding-top:24px}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.console{padding:26px 18px}.topbar{padding:0 20px;height:68px;gap:15px}.brand{font-size:25px}.brand span{display:none}.mode-label{padding-left:16px}h1{font-size:28px}.panel{padding:22px}.audience-main{padding:22px 22px 100px}.reader-controls{justify-content:flex-start;gap:10px}.reader-note{text-align:left}.audience .topbar{font-size:12px}.audience .topbar #eventTitle{max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader .translated{font-size:calc(var(--caption-size)*.88)}.share{gap:15px}.share img{width:120px;height:120px}.section-head{align-items:start;flex-direction:column;gap:0}}

.stage{height:100dvh;overflow:hidden}.stage .audience-main{height:calc(100dvh - 80px);display:flex;flex-direction:column;padding-top:8px;padding-bottom:24px}.stage .reader{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.stage .caption{flex-shrink:0}.stage .reader .caption{padding:16px 0}.stage .reader .translated{line-height:1.45}.stage .reader-note{margin:8px 0}.stage .topbar{height:68px}.stage .audience-main{height:calc(100dvh - 68px)}
.topbar .brand{font-size:20px;letter-spacing:-.5px}

button,input,select{min-width:0}#participantPanel{margin-top:0;border-top:0;padding-top:0}#participantCount{font-size:17px;font-weight:600;color:var(--ink)}#participantList{max-height:250px;overflow:auto;margin-top:15px}.participant-row{display:flex;gap:6px;align-items:center;margin:8px 0}.participant-row input{margin:0;flex:1;min-width:60px;font-size:13px;padding:8px}.participant-row button{font-size:12px;padding:8px}.speaker-participant{font-size:13px;margin:8px 0}