:root{--bg:#0b0d12;--bg2:#12151d;--panel:#141720eb;--glass:#12141c9e;--fg:#eef0f6;--muted:#9aa1b2;--line:#ffffff17;--hover:#ffffff14;--accent:#7c5cff;--accent2:#22d3ee;--danger:#ff5d73;--ok:#34d399;--radius:14px;--ctl-h:104px;--top-h:56px;--font:Inter, "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--danger:#c8243f;--muted:#525a6e;--bg:#f6f7fb;--bg2:#fff;--panel:#fffffff5;--glass:#ffffffc7;--fg:#151823;--line:#0a14281a;--hover:#0a14280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root[data-theme=system]{--bg:#f6f7fb;--bg2:#fff;--panel:#fffffff5;--glass:#ffffffc7;--fg:#151823;--muted:#5c6478;--line:#0a14281a;--hover:#0a14280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;word-break:keep-all;overflow-wrap:anywhere;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent2)}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:13px}.block{display:block}.row{align-items:center;display:flex}.row.gap{gap:8px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.pad{padding:12px 14px}:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:8px}.app{grid-template-rows:var(--top-h) 1fr auto;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.topbar{height:var(--top-h);padding:0 12px;padding-top:env(safe-area-inset-top);z-index:20;background:linear-gradient(#0000008c,#0000);grid-area:1/1;align-self:start;align-items:center;gap:12px;transition:opacity .25s,transform .25s;display:flex}.app[data-state=empty] .topbar{background:0 0}.brand{color:var(--fg);letter-spacing:-.01em;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:8px}.title{white-space:nowrap;text-overflow:ellipsis;opacity:.92;text-align:center;flex:1;min-width:0;font-weight:600;overflow:hidden}.top-actions{gap:2px;display:flex}.ib{width:40px;height:40px;color:var(--fg);background:0 0;border:0;border-radius:12px;place-items:center;transition:background .15s,transform .1s;display:inline-grid;position:relative}.ib:hover{background:var(--hover)}.ib:active{transform:scale(.94)}.ib svg{width:22px;height:22px}.ib.sm{border-radius:8px;width:30px;height:30px}.ib.sm svg{width:16px;height:16px}.ib.on{color:var(--accent2);background:color-mix(in srgb, var(--accent2) 14%, transparent)}.ib small{font-size:9px;font-weight:800;position:absolute;bottom:5px;right:6px}.ib.install{background:var(--accent);color:#fff;width:auto;padding:0 12px;font-size:13px;font-weight:600}.abtxt{letter-spacing:-.02em;font-size:12px;font-weight:800}.stage{touch-action:manipulation;background:#000;grid-area:1/1/4;place-items:center;display:grid;position:relative;overflow:hidden}.app[data-state=empty] .stage{background:radial-gradient(1200px 600px at 20% -10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), radial-gradient(900px 500px at 110% 110%, color-mix(in srgb, var(--accent2) 16%, transparent), transparent 60%), var(--bg)}video{object-fit:contain;background:#000;width:100%;height:100%;transition:transform .25s}video.ratio{width:auto;max-width:100%;height:auto;max-height:100%}.app[data-state=empty] #video{display:none}.viz{pointer-events:none;opacity:0;width:88%;height:62%;transition:opacity .3s;position:absolute;top:20%;bottom:18%;left:6%;right:6%}.viz.on{opacity:1}.audio-art{background:linear-gradient(135deg, var(--accent), var(--accent2));pointer-events:none;border-radius:40px;place-items:center;width:160px;height:160px;display:none;position:absolute;box-shadow:0 30px 80px #7c5cff59}.audio-art.on{display:grid}.audio-art svg{color:#fff;width:76px;height:76px}.subs{left:4%;right:4%;bottom:calc(var(--sub-pos,8%) + var(--ctl-h) * .2);text-align:center;pointer-events:none;z-index:5;font-size:calc(clamp(16px, 3.4vmin, 44px) * var(--sub-size,1));color:var(--sub-color,#fff);font-weight:600;line-height:1.32;transition:bottom .25s;position:absolute}.app:not(.idle) .subs{bottom:calc(var(--sub-pos,8%) + var(--ctl-h))}.subs span{background:var(--sub-bg,#00000059);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.2em;padding:.08em .35em;display:inline}.subs.outline{text-shadow:0 0 2px #000,0 0 2px #000,1px 1px 2px #000,-1px -1px 2px #000}.subs[data-font=serif]{font-family:Georgia,Noto Serif KR,serif}.subs[data-font=rounded]{font-family:ui-rounded, "Nunito", var(--font)}.subs[data-font=mono]{font-family:JetBrains Mono,ui-monospace,monospace}.notes-overlay{top:calc(var(--top-h) + 12px);white-space:pre-wrap;z-index:6;pointer-events:none;color:#fff;max-width:80%;padding:0;font-size:clamp(14px,2.4vmin,26px);font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.notes-overlay:not(:empty){background:#7c5cffd1;border-radius:12px;padding:8px 14px;box-shadow:0 10px 30px #00000059}.osd{color:#fff;opacity:0;pointer-events:none;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a8;border-radius:999px;padding:10px 18px;font-weight:600;transition:opacity .18s,transform .18s;position:absolute;top:18%;left:50%;transform:translate(-50%,-8px)}.osd.show{opacity:1;transform:translate(-50%)}.spinner{z-index:4;border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.app .loadhome{z-index:5;color:#fff;background:#00000073;border-color:#ffffff40;display:none;position:absolute;top:calc(50% + 40px);left:50%;transform:translate(-50%)}.app[data-state=loading] .loadhome{display:inline-flex}.bigplay{color:#fff;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);z-index:4;background:#ffffff24;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:84px;height:84px;transition:transform .15s,opacity .2s;display:grid;position:absolute;box-shadow:0 20px 60px #00000059}.bigplay:hover{transform:scale(1.06)}.bigplay svg{width:38px;height:38px;margin-left:4px}.app.playing .bigplay,.app[data-state=empty] .bigplay,.app[data-state=error] .bigplay,.app[data-state=loading] .bigplay{opacity:0;pointer-events:none}.tap{pointer-events:none;z-index:3;width:34%;position:absolute;top:0;bottom:0}.tap-l{border-radius:0 50% 50% 0;left:0}.tap-r{border-radius:50% 0 0 50%;right:0}.tap.flash{animation:.45s ease-out tap}@keyframes tap{0%{background:#ffffff2e}to{background:0 0}}.empty{padding:calc(var(--top-h) + 16px) 16px 24px;place-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.app[data-state=empty] .empty{display:grid}.drop-card{text-align:center;border:1px dashed color-mix(in srgb, var(--fg) 22%, transparent);background:color-mix(in srgb, var(--bg2) 70%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;width:min(680px,100%);padding:40px 28px}.drop-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:22px;place-items:center;width:68px;height:68px;margin:0 auto 14px;display:grid;box-shadow:0 18px 40px #7c5cff59}.drop-icon svg{width:32px;height:32px}.drop-card h1{letter-spacing:-.02em;margin:6px 0;font-size:clamp(22px,3.2vw,30px)}.drop-card .row{flex-wrap:wrap;justify-content:center;margin-top:18px}.kakao{text-align:left;background:#fee5001f;border:1px solid #fee50059;border-radius:16px;margin:24px auto 0;padding:14px 16px}.kakao p{color:var(--muted);margin:4px 0 8px;font-size:14px}.kakao .link{color:color-mix(in srgb, var(--accent) 80%, var(--fg));font-weight:700}.recent{text-align:left;margin-top:22px}.recent h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:13px}.recent ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.recent-item{background:var(--hover);text-align:left;border:0;border-radius:10px;justify-content:space-between;gap:12px;width:100%;padding:9px 12px;display:flex}.recent-item:hover{background:color-mix(in srgb, var(--accent) 18%, transparent)}.rn{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{border:1px solid var(--line);background:var(--hover);min-height:40px;color:var(--fg);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--fg) 12%, transparent)}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 60%, var(--accent2)));color:#fff;border-color:#0000}.btn.danger{color:var(--danger)}.btn.sm{border-radius:10px;min-height:32px;padding:0 12px;font-size:13px}.chip{border:1px solid var(--line);background:var(--hover);min-width:44px;height:30px;color:var(--fg);border-radius:999px;padding:0 10px;font-size:13px;font-weight:700}.dropzone{z-index:50;border:2px dashed var(--accent2);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#22d3ee1a;border-radius:24px;place-items:center;font-size:22px;font-weight:700;display:grid;position:absolute;top:12px;bottom:12px;left:12px;right:12px}.errcard{z-index:25;background:var(--panel);border:1px solid var(--line);width:min(520px,100% - 32px);color:var(--fg);border-radius:22px;padding:24px;position:absolute;box-shadow:0 30px 80px #00000073}.errcard h2{margin:0 0 8px;font-size:20px}.errcard ul{color:var(--muted);padding-left:18px}.errcard .row{flex-wrap:wrap}.errcard .btn.primary{text-align:center;flex:260px;padding:10px 16px}.errcard .btn:not(.primary){white-space:nowrap}.controls{z-index:20;padding:8px 14px calc(10px + env(safe-area-inset-bottom));color:#fff;background:linear-gradient(#0000,#00000059 30%,#000000c7);grid-area:3/1;align-self:end;transition:opacity .25s,transform .25s}.app[data-state=empty] .controls{display:none}.app.idle .controls,.app.idle .topbar{opacity:0;pointer-events:none}.app.idle .controls{transform:translateY(12px)}.app.idle{cursor:none}.controls .ib,.controls .chip,.controls .time{color:#fff}.controls .ib:hover{background:#ffffff1f}.controls .chip{background:#ffffff1a;border-color:#fff3}.ctl-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.grp{align-items:center;gap:2px;min-width:0;display:flex}.grp.right{flex-wrap:wrap;justify-content:flex-end}.ib.play{background:#fff;border-radius:50%;width:48px;height:48px;margin:0 4px;color:#0b0d12!important}.ib.play:hover{transform:scale(1.05);background:#fff!important}.time{font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.92;background:0 0;border:0;padding:0 10px;font-size:13px}.vol{align-items:center;display:flex}.vol input{accent-color:#fff;width:88px}input[type=range]{accent-color:var(--accent)}.progress{cursor:pointer;touch-action:none;align-items:center;height:22px;display:flex;position:relative}.track{background:#ffffff38;border-radius:4px;width:100%;height:4px;transition:height .12s;position:relative;overflow:hidden}.progress:hover .track{height:6px}.progress:focus-visible .track{height:6px}.buffered,.played,.ab{position:absolute;top:0;bottom:0;left:0}.buffered{background:#ffffff47}.played{background:linear-gradient(90deg, var(--accent), var(--accent2))}.ab{background:#fee5008c;display:none}.thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .12s;position:absolute;transform:translate(-50%)scale(0);box-shadow:0 2px 8px #0006}.progress:hover .thumb{transform:translate(-50%)scale(1)}.progress:focus-visible .thumb{transform:translate(-50%)scale(1)}.markers i{pointer-events:none;background:#fee500;border-radius:2px;width:3px;height:14px;position:absolute;top:4px;transform:translate(-50%)}.hovertime{font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;background:#000c;border-radius:8px;padding:3px 8px;font-size:12px;position:absolute;bottom:26px;transform:translate(-50%)}.progress:hover .hovertime{opacity:1}.panel{z-index:40;background:var(--panel);border-left:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);width:min(380px,100%);color:var(--fg);padding-top:env(safe-area-inset-top);flex-direction:column;transition:transform .25s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(105%)}.panel.open{transform:none;box-shadow:-30px 0 80px #00000059}.tabs{border-bottom:1px solid var(--line);gap:4px;padding:10px 10px 0;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px 6px;font-weight:600}.tab[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}.tabpane{flex:1;overflow-y:auto}.playlist{margin:0;padding:0 6px 12px;list-style:none}.playlist li{border-radius:10px;align-items:center;gap:2px;padding-right:4px;display:flex}.playlist li:hover{background:var(--hover)}.playlist li.active{background:color-mix(in srgb, var(--accent) 20%, transparent)}.pl-name{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 8px;display:flex}.pl-name span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pl-name .n{color:var(--muted);font-variant-numeric:tabular-nums;min-width:1.6em;font-size:12px}.pl-meta{white-space:nowrap;font-size:12px}.note-form textarea{resize:vertical;border:1px solid var(--line);background:var(--hover);border-radius:12px;width:100%;margin-bottom:8px;padding:10px 12px}.notes{margin:0;padding:0 8px;list-style:none}.note{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto auto auto;align-items:start;gap:6px;padding:8px 6px;display:grid}.note-text{white-space:pre-wrap;word-break:break-word;margin:4px 0}.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check.sm{gap:3px;margin-top:4px;font-size:13px}.info{grid-template-columns:auto 1fr;gap:8px 14px;margin:0;display:grid}.info dt{color:var(--muted)}.info dd{word-break:break-all;margin:0}.menu{z-index:60;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;min-width:190px;max-height:min(80vh,100vh - 32px);padding:6px;position:fixed;overflow-y:auto;box-shadow:0 20px 60px #00000073}.menu button{text-align:left;background:0 0;border:0;border-radius:9px;width:100%;padding:9px 12px;font-size:14px;display:block}.menu button:hover,.menu button:focus{background:var(--hover);outline:none}.menu button.on{color:var(--accent2);font-weight:700}.menu button.on:before{content:"✓ "}.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.qs{z-index:60;width:min(380px,100vw - 16px);max-height:min(72vh, calc(100vh - var(--top-h) - 24px));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--fg);border-radius:16px;padding:10px 14px 12px;font-size:13px;position:fixed;overflow-y:auto;box-shadow:0 20px 60px #00000073}.qs-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.qs-head h3{margin:0;font-size:15px}.qs-sect{border-top:1px solid var(--line);padding:8px 0 4px}.qs-sect h4{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:700}.qs-row{grid-template-columns:minmax(64px,1fr) minmax(0,2fr) 44px;align-items:center;gap:8px;margin:5px 0;display:grid}.qs-row>span{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:13px;line-height:1.25}.qs-row input[type=range]{width:100%;min-width:0;margin:0}.qs-row output{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.qs-row select{border:1px solid var(--line);background:var(--hover);min-width:0;height:34px;color:var(--fg);border-radius:10px;grid-column:span 2;padding:0 8px}.qs-row .ib.sm{justify-self:start}.qs-pills{flex-wrap:wrap;gap:6px;margin:2px 0 8px;display:flex}.qs-pill{border:1px solid var(--line);background:var(--hover);height:30px;color:var(--fg);border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.qs-pill:hover{background:color-mix(in srgb, var(--fg) 14%, transparent)}.qs-pill.on{background:var(--accent);color:#fff;border-color:#0000}.qs-line{flex-wrap:wrap;align-items:center;gap:6px 14px;margin:6px 0;display:flex}.qs-line .btn.sm{margin-left:auto}.qs-chk{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.qs-note{margin:2px 0 6px}@media (max-width:560px){.qs{width:100%;max-height:70vh;padding-bottom:calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;right:0;top:auto!important;bottom:0!important;left:0!important}}.dlg{border:1px solid var(--line);background:var(--panel);width:min(520px,100% - 24px);max-height:calc(100% - 24px);color:var(--fg);border-radius:22px;padding:22px;box-shadow:0 30px 90px #00000080}.dlg.wide{width:min(860px,100% - 24px);padding:0}.dlg::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05070c8c}.dlg h2{margin:0 0 6px;font-size:20px}.dlg label{gap:4px;margin:12px 0;display:grid}.dlg label.check{align-items:flex-start;display:flex}.dlg input[type=url],.dlg input[type=text],.dlg select{border:1px solid var(--line);background:var(--hover);border-radius:12px;width:100%;height:42px;padding:0 12px}.dlg .err{color:var(--danger);min-height:1.2em;margin:6px 0;font-size:14px}.dlprog{gap:4px;margin:8px 0;display:grid}.dlprog progress{width:100%;accent-color:var(--accent)}.dlhist{margin-top:12px;font-size:13px}.dlhist ul{max-height:160px;padding-left:16px;overflow:auto}.set-wrap{padding:20px 22px 0}.set-grid{grid-template-columns:170px 1fr;gap:16px;max-height:min(70vh,640px);display:grid}.set-nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:0}.set-nav a{color:var(--muted);border-radius:10px;padding:9px 12px;font-weight:600;text-decoration:none}.set-nav a:hover,.set-nav a.on{background:var(--hover);color:var(--fg)}.set-main{padding:0 4px 24px;overflow-y:auto}.set-sect{border-bottom:1px solid var(--line);padding:4px 0 14px}.set-sect h3{margin:12px 0 6px;font-size:15px}.set-row{grid-template-columns:1fr minmax(120px,220px) 52px;align-items:center;gap:10px;margin:8px 0!important;display:grid!important}.set-row.check{grid-template-columns:none;display:flex!important}.set-row select{grid-column:span 2}.set-row output{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;font-size:13px}.keys{border-collapse:collapse;width:100%;margin-top:8px}.keys td{border-bottom:1px solid var(--line);padding:6px 4px}kbd{border:1px solid var(--line);background:var(--hover);white-space:nowrap;border-radius:6px;padding:2px 8px;font:12px/1.6 JetBrains Mono,ui-monospace,monospace;display:inline-block}.toast{left:50%;bottom:calc(var(--ctl-h) + 16px);z-index:70;background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:10px 14px 10px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 20px 50px #0006}@media (max-width:720px){:root{--top-h:52px}.hide-sm{display:none!important}.brand span,.vol input{display:none}.ctl-row{flex-wrap:wrap}.grp{justify-content:center;width:100%}.grp.right{justify-content:center}.time{padding:0;font-size:12px;position:absolute;top:-2px;left:14px}.controls{padding-top:18px;position:relative}.set-grid{grid-template-columns:1fr}.set-nav{flex-direction:row;position:static;overflow-x:auto}.set-row{grid-template-columns:1fr 1fr 44px}.drop-card{padding:28px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.subs span.s2{opacity:.92;color:#fde68a;font-size:.72em}.stats{top:calc(var(--top-h) + 10px);z-index:7;color:#d1fae5;pointer-events:none;white-space:pre;background:#000000b8;border-radius:12px;margin:0;padding:10px 12px;font:12px/1.5 JetBrains Mono,ui-monospace,monospace;position:absolute;left:12px}.seekpreview{pointer-events:none;background:#000000d9;border-radius:10px;padding:3px;position:absolute;bottom:30px;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.seekpreview canvas{border-radius:7px;width:160px;height:auto;display:block}.progress:hover .hovertime{bottom:auto}.eq{grid-template-columns:repeat(10,1fr);gap:4px;margin:12px 0 4px;display:grid}@media (max-width:400px){.eq{grid-template-columns:repeat(5,1fr);gap:6px 2px}.eqband small,.eqband output{font-size:10px}.set-main{overflow-x:hidden}}.eqband{flex-direction:column;align-items:center;gap:6px;margin:0!important;display:flex!important}.eqband input{writing-mode:vertical-lr;direction:rtl;width:22px;height:110px}.eqband small{color:var(--muted);font-size:11px}.eqband output{font-variant-numeric:tabular-nums;color:var(--muted);min-height:14px;font-size:11px}.lockbadge{z-index:31;background:#0000008c;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;display:none;position:absolute;top:16px;right:16px}.app.locked .lockbadge{display:grid}.app.locked .controls,.app.locked .topbar,.app.locked .bigplay{opacity:0;pointer-events:none}.app.locked .pen-layer{pointer-events:none}.app:not([data-state=empty]) .topbar,.app:not([data-state=empty]) .topbar .ib,.app:not([data-state=empty]) .brand{color:#fff}.app:not([data-state=empty]) .topbar .ib:hover{background:#ffffff1f}.set-grid{overflow:hidden}.set-main{max-height:min(70vh,640px)}.empty{place-items:start center}.home{gap:22px;width:min(1080px,100%);margin-bottom:24px;padding-bottom:32px;display:grid}.home-head{align-items:center;gap:16px;display:flex}.home-head .drop-icon{flex:none;margin:0}.home-head h1{letter-spacing:-.03em;background:linear-gradient(90deg, var(--fg), color-mix(in srgb, var(--accent2) 70%, var(--fg)));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(24px,3.4vw,36px);line-height:1.15}.home-head p{margin:4px 0 0}.quick{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.qa{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 72%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;align-content:start;gap:4px;min-height:132px;padding:16px;transition:transform .15s,border-color .15s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.qa:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-2px);box-shadow:0 18px 40px #00000038}.qa b{margin-top:8px;font-size:15px}.qa small{color:var(--muted);font-size:12.5px;line-height:1.35}.qa-ic{color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.qa-ic svg{width:22px;height:22px}.g1{background:linear-gradient(135deg,#7c5cff,#a78bfa)}.g2{background:linear-gradient(135deg,#0ea5e9,#22d3ee)}.g3{background:linear-gradient(135deg,#10b981,#34d399)}.g4{background:linear-gradient(135deg,#ff3b6b,#ff8a5c)}.g5{background:linear-gradient(135deg,#f59e0b,#fcd34d)}.home-drop{border:1px dashed color-mix(in srgb, var(--fg) 20%, transparent);border-radius:16px;justify-content:center;align-items:center;gap:8px;margin:-6px 0 0;padding:12px;font-size:14px;display:flex}.home-drop svg{width:18px;height:18px}.home h2{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 10px;font-size:13px}.recent{margin:0}.recent ul.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.recent ul.cards>li.muted{background:var(--hover);border-radius:14px;grid-column:1/-1;padding:14px}.recent-item{border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 70%, transparent);border-radius:16px;align-items:center;padding:10px}.rc-thumb{color:#fff;border-radius:11px;flex:none;place-items:center;width:84px;height:54px;display:grid;position:relative;overflow:hidden}.rc-thumb b{letter-spacing:.04em;opacity:.85;font-size:9.5px;position:absolute;top:5px;left:6px}.rc-thumb svg{width:20px;height:20px}.rc-thumb.h0{background:linear-gradient(135deg,#312e81,#7c3aed)}.rc-thumb.h1{background:linear-gradient(135deg,#0c4a6e,#0891b2)}.rc-thumb.h2{background:linear-gradient(135deg,#064e3b,#10b981)}.rc-thumb.h3{background:linear-gradient(135deg,#7f1d1d,#f43f5e)}.rc-thumb.h4{background:linear-gradient(135deg,#78350f,#f59e0b)}.rc-thumb.h5{background:linear-gradient(135deg,#1e293b,#64748b)}.rc-body{flex:1;gap:3px;min-width:0;display:grid}.rc-body .rn{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.rc-meta{font-size:12px}.rc-prog{background:var(--hover);border-radius:4px;height:4px;overflow:hidden}.rc-prog i{background:linear-gradient(90deg, var(--accent), var(--accent2));height:100%;box-shadow:0 0 10px var(--accent2);border-radius:4px;display:block}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.tool{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 60%, transparent);border-radius:14px;grid-template-columns:28px 1fr;gap:2px 10px;padding:12px;transition:background .15s,border-color .15s;display:grid}.tool:hover{background:color-mix(in srgb, var(--accent) 12%, var(--bg2));border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.tool svg{width:24px;height:24px;color:var(--accent2);grid-row:span 2;margin-top:2px}.tool b{font-size:13.5px}.tool small{color:var(--muted);font-size:12px;line-height:1.3}.home .kakao{margin:0}.home-foot{border-top:1px solid var(--line);padding-top:14px}.biz dl{color:var(--muted);grid-template-columns:max-content 1fr;gap:2px 12px;margin:0;font-size:12.5px;display:grid}@media (max-width:400px){.biz dl{grid-template-columns:1fr;gap:0}.biz dd{overflow-wrap:anywhere;margin:0 0 6px}}.biz dt{font-weight:600}.biz dd{margin:0}.biz a{color:inherit}.biz-links{color:var(--muted);margin:8px 0 0;font-size:12.5px}.biz-links a{color:var(--accent2)}@media (max-width:900px){.quick{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.quick{grid-template-columns:repeat(2,minmax(0,1fr))}.qa{min-height:112px;padding:12px}.home-head .drop-icon{border-radius:16px;width:52px;height:52px}}.pl-search{padding-top:0}.pl-search input{border:1px solid var(--line);background:var(--hover);border-radius:10px;width:100%;padding:8px 12px}.ambient{filter:blur(60px)saturate(160%);opacity:.55;pointer-events:none;z-index:0;width:116%;height:116%;position:absolute;top:-8%;bottom:-8%;left:-8%;right:-8%}.app[data-state=empty] .ambient,.app.minimal .ambient{display:none}.stage>#video{z-index:1;background:0 0;position:relative}.app:not([data-state=empty]) .stage{background:#000}.pen-layer{z-index:7;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.pen-layer.on{pointer-events:auto;cursor:crosshair;touch-action:none}.cam-live,.char-live{z-index:8;width:var(--cam,24vmin);height:var(--cam,24vmin);object-fit:cover;pointer-events:none;position:absolute}.cam-live{border:3px solid #ffffffe6;border-radius:50%;transform:scaleX(-1);box-shadow:0 16px 40px #00000073}.cam-live[data-shape=rounded]{width:calc(var(--cam,24vmin) * 16 / 9);border-radius:18px}.char-live{object-fit:contain;filter:drop-shadow(0 12px 24px #0006);animation:2.8s ease-in-out infinite bob}.char-live.talk{animation:.22s ease-in-out infinite alternate talk}@keyframes bob{50%{transform:translateY(-1.2%)rotate(1deg)}}@keyframes talk{to{transform:translateY(-4%)scale(1.03,.98)}}.cam-live[data-corner=br],.char-live[data-corner=br]{right:3%;bottom:calc(var(--ctl-h) + 2%)}.cam-live[data-corner=bl],.char-live[data-corner=bl]{left:3%;bottom:calc(var(--ctl-h) + 2%)}.cam-live[data-corner=tr],.char-live[data-corner=tr]{right:3%;top:calc(var(--top-h) + 2%)}.cam-live[data-corner=tl],.char-live[data-corner=tl]{left:3%;top:calc(var(--top-h) + 2%)}.recbar{z-index:40;top:calc(var(--top-h) + 10px);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-variant-numeric:tabular-nums;background:#0c0c10c7;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.recbar .ib{color:#fff}.rec-dot{vertical-align:middle;background:#ff3b6b;border-radius:50%;width:10px;height:10px;animation:1.2s infinite pulse;display:inline-block;box-shadow:0 0 #ff3b6bb3}@keyframes pulse{70%{box-shadow:0 0 0 8px #ff3b6b00}to{box-shadow:0 0 #ff3b6b00}}.pen-colors{gap:4px;display:flex}.pen-color{background:var(--c);border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0}.pen-color.on{border-color:#fff}.app.recording .controls{opacity:.92}#btnMore.rec{color:#ff3b6b}.studio-preview{aspect-ratio:16/9;background:radial-gradient(600px 300px at 30% 20%, color-mix(in srgb, var(--accent) 35%, transparent), transparent), #0b0d12;border-radius:16px;margin:10px 0 14px;position:relative;overflow:hidden}.studio-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.studio-preview img{object-fit:contain;width:80%;height:80%;animation:2.8s ease-in-out infinite bob;position:absolute;top:10%;bottom:10%;left:10%;right:10%}.studio-grid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.studio-side{background:var(--hover);border-radius:14px;align-self:start;padding:12px 14px}@media (max-width:640px){.studio-grid{grid-template-columns:1fr}}.app.minimal .ctl-row .grp.right .cg>:not(.vol):not(#btnFull):not(#btnMore),.app.minimal .ctl-row .cg+.cg:before,.app.minimal #btnFav,.app.minimal #btnPrev,.app.minimal #btnNext,.app.minimal #btnBack,.app.minimal #btnFwd,.app.minimal .top-actions .tgrp>:not(#btnOpen):not(#btnMinimal):not(#btnSettings),.app.minimal .top-actions .tgrp:not(:first-child):before,.app.minimal .markers,.app.minimal .notes-overlay{display:none}.app.minimal .controls{background:linear-gradient(#0000,#00000073)}.app.minimal #btnMinimal{color:var(--accent2)}.app.minimal .home .tools,.app.minimal .home .kakao,.app.minimal .home-drop{display:none}.app.minimal .quick{grid-template-columns:repeat(3,minmax(0,1fr))}.app.minimal #emptyStudio,.app.minimal #emptyDl{display:none}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 60%, transparent);border-radius:16px;gap:4px;padding:12px 14px;display:grid}.stat small{color:var(--muted);font-size:12px;font-weight:600}.stat b{letter-spacing:-.02em;font-size:22px}.spark{align-items:flex-end;gap:4px;height:26px;display:flex}.spark i{background:linear-gradient(to top, var(--accent), var(--accent2));opacity:.85;border-radius:3px;flex:1}.badges{flex-wrap:wrap;gap:6px;font-size:20px;display:flex}.badge{filter:grayscale();opacity:.35}.badge.on{filter:none;opacity:1}@media (max-width:560px){.home-stats{grid-template-columns:1fr 1fr}.home-stats .stat:last-child{grid-column:1/-1}}#toastBtn[hidden]{display:none}#toastBtn{white-space:nowrap;flex:none}@media (max-width:560px){.toast:not(.stutter){max-width:none;left:12px;right:12px;transform:none}.toast #toastMsg{flex:1;min-width:0}}#time{padding:8px 4px}#btnSpeed{min-width:36px;min-height:36px}.home-stats:empty{display:none}.toast.stutter{max-width:min(640px,100vw - 32px);bottom:calc(var(--ctl-h) + 72px);z-index:71;flex-wrap:wrap;gap:8px 12px}.toast.stutter .st-text{flex-direction:column;flex:260px;gap:2px;display:flex}.toast.stutter .st-text small{color:var(--muted);font-size:12px}.toast.stutter .st-remember{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.toast.stutter .st-btns{flex-wrap:wrap;gap:6px;display:flex}.countdown{z-index:60;color:#fff;text-shadow:0 10px 40px #0009;pointer-events:none;background:#00000040;place-items:center;font-size:min(30vmin,220px);font-weight:800;animation:.8s ease-out infinite cd;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes cd{0%{opacity:.2;transform:scale(1.25)}30%{opacity:1}to{opacity:.9;transform:scale(.9)}}.recbar.paused .rec-dot{background:#ffd60a;animation:none}.studio-preview img[data-both=true]{width:34%;height:50%;top:auto;bottom:4%;left:auto;right:4%}.set-row input[type=text]{border:1px solid var(--line);background:var(--hover);border-radius:8px;flex:1;min-width:0;padding:6px 10px}.g6{background:linear-gradient(135deg,#6366f1,#ec4899)}@media (max-width:1100px){.quick{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.quick{grid-template-columns:repeat(2,minmax(0,1fr))}}.wt-pill{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:999px;align-self:center;padding:4px 10px;font-size:12.5px;font-weight:700}.whiteboard{z-index:2;background:#fbfbf8 radial-gradient(#d9dbe3 1px,#0000 1px) 0 0/22px 22px;position:absolute;top:0;bottom:0;left:0;right:0}.board-layer{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.board-layer.on{pointer-events:auto;cursor:crosshair;touch-action:none}.reactions{z-index:9;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.react{bottom:calc(var(--ctl-h) + 10px);text-shadow:0 6px 20px #00000059;justify-items:center;font-size:42px;animation:2.6s ease-out forwards floatUp;display:grid;position:absolute}.react small{color:#fff;background:#00000080;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}@keyframes floatUp{to{opacity:0;transform:translateY(-55vh)scale(1.3)}}.chat-float{left:14px;bottom:calc(var(--ctl-h) + 14px);z-index:9;pointer-events:none;gap:6px;max-width:min(360px,70%);display:grid;position:absolute}.chat-float p{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c10b8;border-radius:14px;margin:0;padding:7px 12px;font-size:14px;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}}.call-grid{z-index:10;top:calc(var(--top-h) + 8px);grid-template-columns:repeat(2,160px);gap:8px;max-height:70%;display:grid;position:absolute;right:10px;overflow-y:auto}.call-grid figure{aspect-ratio:16/10;background:#111;border-radius:12px;width:160px;margin:0;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000073}.call-grid video{object-fit:cover;width:100%;height:100%}.call-grid figure.self video{transform:scaleX(-1)}.call-grid figure{cursor:zoom-in}.call-grid.has-big{width:min(72vw,1100px);max-height:calc(100% - var(--top-h) - var(--ctl-h) - 24px);grid-template-columns:1fr}.call-grid.has-big figure:not(.big){display:none}.call-grid figure.big{aspect-ratio:16/9;cursor:zoom-out;width:100%}.call-grid figure.big video{object-fit:contain;background:#000}.call-grid figcaption{color:#fff;text-shadow:0 1px 3px #000;font-size:11px;font-weight:700;position:absolute;bottom:5px;left:6px}@media (max-width:640px){.call-grid{grid-template-columns:repeat(2,110px)}.call-grid figure{width:110px}}.wt-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.wt-head b{letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:22px;display:block}.wt-invite{gap:6px;padding-top:0;display:grid}.wt-invite input{border:1px solid var(--line,#7f7f7f59);background:var(--card,transparent);min-width:0;color:inherit;border-radius:10px;flex:1;padding:8px 10px;font:13px/1.3 ui-monospace,Consolas,monospace}.wt-invite input:focus{outline:2px solid var(--accent,#6d5efc);outline-offset:1px}.wt-invite .btn.on{color:#fff;background:#1f9d55;border-color:#0000}.wt-mode select{flex:1}.wt-members{gap:4px;margin:0;padding:0 14px;list-style:none;display:grid}.wt-members li{background:var(--hover);border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.wt-members .dot{border-radius:50%;flex:none;width:10px;height:10px}.wt-members .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wt-tools .btn svg{vertical-align:-3px;width:16px;height:16px;margin-right:4px}.wt-tools .on,#wtBoard.on,#wtWhite.on{outline:2px solid var(--accent2)}.ib.off{color:var(--danger)}.wt-reacts{flex-wrap:wrap;gap:4px;display:flex}.react-btn{background:var(--hover);border:0;border-radius:10px;padding:4px 8px;font-size:20px}.react-btn:hover{transform:scale(1.12)}.wt-chat{gap:6px;max-height:34vh;margin:0;padding:0 14px;list-style:none;display:grid;overflow-y:auto}.wt-chat li{font-size:14px;line-height:1.35}.wt-chat li b{margin-right:6px}.wt-chat li.sys{color:var(--muted);text-align:center;font-size:12.5px}.wt-chat li.me span{color:color-mix(in srgb, var(--accent2) 70%, var(--fg))}.wt-send{gap:6px;display:flex}.wt-send input{border:1px solid var(--line);background:var(--hover);border-radius:10px;flex:1;min-width:0;padding:8px 12px}.wt-split{grid-template-columns:1fr 1fr;gap:14px;margin:12px 0;display:grid}.wt-split section{background:var(--hover);border-radius:14px;align-content:start;gap:8px;padding:12px;display:grid}.wt-split h3{margin:0;font-size:15px}#wtJoinCode{letter-spacing:.15em;text-transform:uppercase;text-align:center;font-size:20px}@media (max-width:560px){.wt-split{grid-template-columns:1fr}}.app:has(.panel.open) .call-grid{right:calc(min(380px,100%) + 10px)}.tabs .tab{white-space:nowrap;padding-inline-start:8px;padding-inline-end:8px}.app{grid-template-columns:minmax(0,1fr)}.top-actions{flex-wrap:nowrap;min-width:0}.title{min-width:0}@media (max-width:720px){#btnUrl,#btnFolder{display:none}.wt-pill{text-overflow:ellipsis;max-width:64px;padding-inline-start:8px;padding-inline-end:8px;overflow:hidden}.ib.sm,.btn.sm{min-width:40px;min-height:40px}.pen-color{width:30px;height:30px}#time,#btnSpeed{min-height:40px}}.tabs{min-width:0;display:flex}.tabs .tab{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.tabs .close{flex:none}.recbar{white-space:nowrap;overflow-wrap:normal;border-radius:18px;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 16px)}.recbar>*{flex:none}.wt-split{grid-template-columns:repeat(2,minmax(0,1fr))}#wtJoinCode,#wtName{width:100%}.wt-split .btn{white-space:normal;overflow-wrap:normal;word-break:keep-all}@media (max-width:560px){.wt-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.set-grid{grid-template-rows:auto minmax(0,1fr)}.set-main{min-height:0}}#dlgStudio>form{padding:20px 22px}@media (min-width:900px){.app:has(.panel.open) .topbar{margin-right:min(380px,100%)}.app:has(.panel.open) .controls{margin-right:min(380px,100%)}.app:has(.panel.open) .subs{right:calc(min(380px,100%) + 4%)}.app:has(.panel.open) .stage>#video{transform-origin:50%}.app:has(.panel.open) .bigplay{transform-origin:50%}.app:has(.panel.open) .stage{padding-right:min(380px,100%)}}.app[data-state=empty] .topbar{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.whiteboard{top:var(--top-h);bottom:var(--ctl-h)}.app:has(.whiteboard:not(.hidden)) .bigplay{background:#14141cbf}.app.recording .subs{bottom:calc(var(--sub-pos,8%) + var(--ctl-h))}:where(:root[data-theme=light]) :where(.biz a,.biz-links a,p a,.kakao .link,.muted a){color:#0e7490}@media (prefers-color-scheme:light){:where(:root[data-theme=system]) :where(.biz a,.biz-links a,p a,.kakao .link,.muted a){color:#0e7490}}#wtMode{border:1px solid var(--line);background:var(--hover);border-radius:10px;height:38px;padding:0 10px}.panel .btn.sm,#plCount{white-space:nowrap;overflow-wrap:normal}.panel .row.between{flex-wrap:wrap;gap:8px}[hidden]{display:none!important}@media (max-width:720px){.set-nav a{white-space:nowrap;overflow-wrap:normal;flex:none}.cam-live,.char-live{--cam:22vmin!important}.cam-live[data-corner^=b],.char-live[data-corner^=b]{bottom:calc(var(--ctl-h) + 18%)}.brand{min-width:40px;min-height:40px}.app.recording .controls{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media (max-width:420px){#studioBody .set-row{grid-template-columns:minmax(0,1fr)}#studioBody .set-row select{width:100%}}.tool b,.tool small,.qa b,.qa small{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.app[data-state=empty] .bigplay{visibility:hidden}.stage.fx-vignette:after,.stage.fx-grain:before{content:"";pointer-events:none;z-index:4;position:absolute;top:0;bottom:0;left:0;right:0}.stage.fx-vignette:after{background:radial-gradient(#0000 55%,#000000bf 100%)}.stage.fx-grain:before{opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.4s steps(4,end) infinite grain}@keyframes grain{25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}}.subs{letter-spacing:var(--sub-spacing,0)}.subs[data-fx=shadow]{text-shadow:3px 3px #000000d9,0 0 10px #0009}.subs[data-fx=shadow] span,.subs[data-fx=glow] span,.subs[data-fx=neon] span,.subs[data-fx=cinema] span,.subs[data-fx=minimal] span{background:0 0}.subs[data-fx=box] span{background:#000000d1;border-radius:.35em;padding:.14em .55em}.subs[data-fx=glow]{text-shadow:0 0 6px #000000e6,0 0 14px #000000b3,0 0 2px #000}.subs[data-fx=neon]{color:#fff;text-shadow:0 0 4px #fff, 0 0 10px var(--sub-color,#22d3ee), 0 0 22px var(--sub-color,#22d3ee), 0 0 40px var(--sub-color,#7c5cff)}.subs[data-fx=cinema]{color:#ffe066;text-shadow:1px 1px 2px #000,0 0 2px #000;font-family:Georgia,Noto Serif KR,serif;font-style:italic}.subs[data-fx=minimal]{text-shadow:0 1px 3px #000000b3;font-weight:500}.subs.anim span{animation:.28s ease-out subIn}@keyframes subIn{0%{opacity:0;transform:translateY(6px)}}.set-main h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 4px;font-size:13px}#dlgFind>form{gap:10px;padding:20px 22px;display:grid}.find-bar{flex-wrap:wrap;gap:8px;display:flex}.find-bar input{border:1px solid var(--line);background:var(--hover);border-radius:12px;flex:260px;height:42px;padding:0 12px}.find-lan{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.find-lan .btn svg{vertical-align:-3px;width:16px;height:16px}.find-crumbs{flex-wrap:wrap;gap:6px;display:flex}.find-list{gap:6px;max-height:46vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.find-list li{background:var(--hover);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.find-list .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.badge{background:color-mix(in srgb, var(--accent) 25%, transparent);border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.badge.audio{background:color-mix(in srgb, var(--ok) 25%, transparent)}.badge.stream{background:color-mix(in srgb, var(--accent2) 25%, transparent)}.quick{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.quick{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-co{color:var(--muted,#8a93a6);letter-spacing:.01em;margin-top:6px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-block}.home-co:hover{color:var(--fg);text-decoration:underline}.grab-engine{background:var(--hover);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.grab-form .find-bar select{border-radius:12px;height:42px;padding:0 10px}.grab-opts{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:10px 0 4px;display:flex}.grab-opts label{align-items:center;gap:8px;font-size:14px;display:inline-flex}.grab-opts select{border-radius:10px;height:34px;padding:0 8px}.grab-rights{align-items:flex-start;gap:8px;margin:6px 0;font-size:13px;line-height:1.45;display:flex}.grab-rights input{flex:none;margin-top:2px}.grab-prog{align-items:center;gap:10px;margin:6px 0;display:flex}.grab-prog progress{flex:1;height:8px}.grab-prog span{text-overflow:ellipsis;white-space:nowrap;flex:2;min-width:0;overflow:hidden}.grab-list{gap:6px;max-height:46vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.grab-list li{background:var(--hover);border-radius:12px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.grab-list li.grab-loading{grid-template-columns:auto 1fr;padding:18px 14px}.grab-loading .gl-spin{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.grab-loading b{font-size:14px;display:block}.grab-loading small{margin-top:2px;display:block}#grabStatus.busy:before{content:"";border:2px solid var(--line);border-top-color:var(--accent);vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@media (prefers-reduced-motion:reduce){.grab-loading .gl-spin,#grabStatus.busy:before{animation:none}}.grab-list img,.grab-list .gthumb{aspect-ratio:16/9;object-fit:cover;background:var(--line);border-radius:8px;width:112px}.grab-list .gi{gap:2px;min-width:0;display:grid}.grab-list .gi b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.grab-list .gi small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grab-list .ga{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.grab-web{background:var(--hover);border-radius:12px;justify-items:start;gap:10px;padding:14px;display:grid}@media (max-width:640px){.grab-list li{grid-template-columns:84px minmax(0,1fr)}.grab-list img,.grab-list .gthumb{width:84px}.grab-list .ga{grid-column:1/-1;justify-content:flex-start}}.find-form,.grab-form{padding:22px}.find-bar select{flex:none;width:auto}.grab-opts label{margin:0}.grab-opts label.check{align-items:center}.grab-opts select{width:auto}.grab-list .gthumb{display:block}.grab-rights{margin:8px 0}.grab-list .gthumb{color:var(--muted,#8a93a6);place-items:center;font-size:18px;display:grid}.grab-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin:4px 0 12px;display:flex}.grab-tabs button{color:var(--muted,#8a93a6);background:0 0;border:0;border-radius:10px 10px 0 0;padding:8px 12px;font-weight:600}.grab-tabs button.on{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent,#7c5cff)}.gbadge{background:var(--accent,#7c5cff);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:inline-grid}.grab-more{margin:6px 0}.grab-more summary{cursor:pointer;color:var(--muted,#8a93a6);font-size:13px;font-weight:600}.grab-tools{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.grab-list li{grid-template-areas:"t i a""x x x"}.grab-list li>img,.grab-list li>.gthumb{grid-area:t}.grab-list li>.gi{grid-area:i}.grab-list li>.ga{grid-area:a}.grab-list li>.ga2{flex-wrap:wrap;grid-area:x;gap:6px;display:flex}.grab-list li>.ga2[hidden]{display:none}.grab-list li.seen .gi b{opacity:.7}.grab-list li.sel{outline:2px solid var(--accent,#7c5cff);outline-offset:-2px}.grab-list .gi small{align-items:center;gap:6px;display:flex}.gsrc,.gseen,.gnew{background:var(--line);border-radius:6px;padding:1px 6px;font-size:10.5px;font-style:normal;font-weight:700}.gsrc.s-yt{color:#ff5a5a;background:#ff3b3b22}.gsrc.s-web{color:#60a5fa;background:#3b82f622}.gnew{background:var(--accent,#7c5cff);color:#fff;margin-left:8px}.ib-fav.on{color:#f5b301}.grab-moreBtn{margin:8px auto 0;display:block}.grab-subs,.grab-queue{gap:6px;max-height:46vh;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.grab-subs li,.grab-queue li{background:var(--hover);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.grab-subs .gi,.grab-queue .gi{flex:1;gap:3px;min-width:0;display:grid}.grab-queue progress{width:100%;height:6px}.grab-queue li.q-error small{color:#ff6b6b}.grab-queue details.gerr{margin-top:2px;font-size:.85em}.grab-queue details.gerr summary{cursor:pointer;opacity:.8}.grab-queue details.gerr code{white-space:pre-wrap;word-break:break-all;opacity:.85;display:block}.grab-queue .ga,.grab-subs .ga{flex-wrap:wrap;gap:6px;display:flex}.home-grab{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 14px;display:flex}.home-grab[hidden]{display:none}.chip{border:1px solid var(--line);background:var(--hover);border-radius:999px;padding:5px 12px;font-size:13px}.chip:hover{border-color:var(--accent,#7c5cff)}.cue-list{gap:2px;max-height:50vh;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.cue-list button{text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:6px 8px}.cue-list button:hover{background:var(--hover)}.cue-list b{font-variant-numeric:tabular-nums;margin-right:6px}#dlgCue input[type=search]{border:1px solid var(--line);background:var(--hover);border-radius:12px;width:100%;height:42px;padding:0 12px}.markers i.chap{background:#8ec5ff;width:2px}.chapters{max-height:30vh;margin:0;padding-left:18px;overflow-y:auto}.chapters button.link{text-align:left;color:inherit;background:0 0;border:0;padding:2px 0}.tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding-inline-end:48px;overflow:auto hidden}.tabs .tab{white-space:nowrap;text-overflow:clip;overflow-wrap:normal;flex:1 0 auto;padding:8px;font-size:12.5px;line-height:1.15;overflow:visible}.qa b,.qa small{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}:lang(ko) .qa b,:lang(ko) .qa small,:lang(ko) .tabs .tab{word-break:keep-all}.minibar[hidden]{display:none!important}.app.mini{background:var(--panel,#12151d);grid-template-rows:100vh;grid-template-columns:auto minmax(0,1fr);display:grid;overflow:hidden}.app.mini>:not(.stage):not(.minibar):not(.menu):not(.toast):not(#toasts):not(dialog){display:none!important}.app.mini .stage{cursor:grab;border-radius:0;width:177.778vh;height:100vh;min-height:0}.app.mini .stage>:not(video):not(#subs){display:none!important}.app.mini #subs{font-size:11px!important;bottom:4px!important}.minibar{background:var(--panel,#12151d);min-width:0;height:100vh;color:var(--fg);border-left:1px solid var(--line);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:0 12px;display:flex}.mb-drag{cursor:grab;flex:140px;gap:3px;min-width:0;padding:8px 0;display:grid}.mb-drag b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mb-drag span{color:var(--muted,#8a93a6);font-variant-numeric:tabular-nums;font-size:11.5px}.mb-prog{background:var(--line);border-radius:2px;height:3px;display:block;overflow:hidden}.mb-prog>i{background:var(--accent,#7c5cff);width:0;height:100%;display:block}.mb-ctl{flex:none;align-items:center;gap:2px;display:flex}.mb-ctl .ib{border-radius:10px;width:34px;height:34px}.mb-ctl .ib.on{background:var(--hover);color:var(--accent2,#8ec5ff)}.mb-ctl .mb-play{background:var(--fg);width:40px;height:40px;color:var(--bg,#000);border-radius:50%}.mb-ctl input[type=range]{width:72px}.mb-op{color:var(--muted,#8a93a6);align-items:center;gap:4px;font-size:13px;display:inline-flex}.mb-op input{width:60px!important}.mb-sep{background:var(--line);width:1px;height:26px;margin:0 6px}.mb-full{white-space:nowrap;margin-left:6px}@media (max-width:640px){.app.mini .mb-op,.app.mini #mbBack,.app.mini #mbFwd,.app.mini #mbVol,.app.mini .mb-sep{display:none}}.mb-drag{min-width:150px}.mb-drag b,.mb-drag span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mb-full{flex:none;align-items:center;gap:6px;display:inline-flex}.mb-full svg{width:16px;height:16px}@media (max-width:640px){.grab-list li{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"t i""a a""x x"}.grab-list li>.ga{justify-content:flex-start}}.grab-engine{flex-wrap:wrap}.grab-engine .btn{white-space:nowrap}.cinema-wall{z-index:0;pointer-events:none;background:#000;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.cinema-wall.in-stage{position:absolute}.cinema-wall canvas{display:block;position:absolute}body.walling{background:#000}body.walling:not(.wall-single) .app{z-index:1;top:auto;bottom:auto;left:auto;right:auto}body.walling.wall-imax:not(.wall-single) .stage{background:0 0}body.walling.wall-imax:not(.wall-single) .stage>#video{opacity:0}body.walling .ambient{display:none}body.walling:not(.wall-single) dialog[open]{left:calc(var(--wx) + var(--ww) / 2);top:calc(var(--wy) + var(--wh) / 2);max-width:min(92vw, calc(var(--ww) - 32px));max-height:calc(var(--wh) - 32px);margin:0;position:fixed;transform:translate(-50%,-50%)}body.walling:not(.wall-single) .toast{left:calc(var(--wx) + var(--ww) / 2);bottom:auto;top:calc(var(--wy) + var(--wh) - var(--ctl-h) - 80px)}.top-actions{align-items:center}.tgrp{align-items:center;gap:2px;display:flex}.tgrp+.tgrp:before,.cg+.cg:before{content:"";background:var(--line);flex:none;width:1px;height:22px;margin:0 5px}.cg+.cg:before{background:#ffffff2e}.cg{align-items:center;gap:2px;display:flex}.grp.right{gap:0}.fav-btn.on,.ib-fav.on{color:#f5b301!important}.fav-btn.on{background:#f5b30129}@media (max-width:720px){.tgrp+.tgrp:before{margin:0 2px}}@media (max-width:900px){.controls .ovf{display:none!important}.vol input{display:none}}@media (max-width:640px){.cg+.cg:before{margin:0 3px}.top-actions .ib{width:36px}}@media (max-width:380px){#btnStudio{display:none}}.menu button{align-items:center;gap:6px;display:flex}.menu button>span{flex:1;min-width:0}.menu button kbd{opacity:.65;flex:none;margin-left:8px;padding:0 6px;font-size:10.5px}.menu button.on:before{flex:none}@media (hover:none),(pointer:coarse){.menu button kbd{display:none}}.menu-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0 2px;padding:4px 12px 2px;font-size:11px;font-weight:800}.menu>.menu-head:first-child{margin-top:0}.menu.grouped{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:4px 10px;width:min(980px,100vw - 16px);max-height:calc(100vh - 32px);padding:10px;display:grid}.menu-sect{background:color-mix(in srgb, var(--fg) 3%, transparent);border-radius:12px;min-width:0;padding:4px}.menu-sect h3.menu-head{margin:2px 0 4px}.menu.grouped button{padding:7px 10px;font-size:13.5px}@media (max-width:640px){.menu.grouped{grid-template-columns:minmax(0,1fr);max-height:min(72vh,640px)}.menu-sect{background:0 0;padding:0}.menu-sect+.menu-sect{border-top:1px solid var(--line);padding-top:4px}}.sect-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sect-head h2{align-items:baseline;gap:8px;display:flex;margin:0!important}.sect-head .count{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:700}.sect-acts{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.chips .chip{min-width:0;height:28px;padding:0 11px;font-size:12.5px;font-weight:600}.chips .chip.on{background:color-mix(in srgb, var(--accent) 30%, transparent);border-color:color-mix(in srgb, var(--accent) 70%, transparent);color:var(--fg)}.fav-chips{padding:0 14px 8px}.fav-chips:empty{display:none}.btn svg.ic{width:16px;height:16px}section[hidden]{display:none!important}.recent ul.cards li.rc{position:relative}.rc-acts{opacity:0;flex-direction:column;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.rc:hover .rc-acts,.rc:focus-within .rc-acts{opacity:1}@media (hover:none){.rc-acts{opacity:.85}}.rc-acts .ib{background:color-mix(in srgb, var(--bg) 70%, transparent);color:var(--fg);font-size:15px}.rc-acts .ib-fav.on{opacity:1}.rc:has(.ib-fav.on) .rc-acts{opacity:1}.rc-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.rc-thumb:has(img) b{display:none}.rc-thumb:has(img) svg{display:none}.recent-item .rc-body{padding-right:30px}.recent ul.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.fav-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.fav.card{border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 70%, transparent);border-radius:16px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.fav.card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-2px)}.fav.card.active{border-color:var(--accent2)}.fav.card .fav-play{text-align:left;background:0 0;border:0;width:100%;padding:0;display:grid}.fav.card .rc-thumb{aspect-ratio:16/9;border-radius:0;width:100%;height:auto}.fav.card .rc-thumb b{font-size:11px}.fav.card .rc-thumb svg{width:28px;height:28px}.fav.card .rc-body{padding:9px 11px 11px}.fav.card>.ib{color:#fff;background:#0000008c;position:absolute;top:6px;right:6px}.fav.card .rc-prog{margin-top:2px}.fav .rc-meta{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.fsrc,.ftag{background:var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:140px;padding:1px 6px;font-size:10.5px;font-style:normal;font-weight:700;overflow:hidden}.fsrc.k-grab{color:#ff6b6b;background:#ff3b3b22}.fsrc.k-url{color:#60a5fa;background:#3b82f622}.fsrc.k-path,.fsrc.k-file{color:#34d399;background:#10b98122}.fsrc.k-content,.fsrc.warn{color:#fbbf24;background:#f59e0b22}.ftag{background:color-mix(in srgb, var(--accent) 20%, transparent);color:color-mix(in srgb, var(--accent) 50%, var(--fg));font-weight:600}.fav.dragging{opacity:.45}.fav.over{outline:2px dashed var(--accent2);outline-offset:2px}.fav-more{justify-self:start;margin-top:10px}.favlist{gap:2px;margin:0;padding:0 6px 8px;list-style:none;display:grid}.fav.row{border-radius:12px;align-items:center;gap:4px;padding-right:4px;display:flex}.fav.row:hover{background:var(--hover)}.fav.row.active{background:color-mix(in srgb, var(--accent) 20%, transparent)}.fav.row .fav-play{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.fav.row .rc-thumb{border-radius:8px;width:72px;height:42px}.fav.row .rc-thumb b{font-size:9px}.fav.row .rc-thumb svg{width:16px;height:16px}.fav.row .rn{font-size:13.5px}.pl-search.row input{flex:1;min-width:0}@media (max-width:560px){.fav-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fav.card .rc-body{padding:7px 8px 9px}.fav.card .rn{font-size:13px}.sect-head{align-items:flex-start}}@media (max-width:720px){.set-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:24px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.set-nav::-webkit-scrollbar{display:none}.set-nav a{white-space:nowrap;flex:none}}@media (max-width:420px){.set-nav{flex-wrap:wrap;gap:2px 4px;padding-right:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.set-nav a{padding:7px 10px;font-size:13.5px}}.castbar{z-index:35;top:calc(var(--top-h) + 10px);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(760px,100% - 24px);color:var(--fg);border-radius:16px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0006}.castbar[hidden]{display:none!important}.castbar .cb-ic{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.castbar .cb-ic svg{width:20px;height:20px}.castbar .cb-info{flex-direction:column;flex:0 180px;min-width:0;line-height:1.2;display:flex}.castbar .cb-info b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.castbar .cb-info small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.castbar #cbSeek{flex:120px;min-width:60px}.castbar .cb-time{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);font-size:12px}.castbar .cb-vol{align-items:center;gap:4px;display:flex}.castbar .cb-vol svg{width:16px;height:16px}.castbar .cb-vol input{width:70px}.castbar .cb-vol[hidden]{display:none}.ib.casting{color:var(--accent2);background:color-mix(in srgb, var(--accent2) 14%, transparent)}.cast-form h3{margin:4px 0;font-size:15px}.fw-note{background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:12px;align-items:center;gap:10px;margin:2px 0 10px;padding:10px 12px;display:flex}.fw-note>svg{width:20px;height:20px;color:var(--accent);flex:none}.fw-note>div{flex:1;min-width:0}.fw-note b{font-size:14px}.fw-note p{margin:2px 0 0}.fw-note.ok{background:#2ecc711f;border-color:#2ecc7166}.fw-note.ok>svg{color:#2ecc71}@media (max-width:480px){.fw-note{flex-wrap:wrap}.fw-note .btn{width:100%}}.cast-form .btn svg{width:16px;height:16px}.cast-sep{border:0;border-top:1px solid var(--line);margin:14px 0 8px}@media (max-width:640px){.castbar{flex-wrap:wrap}.castbar .cb-info{flex:140px}.castbar #cbSeek{flex-basis:100%;order:5}.castbar .cb-vol,.castbar #cbCompat{display:none}}.skip-pill{right:24px;bottom:calc(var(--ctl-h,72px) + 24px);z-index:22;color:#fff;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c10b8;border:1px solid #ffffff59;border-radius:12px;padding:10px 18px;font-weight:700;position:absolute}.skip-pill:hover{color:#111;background:#fff;outline:none}.skip-pill:focus-visible{color:#111;background:#fff;outline:none}.sleep-chip{color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;background:#7c5cff2e;border:0;border-radius:999px;padding:6px 10px;font-size:12.5px}.sleep-chip[hidden],.skip-pill[hidden]{display:none}@media (max-width:560px){.skip-pill{padding:9px 14px;right:12px}}#dlgSubs{width:min(720px,100vw - 24px)}.ss-row{grid-template-columns:1fr 64px 72px auto auto;align-items:center;gap:8px;margin:10px 0 4px;display:grid}.ss-row input,.ss-row select{min-height:40px}@media (max-width:560px){.ss-row{grid-template-columns:1fr 1fr}.ss-row #ssQuery,.ss-row #ssGo{grid-column:1/-1}}.ss-list{gap:6px;max-height:min(52vh,460px);margin:6px 0 12px;padding:0;list-style:none;display:grid;overflow:auto}.ss-hit{text-align:left;border:1px solid var(--line);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.ss-hit b{overflow-wrap:anywhere;font-weight:600}.ss-hit:hover{border-color:var(--accent);background:#7c5cff14;outline:none}.ss-hit:focus-visible{border-color:var(--accent);background:#7c5cff14;outline:none}.ss-hit:disabled{opacity:.6;cursor:progress}.app.wt-watching #empty{visibility:hidden}.app.wt-watching .call-grid.has-big{z-index:12;align-content:center;width:auto;max-height:none;top:calc(var(--top-h) + 8px)!important;bottom:10px!important;left:10px!important;right:10px!important}.app.wt-watching:has(.panel.open) .call-grid.has-big{right:calc(min(380px,100%) + 10px)!important}.app.wt-watching .call-grid figure.big{max-height:calc(100vh - var(--top-h) - 40px);width:100%;margin:auto}.wt-guide{background:#7c5cff14;border:1px solid #7c5cff40;border-radius:12px;gap:6px;margin:4px 12px 10px;padding:10px 12px;font-size:13px;line-height:1.45;list-style:none;display:grid}.wt-guide li.h{font-size:13.5px;font-weight:800}.wt-guide li:not(.h):not(.warn):before{content:"○ ";color:var(--muted)}.wt-guide li.done:before{content:"✓ "!important;color:#16a34a!important}.wt-guide li.now{font-weight:700}.wt-guide li.now:before{content:"▶ "!important;color:var(--accent)!important}.wt-guide li.warn{color:#c2410c;font-weight:700}.wt-link{background:#7f7f7f26;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11.5px}.wt-link.connected{color:#15803d;background:#16a34a26}.wt-link.failed{color:#b91c1c;background:#dc26261f}.call-grid .tile-state{text-align:center;color:#fff;pointer-events:none;background:#00000059;place-items:center;padding:16px;font-size:14px;font-weight:600;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.call-grid figure:not(.big) .tile-state{padding:6px;font-size:10.5px}.call-grid .tile-unmute{background:var(--accent,#6d5efc);color:#fff;cursor:pointer;z-index:2;border:0;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;position:absolute;bottom:14%;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.call-grid figure:not(.big) .tile-unmute{padding:5px 10px;font-size:11px}.call-grid .tile-sub{color:#fff;text-align:center;white-space:pre-line;text-shadow:0 1px 3px #000;pointer-events:none;z-index:1;background:#0000008c;border-radius:6px;max-width:92%;padding:.15em .5em;font-size:clamp(15px,2.4vw,34px);font-weight:600;line-height:1.35;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.call-grid figure:not(.big) .tile-sub{font-size:10px;bottom:4px}.call-grid .tile-sub[hidden]{display:none}.wt-edge{z-index:31;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141224d1;border:1px solid #ffffff29;border-right:0;border-radius:12px 0 0 12px;flex-direction:column;align-items:center;gap:6px;padding:12px 7px;font:600 12px/1.2 inherit;transition:right .25s,background .2s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-4px 0 18px #0000004d}.wt-edge:hover{background:var(--accent,#6d5efc)}.wt-edge svg{width:18px;height:18px}.wt-edge span{writing-mode:vertical-rl;letter-spacing:.04em}.app:has(.panel.open) .wt-edge{right:min(380px,100%)}@media (max-width:640px){.app:has(.panel.open) .wt-edge{display:none}.wt-edge span{display:none}}.call-grid .tile-tools{z-index:3;opacity:.85;gap:6px;transition:opacity .2s;display:flex;position:absolute;top:10px;right:10px}.call-grid figure.big:hover .tile-tools{opacity:1}.call-grid .tile-tools .ib{color:#fff;background:#0000008c;border:1px solid #ffffff2e;border-radius:10px;width:38px;height:38px}.call-grid .tile-tools .ib:hover{background:#000c}.call-grid .tile-tools svg{width:20px;height:20px}#dlgTv .tv-steps{gap:10px;margin:14px 0;padding-left:22px;line-height:1.5;display:grid}#dlgTv .tv-steps li::marker{color:var(--accent,#6d5efc);font-weight:700}.call-grid.has-big{position:absolute}.call-grid.has-big figure.self:not(.big){aspect-ratio:16/10;z-index:4;border:2px solid #ffffffb3;width:clamp(110px,16%,200px);display:block;position:absolute;bottom:14px;right:14px;box-shadow:0 6px 20px #00000073}.app.wt-watching .board-layer{z-index:14}.call-grid figure.big{overflow:hidden}.call-grid figure.big video{transform:scale(var(--tz,1));transform-origin:50%;transition:transform .2s}.call-grid .tile-tools .ib.tz{width:auto;min-width:38px;padding:0 8px;font:700 15px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wt-sfu{border:1px solid var(--line);background:color-mix(in srgb, var(--accent,#6d5efc) 6%, transparent);border-radius:12px;gap:8px;margin:4px 12px;display:grid}.wt-sfu summary{cursor:pointer;font-size:14px;font-weight:700}.wt-sfu input[type=text],.wt-sfu input[type=password]{border:1px solid var(--line);background:var(--card,transparent);width:100%;color:inherit;border-radius:9px;padding:8px 10px;font:13px ui-monospace,Consolas,monospace}.wt-sfu .sfu-how{gap:2px;margin:0;padding-left:18px;display:grid}.sfu-badge{color:#fff;background:#1f9d55;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11px}.sfu-badge:empty{display:none}.call-grid .tile-sub .xl{display:block}.call-grid .tile-sub .orig{opacity:.75;font-size:.62em;font-weight:500;display:block}.call-grid .tile-tools .ib.tz.on{background:var(--accent,#6d5efc);border-color:#0000}.poll-card{z-index:16;left:16px;bottom:calc(var(--ctl-h,80px) + 12px);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141224eb;border-radius:16px;gap:8px;width:min(360px,100% - 32px);padding:14px;display:grid;position:absolute;box-shadow:0 12px 40px #00000073}.poll-card header,.poll-card footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.poll-card header b{letter-spacing:.04em;color:#c4b5fd;font-size:12px}.poll-card .poll-q{margin:0;font-size:16px;font-weight:700}.poll-opt{color:#fff;font:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;justify-content:space-between;gap:8px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.poll-opt:disabled{cursor:default}.poll-opt .bar{background:#8b5cff59;transition:width .3s;position:absolute;top:0;bottom:0;left:0;right:auto}.poll-opt .lbl,.poll-opt .n{position:relative}.poll-opt .n{font-variant-numeric:tabular-nums;opacity:.85}.poll-opt.mine{border-color:#a78bfa}.poll-opt.right{border-color:#34d399}.poll-opt.right .bar{background:#34d39959}#dlgPoll .poll-opts{gap:6px;margin:8px 0;display:grid}#dlgPoll input{border:1px solid var(--line);background:var(--card,transparent);color:inherit;border-radius:9px;padding:8px 10px}#wtRec.on{color:#fff;background:#e11d48}.stage>.up-canvas{z-index:1;pointer-events:none;background:0 0;position:absolute}.stage>#video.upscaled{opacity:0}.tabpane.sc-pane{flex-direction:column;display:flex;position:relative;overflow:hidden}.sc-top{align-items:center;gap:8px;display:flex}.sc-top input{flex:1;min-width:0}.seg{border:1px solid var(--line);border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.seg .btn{background:0 0;border:0;border-radius:0}.seg .btn[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 28%, transparent)}.sc-tools{flex-wrap:wrap;gap:6px;padding-top:0;display:flex}.sc-tools .btn.on{background:color-mix(in srgb, var(--accent) 30%, transparent);border-color:color-mix(in srgb, var(--accent) 70%, transparent)}.sc-chaps{max-height:76px;padding:0 12px 8px;overflow-y:auto}.sc-chaps .chip{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sc-chaps .chip b{opacity:.7;margin-right:2px;font-weight:600}.sc-list{flex:1;min-height:0;margin:0;padding:0 6px 12px;list-style:none;position:relative;overflow-y:auto}.sc-line{cursor:pointer;border-radius:10px;grid-template-columns:52px 1fr;gap:8px;padding:7px 8px;line-height:1.5;display:grid}.sc-line:hover{background:var(--hover)}.sc-line.now{background:color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:inset 3px 0 0 var(--accent)}.sc-t{color:var(--muted,#8a8a99);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.sc-txt{font-size:14.5px}.sc-w{cursor:help;border-radius:4px}.sc-w:hover{background:color-mix(in srgb, var(--accent) 30%, transparent)}.sc-xl{color:var(--muted,#8a8a99);margin-top:2px;font-size:13px;display:block}.sc-xl:empty{display:none}.sc-chap{letter-spacing:.01em;color:var(--accent);margin:14px 8px 4px;font-size:13px;font-weight:800;list-style:none}.sc-chap b{color:var(--muted,#8a8a99);margin-right:6px;font-weight:600}.sc-follow{z-index:2;position:absolute;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000059}.sc-foot{border-top:1px solid var(--line)}.word-pop{z-index:80;background:var(--panel,#1c1c24);color:var(--fg);border:1px solid var(--line);border-radius:14px;gap:8px;padding:12px 14px;display:grid;position:fixed;box-shadow:0 16px 40px #00000073}.word-pop .wp-w{font-size:18px}.word-pop .wp-tr{color:var(--fg);margin:0;font-size:15px}.word-pop .wp-tr:empty{display:none}.word-pop .wp-ctx{color:var(--muted,#8a8a99);margin:0}.words-list{gap:6px;max-height:50vh;margin:8px 0;padding:0;list-style:none;display:grid;overflow-y:auto}.words-list li{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.subs.sc-hide{pointer-events:auto}.subs.sc-hide>span{filter:blur(7px);transition:filter .15s}.subs.sc-hide:hover>span,.subs.sc-hide:focus-within>span{filter:none}.tabs{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs .tab{white-space:nowrap;flex:1 0 auto;padding:10px 8px}.tabs .close{background:var(--panel,inherit);position:sticky;right:0}.sc-chaps{scrollbar-width:thin;flex-wrap:nowrap;max-height:none;padding-bottom:10px;overflow-x:auto}.sc-chaps .chip{flex:none;max-width:240px}.tabs{gap:2px;padding:10px 6px 0}.tabs .tab{padding:10px 5px;font-size:13px}.floating{opacity:var(--float-op,1);transition:opacity .18s}.floating:hover,.floating:focus-within,.floating.float-dragging{opacity:1}.floating.float-moved{top:0;left:0;bottom:auto!important;right:auto!important;transform:none!important}.call-grid.floating,.chat-float.floating{z-index:25}.floating.float-dragging{-webkit-user-select:none;user-select:none;transition:none}.float-grip{color:#ffffffbf;cursor:grab;touch-action:none;pointer-events:auto;background:0 0;border:0;border-radius:8px;flex:none;grid-column:1/-1;place-self:center start;place-items:center;width:22px;height:28px;margin:0 2px 0 -6px;padding:0;display:inline-grid}.float-grip svg{width:16px;height:16px}.float-grip:hover{color:#fff;background:#ffffff24}.float-grip:focus-visible{color:#fff;background:#ffffff24}.float-grip:focus-visible{outline:2px solid var(--accent,#7c5cff);outline-offset:1px}.float-dragging .float-grip{cursor:grabbing}.chat-float .float-grip{background:#0c0c1099;height:22px;margin:0}.chat-float:not(:has(p)) .float-grip{display:none}.call-grid .float-grip{background:#0c0c1099;width:34px;height:20px;margin:0}.float-menu{z-index:80;background:var(--panel,#14141af5);border:1px solid var(--line,#ffffff1f);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:132px;color:var(--fg,#fff);border-radius:12px;gap:2px;padding:6px;display:grid;position:fixed;box-shadow:0 16px 40px #00000073}.float-menu-h{opacity:.7;padding:4px 8px 6px;font-size:12px}.float-menu button{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 10px}.float-menu button:hover{background:#7f7f7f2e;outline:none}.float-menu button:focus-visible{background:#7f7f7f2e;outline:none}.float-menu button[aria-checked=true]:after{content:" ✓"}.float-menu .float-reset{border-top:1px solid var(--line,#ffffff1f);border-radius:0 0 8px 8px;margin-top:4px}@media (prefers-reduced-motion:reduce){.floating{transition:none}}.tip{z-index:75;background:var(--accent,#7c5cff);color:#fff;border-radius:14px;width:min(300px,100vw - 24px);padding:12px 14px 10px;font-size:13.5px;line-height:1.45;animation:.22s ease-out tip-in;position:fixed;box-shadow:0 18px 44px #0000006b}.tip b{margin-bottom:3px;font-size:14.5px;display:block}.tip p{opacity:.95;margin:0 0 8px}.tip-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tip-row button{font:inherit;cursor:pointer;border:0;border-radius:9px;min-height:32px}.tip-ok{color:var(--accent,#7c5cff);background:#fff;padding:6px 14px;font-weight:700}.tip-off{color:#ffffffd9;text-underline-offset:2px;background:0 0;padding:6px 4px;font-size:12.5px;text-decoration:underline}.tip-ok:focus-visible{outline-offset:2px;outline:2px solid #fff}.tip-off:focus-visible{outline-offset:2px;outline:2px solid #fff}.tip-arrow{left:calc(var(--ax,50%) - 7px);background:inherit;border-radius:2px;width:14px;height:14px;position:absolute;bottom:-6px;transform:rotate(45deg)}.tip.below .tip-arrow{top:-6px;bottom:auto}.tip-target{border-radius:12px;box-shadow:0 0 0 3px var(--accent,#7c5cff), 0 0 0 7px #7c5cff47!important}@keyframes tip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tip{animation:none}}