*{box-sizing:border-box}:root{color:#edf0f7;font-synthesis:none;--muted:#969bad;--line:#2a2e3c;--accent:#a8b4ff;background:#11131a;font-family:Segoe UI,Malgun Gothic,system-ui,sans-serif}body{margin:0;overflow:hidden}button,select,input{font:inherit}button,select,input[type=text]{border:1px solid var(--line);border-radius:8px}button{color:#151a30;cursor:pointer;background:#b7c0ff;padding:9px 15px;font-weight:650}button:hover:not(:disabled){background:#d0d5ff}button:disabled{opacity:.45;cursor:default}button.secondary{color:#e5e8f4;background:#252938}select,input[type=text]{color:#edf0f7;background:#151821;width:100%;min-width:0;padding:9px}input[type=checkbox]{accent-color:#a8b4ff;width:15px;height:15px;margin:0}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,#feed:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.6px;font-size:18px;font-weight:650}h2{font-size:14px;font-weight:650}#app{max-width:1600px;height:100dvh;min-height:0;padding:var(--discord-safe-area-inset-top,0px) var(--discord-safe-area-inset-right,0px) var(--discord-safe-area-inset-bottom,0px) var(--discord-safe-area-inset-left,0px);flex-direction:column;margin:auto;display:flex}.topbar,#notice,.feed-heading,.filters,.feed-footer{flex-shrink:0}#settings-toggle{display:none}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:19px 26px;display:flex}.brand,.session-tools,.section-heading,.feed-heading{align-items:center;gap:12px;display:flex}.brand-mark{letter-spacing:-2px;color:#c5ceff;background:#2d3455;border:1px solid #404b76;border-radius:12px;place-items:center;width:40px;height:40px;font:600 21px Georgia,serif;display:grid}.brand p{color:var(--muted);margin-top:3px;font-size:11px}.badge,.count{color:#b8c0d4;white-space:nowrap;background:#242837;border-radius:20px;padding:5px 9px;font-size:11px}.badge.live{color:#85dfbb;background:#173b32}.badge.error{color:#ffb0ae;background:#4a272b}#notice{color:#d0d7ff;background:#272c46;padding:10px 26px;font-size:12px;line-height:1.6}#notice[data-error=true]{color:#ffb6bd;background:#3f242b}.layout{flex:1;grid-template-columns:minmax(0,1fr) 310px;min-height:0;display:grid}.conversation{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.feed-heading{justify-content:space-between;align-items:end;gap:12px;padding:27px 30px 18px}.feed-heading h2{letter-spacing:-.6px;margin-top:6px;font-size:21px}.eyebrow{letter-spacing:2px;color:#808bb5;font-size:9px}.muted{color:var(--muted);font-size:11px}.filters{border-bottom:1px solid #242734;flex-wrap:wrap;gap:9px 18px;padding:0 30px 17px;display:flex}.filters label{color:#b3b9cc;cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex}#feed{scrollbar-color:#3b4258 transparent;flex:1;min-height:0;padding:10px 30px 22px;overflow-y:auto}.empty{text-align:center;color:var(--muted);padding:64px 10px}.empty-mark{color:#3a435f;height:65px;font:72px Georgia,serif;display:block}.empty h3{color:#c6ccdd;margin-bottom:10px;font-size:15px;font-weight:500}.empty p{font-size:12px;line-height:1.9}.caption{border-bottom:1px solid #222632;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:21px 0;display:grid}.avatar{color:#92d2c1;background:#263c40;border-radius:11px;flex-shrink:0;place-items:center;width:33px;height:33px;font-size:12px;font-weight:600;display:grid}.caption[data-own=true] .avatar{color:#b8bce3;background:#33354a}.caption-meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin:1px 0 9px;display:flex}.caption-name{color:#dce1f0;font-size:12px;font-weight:650}.caption-kind,.caption-time{color:#8991a7;font-size:10px}.caption-time{margin-left:auto}.caption-text{letter-spacing:-.2px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:19px;line-height:1.65}.caption[data-own=true] .caption-text{color:#c9cfdf;font-size:17px}.caption-original{color:#929ab0;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:12px;line-height:1.7}.caption-own-translation{color:#bcc8ff;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px;font-size:17px;line-height:1.6}.caption-status{color:#98a6df;min-height:13px;margin-top:8px;font-size:10px}.caption[data-final=true] .caption-status{color:#71798e}.caption-error{color:#f6a9b4;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:12px}.feed-footer{border-top:1px solid var(--line);color:#7f899f;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 30px;font-size:10px;display:flex}.latest{border-radius:20px;font-size:11px;position:absolute;bottom:48px;right:30px;box-shadow:0 4px 20px #0008}#own-monitor{display:none}aside{border-left:1px solid var(--line);scrollbar-color:#3b4258 transparent;background:#171a23;overflow-y:auto}.panel{border-bottom:1px solid var(--line);padding:23px 20px}.section-heading{justify-content:space-between;margin-bottom:15px}.language-pair{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);align-items:end;gap:6px;display:grid}.language-pair>span{color:#626c85;align-self:center;margin-top:15px}.language-pair label{color:var(--muted);font-size:10px}.language-pair select{margin-top:7px;font-size:12px}.own-translation-language{color:var(--muted);margin-top:14px;font-size:10px;display:block}.own-translation-language select{margin-top:7px;font-size:12px}.hint{color:#8891a8;margin-top:12px;font-size:10px;line-height:1.8}.saved{color:#94d8bc;min-height:13px;margin-top:5px;font-size:10px}.member{grid-template-columns:29px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.member .avatar{color:#9da7c3;background:#2a3042;border-radius:9px;width:29px;height:29px}.member[data-speaking=true] .avatar{color:#a2eaca;outline-offset:2px;outline:2px solid #66c49c}.member-head{justify-content:space-between;align-items:center;gap:4px;margin-bottom:6px;display:flex}.member-name{color:#d1d7e8;overflow-wrap:anywhere;font-size:12px}.member-speaking{color:#8cd5b2;white-space:nowrap;font-size:9px}.member-languages{color:#7f8aa5;align-items:center;gap:4px;font-size:10px;display:flex}.member select{background:#1c202d;padding:4px;font-size:10px}.member select:disabled{appearance:none;opacity:1;color:#a0aac2;background:0 0;border-color:#0000;padding:0}#mode{margin-top:15px;font-size:12px}.glossary summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;list-style:none;display:flex}.glossary summary:after{content:"+";color:#8994b4;margin-left:8px}.glossary[open] summary:after{content:"−"}.glossary summary .count{margin-left:auto}.term{border:1px solid var(--line);background:#131720;border-radius:9px;margin-top:16px;padding:12px}.term label{color:#929db5;margin-bottom:7px;font-size:9px;display:block}.term input{margin-top:4px;padding:6px;font-size:11px}.term button{padding:4px 7px;font-size:10px}.term-translations{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.glossary-actions{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.glossary-actions button{padding:8px 9px;font-size:11px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width<=820px){.layout{grid-template-columns:minmax(0,1fr) 260px}.topbar{padding:15px 18px}.feed-heading,.filters,#feed{padding-left:20px;padding-right:20px}.panel{padding:18px 14px}.feed-heading{flex-direction:column;align-items:start}.feed-footer{padding:10px 20px}}.compact .layout{display:flex;position:relative}.compact .conversation{flex:1;height:auto;min-height:0}.compact .topbar{gap:7px;min-height:34px;padding:5px 9px}.compact .brand{gap:0}.compact .brand-mark,.compact .brand p,.compact .feed-heading,.compact .feed-footer{display:none}.compact h1{white-space:nowrap;font-size:12px}.compact .session-tools{gap:5px}.compact .session-tools button{white-space:nowrap;border-radius:6px;padding:4px 7px;font-size:10px}.compact .badge{padding:3px 6px;font-size:9px}.compact #settings-toggle{display:block}.compact #notice{max-height:36px;padding:4px 9px;font-size:10px;line-height:1.4;overflow-y:auto}.compact #notice:not([data-error=true]){white-space:nowrap;text-overflow:ellipsis;max-height:22px;overflow:hidden}.compact #feed{padding:2px 10px 6px}.compact .caption{padding:8px 0;display:block}.compact .caption>.avatar,.compact .caption-status,.compact .caption-time{display:none}.compact .caption-meta{gap:6px;margin:0 0 3px}.compact .caption-name{font-size:10px}.compact .caption-kind{font-size:9px}.compact .caption[data-final=false] .caption-name:after{content:" · 실시간";color:#a1b5ff;font-weight:400}.compact .caption-text,.compact .caption[data-own=true] .caption-text,.compact .caption-own-translation{scrollbar-width:none;max-height:5.6em;font-size:15px;line-height:1.4;overflow-y:auto}.compact .caption[data-dual=true] .caption-text,.compact .caption-own-translation{max-height:2.8em}.compact .caption-own-translation{margin-top:4px}.compact .caption-original{scrollbar-width:none;max-height:2.8em;margin-top:4px;font-size:11px;line-height:1.4;overflow-y:auto}.compact .caption-error{margin-top:4px;font-size:11px}.compact .empty{padding:16px 5px}.compact .empty-mark{display:none}.compact .empty h3{margin-bottom:7px;font-size:12px}.compact .empty p{font-size:10px;line-height:1.6}.compact .latest{padding:6px 9px;font-size:10px;bottom:8px;right:12px}.compact #own-monitor{background:#20263b;border-top:1px solid #414b70;flex-shrink:0;padding:6px 10px;display:block}.compact .monitor-heading{color:#aab9ee;justify-content:space-between;gap:8px;margin-bottom:3px;font-size:10px;line-height:1.3;display:flex}.compact #monitor-original,.compact #monitor-translation{scrollbar-width:none;white-space:pre-wrap;overflow-wrap:anywhere;max-height:2.8em;font-size:14px;line-height:1.4;overflow-y:auto}.compact #monitor-translation{color:#b7c8ff;max-height:1.4em;margin-top:3px}.compact .conversation:has(#own-monitor:not([hidden])) .latest{bottom:95px}.compact aside{z-index:2;border:0;display:none;position:absolute;inset:0;overflow-y:auto}.compact.settings-open aside{display:block}.compact.settings-open .conversation{visibility:hidden}.compact .panel{padding:14px 18px}.compact .section-heading{margin-bottom:10px}.compact .language-pair{max-width:430px}.compact #filter-settings .filters{border:0;gap:11px 18px;padding:10px 0 0}@media (height<=240px){.compact .caption{padding:5px 0}.compact .caption-text,.compact .caption[data-own=true] .caption-text,.compact .caption-own-translation{font-size:14px}.compact #monitor-original,.compact #monitor-translation{max-height:1.4em;font-size:13px}.compact #own-monitor{padding:4px 10px}.compact .conversation:has(#own-monitor:not([hidden])) .latest{bottom:73px}}