.live-root{--bg:#0f1117;--panel:#1a1d26;--sub:#232733;--card:#2a2f3d;--line:#323849;--text:#f8fafc;--muted:#94a3b8;--accent:#ff4d8d;--accent-hover:#e03e7b;--glow:0 4px 20px -2px rgba(255,77,141,.45);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Pretendard,system-ui,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg);color:var(--text);font-size:15px;line-height:1.4}.live-root .btn,.live-root button{min-height:44px;padding:0 14px;border:0;border-radius:10px;background:var(--sub);color:var(--text);font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:transform .1s ease,background .15s ease}.live-root .btn:active,.live-root button:active{transform:scale(.97)}.live-root select{min-height:44px;font:inherit;font-size:16px;border-radius:10px;background:var(--panel);color:#e4e4e7;border:1px solid #32384999;padding:0 10px}.live-root header{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--panel)}.live-root header h1{flex:1 1 auto;margin:0;font-size:17px;font-weight:700}.live-root .bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.live-root .bar label{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--muted)}.live-root .bar input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.live-root .bar label.orig{color:#d4d4d8;font-size:13px;font-weight:500}.live-root #lang{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 30px 0 12px;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239aa3b5' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 10px center}.live-root .hint{color:var(--muted);font-size:13px;margin:6px 0 0}.live-root .back{min-width:44px;justify-content:center;border-radius:999px;background:var(--panel);color:#d4d4d8}:is(.live-root,.live-none) :lang(ko),:is(.live-root,.live-none):lang(ko){word-break:keep-all}:is(.live-root,.live-none) [lang]:not(:lang(ko)){word-break:normal}.live-root #app{flex:1 1 auto;min-height:0;display:grid;gap:12px;padding:12px 16px 16px;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"tv chat" "pane chat";container-type:size;--pane-min:212px}.live-root[data-chat=off] #app{grid-template-columns:minmax(0,1fr);grid-template-areas:"tv" "pane"}.live-root #tvwrap{grid-area:tv;justify-self:center;width:min(100%,calc((100vh - 70px) * .46 * 16 / 9));width:min(100%,max(calc((100dvh - 70px) * .46 * 16 / 9),calc((100cqh - 12px - var(--pane-min)) * 16 / 9)))}.live-root #tv{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}.live-root #tv .yt-host,.live-root #tv .yt-host>div,.live-root #tv iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.live-root #tv .blocked{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center;background:#000c}.live-root #subpane{grid-area:pane;display:flex;flex-direction:column;gap:8px;min-height:0}.live-root #capnote{margin:0}.live-root #subpane-feed{display:contents}.live-root #tabs{display:none}.live-root .feedwrap{min-height:120px}.live-root #capfeed,.live-root .feedwrap{position:relative;flex:1 1 auto;display:flex;flex-direction:column}.live-root #capfeed{min-height:0;overflow-y:auto;overflow-anchor:none;gap:10px;padding:2px}.live-root #capfeed:empty:before{content:attr(data-empty);display:block;padding:16px 12px;color:var(--muted);font-size:13px;border-radius:12px;background:var(--panel)}.live-root #capfeed .row{flex:0 0 auto;padding:10px 12px;border:1px solid #32384966;background:#1a1d2699;border-radius:10px;color:#e4e4e7;cursor:pointer;min-height:44px}.live-root #capfeed .row:hover{background:#232733}.live-root #capfeed .tr{font-size:14px;font-weight:600;line-height:1.45}.live-root #capfeed .row.pending .tr{font-weight:400;color:#a1a1aa}.live-root #capfeed .ko{font-size:13px;color:#a1a1aa;margin-top:4px;line-height:1.45}.live-root #capfeed .ko,.live-root #capfeed .tr,.live-root #lcap p{overflow-wrap:anywhere}.live-root #capfeed time{float:right;margin-left:8px;font-size:11px;color:#71717a;font-weight:400;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.live-root #capfeed .nowtag{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:800;color:var(--accent);letter-spacing:.04em}.live-root #capfeed .nowtag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:livePing 1.4s ease-out infinite}@keyframes livePing{0%{box-shadow:0 0 0 0 rgba(255,77,141,.7)}80%,to{box-shadow:0 0 0 6px rgba(255,77,141,0)}}.live-root #capfeed .row.now{color:#fff;background:var(--panel);border:1px solid #ff4d8dcc;box-shadow:var(--glow);border-radius:12px;padding:12px}.live-root #capfeed .row.now time{color:var(--muted)}.live-root #capfeed .row.now .tr{font-size:17px;font-weight:700;line-height:1.4}.live-root #capfeed .row.now .ko{font-size:13px;color:#a1a1aa;margin-top:8px;padding-top:8px;border-top:1px solid #32384980;font-weight:500}.live-root:is([data-status=paused],[data-status=subsEnded]) #capfeed .row.now{border-color:#32384966;box-shadow:none;color:var(--muted)}.live-root:is([data-status=paused],[data-status=subsEnded]) #capfeed .nowtag{display:none}.live-root .latest{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:2;background:var(--accent);color:#fff;font-weight:700;border-radius:999px;box-shadow:var(--glow)}.live-root #livebox{grid-area:chat;border-radius:14px;background:var(--panel);min-height:0;padding:14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.live-root #chatwrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.live-root #chat{flex:1 1 auto;width:100%;min-height:360px;border:0;border-radius:10px;background:#fff}.live-root .chatko-wrap{flex:0 0 auto;margin-top:10px}.live-root .chatko{flex:0 0 auto;display:flex;flex-direction:column;gap:12px}.live-root .chatko-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #32384999}.live-root .chatko-head label{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;font-size:13px}.live-root .chatko-head label b{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:700}.live-root .chatko-head label b:before{content:"";width:6px;height:14px;border-radius:2px;background:var(--accent)}.live-root .chatko-sub{color:var(--muted);font-size:12px}.live-root .chatko-in{display:flex;flex-direction:column;gap:8px}.live-root .chatko-field{position:relative}.live-root .chatko textarea{display:block;width:100%;box-sizing:border-box;min-height:76px;max-height:140px;resize:none;font:inherit;font-size:16px;line-height:1.45;padding:10px 12px 26px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:#fff;transition:border-color .15s,box-shadow .15s}.live-root .chatko textarea::-moz-placeholder{color:#71717a}.live-root .chatko textarea::placeholder{color:#71717a}.live-root .chatko textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.live-root .chatko-count{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:4px;background:#1a1d26cc;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}.live-root .chatko-count.is-max{color:#f87171;background:#450a0acc;border:1px solid #ef444480;font-weight:700}.live-root .chatko-in button{width:100%;min-height:46px;justify-content:center;text-align:center;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;box-shadow:0 6px 16px -6px rgba(255,77,141,.5)}.live-root .chatko-in button:hover{background:var(--accent-hover)}.live-root .chatko-btn-icon{display:inline-flex;font-size:15px}.live-root .chatko button:disabled,.live-root .chatko button[aria-disabled=true]{opacity:.5;cursor:default;box-shadow:none}.live-root .chatko-live{position:relative;display:flex;flex-direction:column;gap:8px}.live-root .chatko-msg{margin:0;font-size:13px;color:var(--muted)}.live-root .chatko-msg:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.live-root .chatko-msg.is-error{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#450a0acc;border:1px solid #ef4444cc;color:#fecaca;font-size:12px;font-weight:600}.live-root .chatko-msg.is-error:before{content:"!";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#f87171;color:#450a0a;font-weight:900;font-size:12px}.live-root .chatko-live:has(>.chatko-retry)>.chatko-msg.is-error{min-height:52px;box-sizing:border-box;padding-right:112px}.live-root .chatko-retry{position:absolute;top:4px;right:4px;min-height:44px;padding:0 14px;border-radius:8px;background:#991b1b;color:#fff;font-size:13px;font-weight:700}.live-root .chatko-out{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:var(--bg);border:1px solid #323849cc}.live-root .chatko-cap{margin:0;font-size:11px;color:#71717a}.live-root .chatko-cap.is-result{color:var(--accent);font-weight:700}.live-root .chatko-ko{margin:0 0 2px;font-size:15px;font-weight:700;color:#fff;line-height:1.5}.live-root .chatko-backwrap{display:flex;flex-direction:column;gap:3px;padding-top:8px;border-top:1px solid #32384966}.live-root .chatko-back{margin:0;color:#fef08ae6;font-style:italic;font-weight:500;font-size:13px;line-height:1.5}.live-root .chatko-back,.live-root .chatko-ko{overflow-wrap:anywhere;white-space:pre-wrap}.live-root .chatko-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.live-root .chatko-actions button{flex:1 1 auto;min-height:46px;justify-content:center;text-align:center;border-radius:10px;background:var(--card);border:1px solid #323849cc;color:#fff;font-weight:700;font-size:14px}.live-root .chatko-actions button:hover{background:var(--sub)}.live-root .chatko-actions .chatko-btn-icon{color:var(--accent)}.live-root #tv>#lcap,.live-root .chatko-backdrop,.live-root .chatko-bar,.live-root .chatko-close,.live-root .chatko-dismiss,.live-root .chatko-toast,.live-root .chatko-top{display:none}.live-root #app:fullscreen{background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;height:100vh}.live-root #app:fullscreen #capnote,.live-root #app:fullscreen #livebox{display:none}.live-root #app:fullscreen #tvwrap{width:min(100%,calc((72vh - 90px) * 16 / 9))}.live-root #app:fullscreen #subpane{width:min(100%,1100px);flex:0 0 26vh}@media (max-width:860px){.live-root header{padding:6px 12px}.live-root header h1{font-size:15px}.live-root #full,.live-root header .back span,.live-root header .wide,.live-root[data-ok="1"] #capnote{display:none}.live-root #app{display:flex;flex-direction:column;gap:8px;padding:0 0 env(safe-area-inset-bottom);container-type:normal}.live-root #tvwrap{position:sticky;top:0;z-index:3;background:var(--bg);width:100%}.live-root #tv{border-radius:0}.live-root #subpane{flex:1 1 auto;padding:0 12px}.live-root .feedwrap{min-height:0}.live-root #tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border-radius:12px;background:var(--panel)}.live-root #tabs button{justify-content:center;gap:7px;border-radius:8px;background:transparent;color:#a1a1aa;font-size:14px;font-weight:700}.live-root #tabs button svg{font-size:15px}.live-root #tabs button[aria-selected=true]{background:var(--accent);color:#fff;box-shadow:0 2px 8px -2px rgba(255,77,141,.5)}.live-root #livebox{display:none;flex:1 1 auto;margin:0;padding:0;gap:0;background:none;border-radius:0}.live-root #livebox #chat{min-height:0;height:100%;border-radius:0}.live-root #livebox>.hint{margin:0;padding:4px 12px calc(4px + env(safe-area-inset-bottom));font-size:11px;text-align:center;color:#71717a;background:var(--bg);border-top:1px solid var(--panel)}.live-root[data-tab=chat] #capnote,.live-root[data-tab=chat] .feedwrap{display:none}.live-root[data-tab=chat] #livebox{display:flex}.live-root[data-tab=chat] #subpane{flex:0 0 auto}.live-root #chatwrap{position:relative;--yt-input:68px}.live-root .chatko-wrap{margin-top:0}.live-root .chatko-bar{display:inline-flex;position:absolute;right:12px;bottom:var(--yt-input);z-index:2;align-items:center;gap:8px;min-height:44px;padding:6px 16px 6px 6px;border-radius:999px;background:var(--panel);border:1px solid #ff4d8db3;color:#fff;font-size:13px;font-weight:700;letter-spacing:-.01em;box-shadow:var(--glow),0 10px 25px -5px #000c}.live-root .chatko-bar:hover{border-color:var(--accent)}.live-root .chatko-bar-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px}.live-root .chatko-wrap[data-flash] .chatko-bar{display:none}.live-root .chatko-wrap[data-flash] .chatko-top{display:flex;position:absolute;top:12px;left:12px;right:12px;z-index:3;margin:0;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#18181bf2;border:1px solid var(--accent);color:#fff;font-size:13px;font-weight:700;box-shadow:0 20px 25px -5px #0009;animation:liveTop 3.2s ease forwards;pointer-events:none}.live-root .chatko-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;flex:0 0 auto}@keyframes liveTop{0%{opacity:0;transform:translateY(-8px)}8%,85%{opacity:1;transform:none}to{opacity:0;visibility:hidden}}.live-root .chatko-wrap[data-flash] .chatko-toast{display:flex;position:absolute;left:16px;right:16px;bottom:calc(var(--yt-input) - 6px);z-index:2;margin:0;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:12px;background:#059669;border:1px solid #34d399;color:#fff;font-size:12px;line-height:1.35;box-shadow:0 20px 25px -5px #0008;animation:liveBounce 1.8s ease-in-out infinite;cursor:pointer}.live-root .chatko-wrap[data-flash] .chatko-toast:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;background:#059669;border-right:1px solid #34d399;border-bottom:1px solid #34d399;transform:rotate(45deg)}.live-root .chatko-toast-icon{font-size:18px;flex:0 0 auto}.live-root .chatko-toast-text b{display:block;font-size:13px}.live-root .chatko-toast-text span{color:#d1fae5}@keyframes liveBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.live-root #capfeed .nowtag:before,.live-root .chatko-wrap[data-flash] .chatko-toast{animation:none}}.live-root .chatko-wrap .chatko{display:none}.live-root .chatko-wrap[data-open] .chatko{display:flex;position:fixed;left:0;right:0;bottom:var(--kb,0);z-index:6;gap:12px;padding:14px 14px calc(10px + max(0px, env(safe-area-inset-bottom) - var(--kb, 0px)));background:var(--panel);border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -20px 40px #000a;max-height:min(92%,calc(var(--vvh, 100dvh) - 56px));overflow-y:auto;box-sizing:border-box;animation:liveSheet .25s ease-out}@keyframes liveSheet{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.live-root .chatko-wrap[data-open] .chatko-backdrop{display:block;position:fixed;inset:0;z-index:5;background:#0009;backdrop-filter:blur(2px)}.live-root .chatko-close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:44px;min-width:44px;padding:0;border-radius:50%;background:var(--sub);color:#a1a1aa;font-size:16px}.live-root .chatko-close:hover{color:#fff}.live-root .chatko-dismiss{display:flex;justify-content:center;width:100%;background:transparent;color:#a1a1aa;font-size:13px;font-weight:500}.live-root[data-kb] .chatko-dismiss{display:none}.live-root[data-kb] .chatko textarea{min-height:56px}}@media (max-width:430px){.live-root header h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.live-root header{flex-wrap:nowrap;gap:8px}.live-root header .bar{flex:1 1 auto;justify-content:flex-end;min-width:0;flex-wrap:nowrap;gap:4px 8px}.live-root header .bar label{min-width:0}.live-root header .bar label.orig{flex-shrink:0}.live-root #lang{min-width:0;max-width:100%;text-overflow:ellipsis}}@media (max-width:340px){.live-root header{flex-wrap:wrap}}@media (orientation:landscape) and (max-height:500px){.live-root #livebox,.live-root #subpane-feed,.live-root #tabs,.live-root header{display:none!important}.live-root #app{display:block;padding:0;container-type:normal}.live-root #tvwrap{position:fixed;inset:0;z-index:1;background:#000;width:100%}.live-root #tv{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.live-root #subpane{position:fixed;top:8px;left:8px;right:8px;z-index:4;display:block;padding:0;pointer-events:none}.live-root[data-tab] #capnote{display:inline-block;padding:4px 10px;border-radius:8px;background:#000b;color:#fff}.live-root[data-status=on] #capnote{display:none}.live-root #tv>#lcap{display:flex;position:absolute;left:6%;right:6%;bottom:56px;justify-content:center;pointer-events:none;z-index:2}.live-root #lcap p{margin:0;padding:4px 12px;border-radius:8px;background:#000a;color:#fff;font-size:clamp(15px,2.6vw,22px);font-weight:600;text-align:center;line-height:1.35}}.live-none{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px 16px;background:#14161c}.live-none,.live-none-back{align-items:center;color:#eef0f5}.live-none-back{position:absolute;top:12px;left:16px;min-height:44px;display:inline-flex;gap:6px;padding:0 14px;border-radius:10px;background:#343a48;text-decoration:none}.live-none-card{max-width:420px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.live-none-card h1{margin:0;font-size:22px;font-weight:700}.live-none-card p{margin:0;color:#9aa3b5;line-height:1.55}.live-none-tv{font-size:48px}.live-none-card .live-soon-time{color:#eef0f5;font-weight:600}