:root{--bg: #f7f6f3;--surface: #ffffff;--surface-2: #eeece7;--surface-3: #e3e0d9;--text: #1c1b19;--muted: #6b665e;--line: #e4e0d8;--accent: #6d3fd1;--accent-text: #ffffff;--accent-soft: #ece4fb;--ok: #1f7a4d;--warn: #8f5400;--warn-soft: #fbf0dc;--danger: #b3261e;--danger-soft: #fbe9e7;--info-soft: #ebf0f7;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #121116;--surface: #1b1a21;--surface-2: #26252e;--surface-3: #32303b;--text: #edecf2;--muted: #a09dab;--line: #2f2d38;--accent: #a888ff;--accent-text: #15141a;--accent-soft: #2b2445;--ok: #5fd39a;--warn: #f0b45a;--warn-soft: #36291a;--danger: #ff8a80;--danger-soft: #3a1e1c;--info-soft: #1d2533;color-scheme:dark}}:root[data-theme=dark]{--bg: #121116;--surface: #1b1a21;--surface-2: #26252e;--surface-3: #32303b;--text: #edecf2;--muted: #a09dab;--line: #2f2d38;--accent: #a888ff;--accent-text: #15141a;--accent-soft: #2b2445;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.i{flex:none;display:block}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-2);border:none;border-radius:999px;padding:7px 14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s}button:hover:not(:disabled){background:var(--surface-3)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--text);color:var(--bg);font-weight:600}button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--text) 82%,var(--bg))}button.danger{color:var(--danger)}button.link{background:none;padding:0;color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;background:transparent;color:var(--text)}.icon:hover:not(:disabled){background:var(--surface-2)}a.icon:hover{text-decoration:none}.icon.danger{color:var(--danger)}.icon.on{color:var(--accent);background:var(--accent-soft)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 11px;width:100%;min-width:0}input:hover,select:hover,textarea:hover{border-color:var(--surface-3)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}input[type=file]{padding:10px;border-style:dashed}input[aria-invalid=true]{border-color:var(--danger)}.muted{color:var(--muted)}.small{font-size:13px}.spacer{flex:1}.hint{display:block;font-size:12.5px;color:var(--muted);margin-top:4px}.field-error{display:block;font-size:12px;color:var(--danger);margin-top:2px}.app{min-height:100vh}.app.has-player{padding-bottom:120px}main{max-width:1080px;margin:0 auto;padding:20px 16px 48px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:8px 16px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{background:none;font-weight:800;font-size:17px;padding:6px 4px;gap:8px;border-radius:8px}.brand:hover:not(:disabled){background:none}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-text)}.topbar .search-wrap{flex:1;max-width:560px;margin:0 auto}.topbar-actions{display:flex;gap:4px}.search-wrap{position:relative;display:block}.search-wrap .i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search{padding:9px 16px 9px 40px;border-radius:999px;background:var(--surface)}.banner{padding:10px 14px;border-radius:12px;margin:10px 0;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.banner.warn{background:var(--warn-soft);color:var(--warn)}.banner.info{background:var(--info-soft)}.app>.banner{margin:10px 16px}.home-head{display:flex;gap:8px;justify-content:space-between;align-items:center;margin:4px 0 8px}.group-title{font-size:20px;font-weight:800;margin:0}.home section+section .group-title{margin-top:32px}.tag{font-size:12px;padding:1px 7px;border-radius:4px;background:var(--warn-soft);color:var(--warn)}.vis-icon{display:inline-flex;color:var(--muted)}.empty{text-align:center;padding:48px 0;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:12px}.hits{margin-top:32px}.hits h2{font-size:16px}.hit{display:grid;grid-template-columns:minmax(80px,160px) 1fr auto;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);align-items:center}.hit-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desc{white-space:pre-line}.toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 0}.toolbar.sticky{position:sticky;top:52px;z-index:5;background:var(--bg)}.toggle{display:inline-flex;gap:6px;align-items:center;cursor:pointer}.toast{position:fixed;left:50%;bottom:140px;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:8px;z-index:30;font-size:14px}.memo{font-size:12.5px;color:var(--muted);width:100%}.spoiler{display:inline-block;height:.8em;padding:0;border-radius:3px;vertical-align:middle;background:color-mix(in srgb,var(--muted) 30%,transparent)}.spoiler:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 40%,transparent)}.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--text);white-space:nowrap}a.chip:hover{text-decoration:none;background:var(--surface-3)}.badge{font-size:11.5px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.badge.ok{color:var(--ok)}.badge.dead{background:var(--danger-soft);color:var(--danger)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:40}.dialog{background:var(--bg);width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:20px;padding:18px 20px 22px;outline:none}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0;font-size:18px}.tabs{display:flex;gap:4px;margin:14px 0 6px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button{border-bottom:2px solid transparent;border-radius:0;background:none;padding:8px 10px;color:var(--muted)}.tabs button:hover:not(:disabled){background:none;color:var(--text)}.tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.tab-body{display:flex;flex-direction:column;gap:12px;padding-top:8px}.tab-body p{margin:0}.steps{margin:0;padding-left:20px}.preview{margin:0;padding-left:20px;max-height:240px;overflow:auto;font-size:14px}.pick-list{list-style:none;padding:0;border-radius:12px;background:var(--surface)}.pick-list li{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-top:1px solid var(--line)}.pick-list li:first-child{border-top:none}.pick-list li.dead .pick-title{text-decoration:line-through;color:var(--muted)}.pick-title{min-width:0;overflow-wrap:anywhere}.radio-row{display:flex;flex-wrap:wrap;gap:6px 16px}.radio-row label{display:inline-flex;gap:6px;align-items:center}.button-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.source-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.source-list li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.source-list b{min-width:92px}details summary{cursor:pointer;color:var(--muted);font-size:14px}.player{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:center;padding:8px 16px;background:var(--surface);box-shadow:0 -1px 0 var(--line),0 -8px 24px #0000000f}.player-info{display:flex;flex-direction:column;min-width:0}.player-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{display:flex;gap:6px;align-items:center}button.player-info{border:none;background:none;text-align:left;padding:0}.player .yt-host.mini{width:160px;height:90px;border-radius:8px;overflow:hidden;background:#000}.cover{position:relative;display:block;aspect-ratio:16 / 9;width:100%;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,hsl(var(--hue, 260) 45% 32%),hsl(calc(var(--hue, 260) + 40) 55% 18%))}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-title{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:10%;text-align:center;color:#fff;font-weight:800;font-size:clamp(16px,2.2vw,26px);line-height:1.25;text-shadow:0 2px 12px rgb(0 0 0 / .35);overflow-wrap:anywhere}.cover-badge{position:absolute;right:6px;bottom:6px;background:#000000c7;color:#fff;font-size:12px;font-weight:600;padding:1px 6px;border-radius:5px}.cover-drop{position:relative;display:block;border-radius:12px;outline-offset:3px}.cover-drop.over:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 18%,transparent);pointer-events:none}.drop-hint,.drop-msg{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;padding:6px 10px;border-radius:8px;font-size:13px;text-align:center;pointer-events:none}.drop-hint{background:var(--accent);color:var(--accent-text);font-weight:600}.drop-msg{background:var(--danger-soft);color:var(--danger)}.results{display:flex;flex-direction:column;gap:16px}.result{display:grid;grid-template-columns:minmax(200px,360px) 1fr;gap:16px;align-items:start;padding:0;border:none;background:none;text-align:left;white-space:normal;border-radius:12px}.result:hover .result-title{color:var(--accent)}.result-body{display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:2px}.result-title{font-size:18px;font-weight:700;line-height:1.3}.result-subtitle{font-size:14px;color:var(--muted)}.result-meta{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.result-channel{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);margin:4px 0}.avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700}.result-desc{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}main:has(.watch){max-width:1400px}.watch{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}.stage{aspect-ratio:16 / 9;width:100%;border-radius:16px;overflow:hidden;background:#000}.stage>.cover-drop,.stage .cover{height:100%;border-radius:0}.stage-cover{position:relative;display:block;width:100%;height:100%;padding:0;border:none;border-radius:0;background:none}.stage-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:50px;border-radius:14px;display:grid;place-items:center;background:#000000b3;color:#fff;font-size:22px;transition:background .15s}.stage-cover:hover .stage-play{background:#e62117}.yt-host,.yt-host iframe{width:100%;height:100%;display:block;border:0}.now-playing{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:center;padding:10px 2px 0}.now-text{display:flex;flex-direction:column;min-width:0}.now-title{font-weight:600}.now-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.watch-title{font-size:22px;line-height:1.3;margin:14px 0 0}.watch-subtitle{margin:2px 0 0;color:var(--muted)}.watch-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:6px 0 4px;font-size:14px}.desc-box{background:var(--surface-2);border-radius:12px;padding:12px 14px;margin-top:12px}.desc-box p{margin:0 0 6px}.desc-box p:last-child{margin:0}.playlist{position:sticky;top:64px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;border-radius:16px;background:var(--surface);overflow:hidden}.app.has-player .playlist{max-height:calc(100vh - 190px)}.playlist-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 10px 10px 16px}.playlist-items{overflow-y:auto;padding:4px 0 8px}.pl-part{position:sticky;top:0;z-index:1;padding:8px 14px 4px;font-size:12.5px;font-weight:700;color:var(--accent);background:var(--surface);white-space:pre-line}.pl-section{padding:2px 14px;font-size:12px;color:var(--muted);white-space:pre-line}.pl-item{display:grid;grid-template-columns:22px 100px 1fr;gap:8px;align-items:start;padding:6px 10px 6px 4px}.pl-item.playable{cursor:pointer}.pl-item.playing{background:var(--accent-soft)}.pl-index{font-size:12px;color:var(--muted);text-align:center;padding-top:18px}.pl-item.playing .pl-index{color:var(--accent)}.pl-thumb{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--surface-2);display:block}.pl-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pl-thumb-empty{display:grid;place-items:center;height:100%;font-size:11px;color:var(--muted)}.pl-text{display:flex;flex-direction:column;gap:3px;min-width:0}.pl-title{font-size:13.5px;font-weight:600;line-height:1.35;text-align:left;padding:0;border:none;background:none;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.pl-sub{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12px;color:var(--muted);white-space:pre-line}.pl-text .memo{font-size:11.5px}button.chip{padding:3px 10px;font-weight:500}.link-inline{display:flex;gap:4px;margin-top:4px}.link-inline input{padding:4px 8px;font-size:13px}.link-inline button{padding:4px 10px;font-size:13px}.volume{display:inline-flex;align-items:center;gap:4px}.volume input[type=range]{width:90px;padding:0;border:none;background:none;accent-color:var(--accent)}.file-button{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 14px;background:var(--surface-2);cursor:pointer;font-weight:500;color:var(--text)}.file-button:hover{background:var(--surface-3)}@media (max-width: 1000px){.watch{grid-template-columns:1fr}.playlist{position:static;max-height:70vh}}@media (max-width: 760px){.result{grid-template-columns:1fr;gap:10px}.volume input[type=range]{width:70px}.topbar{flex-wrap:wrap}.hit{grid-template-columns:1fr auto}.hit .link{grid-column:1 / -1;justify-self:start}.player{grid-template-columns:112px 1fr}.player .yt-host.mini{width:112px;height:63px}.player-controls{grid-column:1 / -1;justify-content:flex-end}.app.has-player{padding-bottom:150px}}:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #f2f2f2;--surface-3: #e5e5e5;--text: #0f0f0f;--muted: #606060;--line: #e5e5e5;--accent: #065fd4;--accent-soft: #def1ff;--brand: #ff0033;--topbar-h: 56px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f0f0f;--surface: #0f0f0f;--surface-2: #272727;--surface-3: #3f3f3f;--text: #f1f1f1;--muted: #aaaaaa;--line: #3f3f3f;--accent: #3ea6ff;--accent-soft: #263850}}:root[data-theme=dark]{--bg: #0f0f0f;--surface: #0f0f0f;--surface-2: #272727;--surface-3: #3f3f3f;--text: #f1f1f1;--muted: #aaaaaa;--line: #3f3f3f;--accent: #3ea6ff;--accent-soft: #263850}body{font-family:Roboto,Pretendard,Apple SD Gothic Neo,Malgun Gothic,Arial,sans-serif;font-size:14px}.topbar{height:var(--topbar-h);padding:0 16px;gap:16px;justify-content:space-between;background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-start,.topbar-end{display:flex;align-items:center;gap:4px;flex:none}.topbar-start{min-width:168px}.brand{font-size:18px;font-weight:700;letter-spacing:-.4px;gap:4px;padding:0 10px;height:40px}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--text);color:var(--bg);font-size:16px;font-weight:800;letter-spacing:-.5px;line-height:1}.searchbox{flex:0 1 640px;display:flex;height:40px;margin:0 auto}.searchbox input{flex:1;height:40px;padding:0 16px;border:1px solid var(--line);border-right:none;border-radius:40px 0 0 40px;background:var(--bg);font-size:16px}.searchbox input:focus{border-color:var(--accent);outline:none;box-shadow:inset 0 1px 2px #0000001a}.searchbox button{width:64px;height:40px;border:1px solid var(--line);border-radius:0 40px 40px 0;background:var(--surface-2)}.guide{position:fixed;top:var(--topbar-h);left:0;bottom:0;z-index:8;overflow-y:auto;background:var(--bg);padding:12px}.guide.full{width:240px}.guide.mini{width:72px;padding:4px}.guide-item{width:100%;justify-content:flex-start;gap:24px;height:40px;padding:0 12px;border-radius:10px;background:none;font-weight:400;text-align:left}.guide-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-item:hover:not(:disabled){background:var(--surface-2)}.guide-item.active{background:var(--surface-2);font-weight:600}.guide.mini .guide-item{flex-direction:column;height:74px;gap:6px;padding:14px 0;justify-content:center;font-size:10px;border-radius:10px}.guide-section{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.guide-section h3{font-size:16px;font-weight:600;margin:0 0 4px;padding:6px 12px}.guide-section .guide-item{gap:16px}.guide-thumb{width:24px;height:24px;flex:none;aspect-ratio:1;border-radius:50%}.guide-thumb .cover-title,.guide-thumb .cover-badge{display:none}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000080}.guide.drawer{top:0;z-index:51;box-shadow:4px 0 24px #0003;padding-top:0}.drawer-head{display:flex;align-items:center;gap:4px;height:var(--topbar-h);padding:0 4px;margin-bottom:4px}main{max-width:none;margin:0;padding:0 24px 48px}.app.guide-open:not(.is-watch) main{margin-left:240px}.app.guide-mini:not(.is-watch) main{margin-left:72px}.app.is-watch main{max-width:1754px;margin:0 auto;padding:24px 24px 48px}.chips{position:sticky;top:var(--topbar-h);z-index:5;display:flex;gap:12px;padding:12px 0;background:var(--bg);overflow-x:auto}.fchip{padding:0 12px;height:32px;border-radius:8px;background:var(--surface-2);font-weight:500}.fchip.on,.fchip.on:hover:not(:disabled){background:var(--text);color:var(--bg)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px 16px;padding-top:12px}@media (min-width: 1700px){.grid{grid-template-columns:repeat(4,1fr)}}.card{min-width:0}.card-thumb{display:block;width:100%;padding:0;background:none;border-radius:12px}.card-thumb:hover:not(:disabled){background:none}.card .cover{border-radius:12px}.card-body{display:flex;gap:12px;padding-top:12px}.card-text{display:flex;flex-direction:column;min-width:0;flex:1}.card-more{margin:-6px -8px 0 0;opacity:0}.card:hover .card-more,.card-more[aria-expanded=true],.card-more:focus-visible{opacity:1}@media (hover: none){.card-more{opacity:1}}.menu button.danger{color:var(--danger)}.card-title{padding:0;background:none;justify-content:flex-start;text-align:left;white-space:normal;font-size:16px;font-weight:600;line-height:22px;border-radius:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-title:hover:not(:disabled){background:none}.card-sub,.meta{font-size:14px;color:var(--muted);line-height:20px}.meta{display:inline-flex;align-items:center;gap:4px}.avatar{width:36px;height:36px;flex:none;font-size:15px;background:var(--surface-3);color:var(--text)}.avatar.ghost{display:inline-grid;place-items:center;border-radius:50%;color:var(--muted)}.empty{padding:80px 0}.search-results{max-width:1096px;margin:0 auto;padding-top:16px;display:flex;flex-direction:column;gap:16px}.result{grid-template-columns:minmax(240px,500px) 1fr}.result:hover:not(:disabled){background:none}.result:hover .result-title{color:inherit}.result .cover{border-radius:12px}.result-title{font-size:18px;font-weight:400;line-height:26px}.channel{display:inline-flex;align-items:center;gap:8px;margin:12px 0;color:var(--muted);font-size:12px}.channel .avatar{width:24px;height:24px;font-size:11px}.result-desc{font-size:12px}.watch{grid-template-columns:minmax(0,1fr) 402px;gap:24px}.stage{border-radius:12px}.player-bar{display:flex;align-items:center;gap:4px;padding:8px 0 0}.player-bar-pos{font-size:13px;color:var(--muted);margin-left:8px}.watch-title{font-size:20px;font-weight:700;line-height:28px;margin:12px 0 0;overflow-wrap:anywhere}.watch-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.owner{display:flex;align-items:center;gap:12px;min-width:0}.owner-thumb{width:40px;height:40px;flex:none;aspect-ratio:1;border-radius:50%}.owner-thumb .cover-title,.owner-thumb .cover-badge{display:none}.owner-text{display:flex;flex-direction:column;min-width:0;margin-right:12px}.owner-name{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.owner-sub{font-size:12px;color:var(--muted)}.owner .primary{height:36px;padding:0 16px}.actions{display:flex;align-items:center;gap:8px}.actions>button,.actions .menu-wrap>button:not(.icon){height:36px;padding:0 16px}.actions .icon{background:var(--surface-2)}.actions .icon:hover:not(:disabled){background:var(--surface-3)}.desc-box{background:var(--surface-2);border-radius:12px;padding:12px;margin-top:12px;font-size:14px}.desc-box .desc-meta{font-weight:600}.desc-box a{overflow-wrap:anywhere}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:220px;padding:8px 0;background:var(--bg);border-radius:12px;box-shadow:0 4px 32px #0000001a,0 0 0 1px var(--line)}.menu button{width:100%;justify-content:flex-start;gap:16px;height:36px;padding:0 16px;border-radius:0;background:none;font-weight:400}.menu button:hover:not(:disabled){background:var(--surface-2)}.playlist{border:1px solid var(--line);border-radius:12px;background:var(--bg);top:calc(var(--topbar-h) + 24px)}.playlist-head{padding:12px 8px 8px 16px;background:var(--surface-2)}.playlist-title strong{font-size:20px;font-weight:700;display:block}.pl-part{background:var(--bg);color:var(--muted);font-weight:600}.pl-item.playing{background:var(--surface-3)}.pl-item.playable:hover{background:var(--surface-2)}.pl-index{color:var(--muted)}.pl-item.playing .pl-index{color:var(--text)}.pl-title{font-size:14px}.icon.on{color:var(--text);background:var(--surface-3)}.app.has-player{padding-bottom:0}.player{left:auto;right:16px;bottom:16px;width:400px;padding:0 0 8px;border-radius:12px;overflow:hidden;grid-template-columns:1fr;gap:0;background:var(--surface-2);box-shadow:0 4px 32px #00000040}.player .yt-host.mini{width:100%;height:auto;aspect-ratio:16 / 9;border-radius:0}.player-info{padding:10px 12px 2px;align-items:flex-start;justify-content:flex-start;min-width:0}.player-info .player-title{max-width:100%}.player-controls{padding:0 4px;flex-wrap:wrap}button.primary{border-radius:18px}.chip{background:var(--surface-2)}.toast{border-radius:8px;bottom:24px;left:24px;transform:none}@media (max-width: 1100px){.app.guide-open:not(.is-watch) main,.app.guide-mini:not(.is-watch) main{margin-left:72px}.guide.full:not(.drawer){width:72px;padding:4px}.guide.full:not(.drawer) .guide-item{flex-direction:column;height:74px;gap:6px;padding:14px 0;justify-content:center;font-size:10px}.guide.full:not(.drawer) .guide-section{display:none}}@media (max-width: 760px){.topbar{gap:8px;padding:0 8px;flex-wrap:nowrap}.searchbox{flex:1 1 auto;min-width:0}.searchbox input{min-width:0;font-size:15px}.topbar-start{min-width:0}.brand{font-size:0;gap:0;padding:0 6px}.topbar-end .icon:not(:first-child){display:none}.searchbox button{width:48px}.guide:not(.drawer){display:none}.app.guide-open:not(.is-watch) main,.app.guide-mini:not(.is-watch) main{margin-left:0}main,.app.is-watch main{padding:0 12px 48px}.app.is-watch main{padding-top:0}.app.is-watch .stage{margin:0 -12px;border-radius:0}.grid{grid-template-columns:1fr;gap:24px}.card .cover{border-radius:0}.card-thumb,.card .cover-drop{margin:0 -12px;border-radius:0}.result{grid-template-columns:1fr}.actions{overflow-x:auto;max-width:100%}.player{right:8px;left:8px;width:auto;bottom:8px;grid-template-columns:128px 1fr;padding:0}.player .yt-host.mini{width:128px}.player-controls{grid-column:1 / -1;padding:4px}}.hashtags{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 4px}.hashtags .link{font-weight:500}.tag-input{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:40px;padding:5px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px}.tag-input:focus-within{border-color:var(--accent)}.tag-input input{flex:1;min-width:120px;border:none;padding:4px;background:none}.tag-input input:focus-visible{outline:none}.tag-chip{display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 4px 0 10px;border-radius:8px;background:var(--surface-2)}.tag-chip button{width:22px;height:22px;padding:0;border-radius:50%;background:none}.tag-chip button:hover:not(:disabled){background:var(--surface-3)}label.block{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}label.block>input,label.block>select{color:var(--text);font-size:15px}.ed{max-width:1180px;margin:0 auto}.ed-bar{position:sticky;top:var(--topbar-h);z-index:6;display:flex;align-items:center;gap:8px;padding:10px 0;background:var(--bg);border-bottom:1px solid var(--line)}.ed-bar-title{display:flex;flex-direction:column;min-width:0;line-height:1.3}.ed-bar-title span{font-size:12px;color:var(--muted)}.ed-bar-title strong{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52vw}.ed-dirty{font-size:13px;color:var(--warn);margin-right:4px;display:inline-flex;align-items:center;gap:6px}.ed-dirty:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.ed-bar button:not(.icon){height:36px;padding:0 18px}.ed-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:20px}.ed-tabs button{height:48px;padding:0 16px;border-radius:0;background:none;font-size:15px;font-weight:500;color:var(--muted);border-bottom:3px solid transparent;gap:8px}.ed-tabs button:hover:not(:disabled){background:none;color:var(--text)}.ed-tabs button.on{color:var(--text);border-bottom-color:var(--text)}.ed-count{font-size:12px;font-weight:600;padding:1px 7px;border-radius:10px;background:var(--surface-2);color:var(--muted)}.ed-count.warn{background:var(--warn-soft);color:var(--warn)}.ed-error{margin-top:-8px;margin-bottom:16px}.ed-info{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.ed-fields{display:flex;flex-direction:column;gap:22px}.ed-field{display:flex;flex-direction:column;gap:6px}.ed-label{font-size:14px;font-weight:600;color:var(--text)}.ed-req{color:var(--danger);margin-left:3px}.ed-note{font-size:13px;color:var(--muted)}.ed-field input,.ed-field select,.ed-field textarea{font-size:15px;padding:10px 12px}.ed-field textarea{resize:vertical;line-height:1.6}.ed-field .tag-input{min-height:44px}.ed-more{border-top:1px solid var(--line);padding-top:14px}.ed-more summary{font-size:14px;font-weight:600;color:var(--text);padding:4px 0}.ed-more summary .muted{font-weight:400;margin-left:6px}.ed-more-body{display:flex;flex-direction:column;gap:22px;padding-top:18px}.ed-danger{border-top:1px solid var(--line);padding-top:18px}.ed-danger button{background:var(--danger-soft)}.ed-preview{position:sticky;top:calc(var(--topbar-h) + 72px);display:flex;flex-direction:column;gap:10px}.ed-preview .cover{border-radius:12px}.ed-card-preview{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding:14px;border-radius:12px;background:var(--surface-2);font-size:14px;color:var(--muted)}.ed-card-preview strong{color:var(--text);font-size:16px;margin-top:4px}.ed-card-preview .ed-label{font-size:12px;color:var(--muted);font-weight:500}.ed-tracks-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ed-tracks-bar button.on{background:var(--text);color:var(--bg)}.ed-paste{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;padding:16px;margin-bottom:20px;border-radius:12px;background:var(--surface-2)}.ed-paste textarea{font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.6}.ed-paste-side{display:flex;flex-direction:column;gap:6px;font-size:13px}.ed-paste-side p{margin:0}.ed-paste-side code{font-size:12px;padding:1px 6px;border-radius:4px;background:var(--bg)}.ed-paste-side button{margin-top:auto}.ed-group{margin-bottom:28px}.ed-part,.ed-sub,.ed-row-fields input{border:1px solid transparent;background:transparent;border-radius:8px}.ed-part:hover,.ed-sub:hover,.ed-row-fields input:hover{background:var(--surface-2)}.ed-part:focus,.ed-sub:focus,.ed-row-fields input:focus{outline:none;border-color:var(--accent);background:var(--bg)}.ed-part{font-size:18px;font-weight:700;padding:6px 10px;margin-left:-10px}.ed-sub{font-size:14px;font-weight:600;color:var(--muted);padding:4px 10px;margin:6px 0 2px 38px;width:calc(100% - 38px)}.ed-section{margin-top:4px}.ed-sub:placeholder-shown{height:10px;padding-top:0;padding-bottom:0;opacity:0;transition:height .12s}.ed-section:hover>.ed-sub:placeholder-shown,.ed-sub:placeholder-shown:focus{height:30px;opacity:1}.ed-row{display:grid;grid-template-columns:30px 72px minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 6px;border-radius:10px}.ed-row:hover,.ed-row:focus-within{background:var(--surface-2)}.ed-row:focus-within .ed-row-fields input:not(:focus){background:var(--bg)}.ed-row.bad{background:var(--danger-soft)}.ed-n{font-size:13px;color:var(--muted);text-align:right;padding-top:10px}.ed-thumb{width:72px;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:var(--surface-3);display:grid;place-items:center;color:var(--muted);margin-top:2px}.ed-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ed-row-fields{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.4fr) minmax(0,1.4fr);gap:6px;align-items:center}.ed-row-fields input{font-size:14px;padding:8px 10px;width:100%}.ed-scene{color:var(--muted)}.ed-title{font-weight:500}.ed-url{position:relative;display:flex;align-items:center;gap:6px}.ed-url input{color:var(--accent)}.ed-row-error{grid-column:1 / -1;padding-left:10px}.ed-extra{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.ed-row-actions{display:flex;align-items:center;gap:0;opacity:.35}.ed-row:hover .ed-row-actions,.ed-row:focus-within .ed-row-actions{opacity:1}.ed-row-actions .icon{width:32px;height:32px}.ed-add{margin:4px 0 0 112px;height:34px;background:none;color:var(--muted)}.ed-add:hover:not(:disabled){color:var(--text);background:var(--surface-2)}@media (max-width: 900px){.ed-info{grid-template-columns:1fr}.ed-preview{position:static}.ed-row-fields{grid-template-columns:1fr 1fr}.ed-url{grid-column:1 / -1}}@media (max-width: 600px){.ed-bar-title strong{max-width:40vw;font-size:16px}.ed-bar>button:not(.icon):not(.primary){display:none}.ed-row{grid-template-columns:52px minmax(0,1fr) auto}.ed-n{display:none}.ed-thumb{width:52px}.ed-row-fields{grid-template-columns:1fr}.ed-row-actions{opacity:1;flex-direction:column}.ed-row-actions .icon:not(.menu-wrap .icon):not(.ed-find){display:none}.ed-sub{margin-left:0;width:100%}.ed-add{margin-left:0}.ed-paste,.ed-extra{grid-template-columns:1fr}}.cover:has(img){background:#000}.cover img{object-fit:contain}.avatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;flex:none;padding:0;font-weight:700;background:var(--surface-3);color:var(--text)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}button.avatar:hover:not(:disabled){background:var(--surface-3);filter:brightness(.95)}.topbar-me{padding:0}.card-author{padding:0;background:none;border-radius:0;justify-content:flex-start;font-weight:400}.card-author:hover:not(:disabled){background:none;color:var(--text)}.result-version{color:var(--muted);font-weight:400}.link-plain{padding:0;background:none;border-radius:0;justify-content:flex-start}.link-plain:hover:not(:disabled){background:none;text-decoration:underline}.sort{display:flex;flex:none;gap:0;border-radius:8px;background:var(--surface-2);padding:2px}.sort button{height:28px;padding:0 10px;border-radius:6px;background:none;font-size:13px;color:var(--muted)}.sort button.on{background:var(--bg);color:var(--text);box-shadow:0 1px 2px #0000001a}.versions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.fchip-count{font-size:12px;opacity:.6;margin-left:2px}.versions .menu-wrap>.fchip.ghost{background:none;border:1px dashed var(--surface-3);color:var(--muted)}.versions .menu-wrap>.fchip.ghost:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.channel-page{max-width:1284px;margin:0 auto;padding-top:24px}.channel-head{display:flex;align-items:center;gap:24px;padding:8px 0 20px}.channel-info h1{margin:0;font-size:32px;font-weight:700}.channel-info p{margin:4px 0 12px}.channel-tabs{border-bottom:1px solid var(--line);margin-bottom:20px}.channel-tabs>span{display:inline-block;padding:12px 4px;font-weight:600;border-bottom:2px solid var(--text)}.profile-dialog{width:min(480px,100%)}.profile-edit{display:flex;gap:20px;align-items:flex-start;margin:16px 0}.profile-photo{border-radius:50%;flex:none}.profile-photo-btn{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--surface-3);cursor:pointer;font-size:36px;font-weight:700;color:var(--muted)}.profile-photo-btn img{width:100%;height:100%;object-fit:cover}.profile-edit .ed-field{flex:1}.profile-actions{margin-top:8px}.playlist-head{flex-wrap:wrap}.pl-search{position:relative;flex-basis:100%;display:block;margin:4px 8px 0 0}.pl-search .i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted)}.pl-search input{height:34px;padding:0 10px 0 32px;border-radius:17px;font-size:13px;background:var(--bg)}button.pl-part{width:100%;justify-content:flex-start;gap:6px;border-radius:0;text-align:left}button.pl-part:hover:not(:disabled){background:var(--surface-2)}.pl-part-count{margin-left:auto;font-weight:400;font-size:12px}.pl-empty{padding:16px;color:var(--muted);text-align:center;margin:0}.ed-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tag-picker{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px}.tag-group{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start}.tag-group-name{font-size:13px;color:var(--muted);padding-top:6px}.tag-options{display:flex;flex-wrap:wrap;gap:6px}.tag-option{height:30px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:500;gap:4px}.tag-option.on{background:var(--text);color:var(--bg)}.tag-option.on:hover:not(:disabled){background:var(--text)}.tag-picker .tag-input{min-height:36px;padding:3px 6px}@media (max-width: 600px){.ed-row2{grid-template-columns:1fr}.channel-head{flex-direction:column;text-align:center}.channel-head .button-row{justify-content:center}}.sf-overlay{align-items:start;padding-top:6vh}.sf{width:min(760px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--bg);border-radius:12px;box-shadow:0 8px 40px #00000040;overflow:hidden}.sf-head{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--line)}.sf-search{flex:1;display:flex;align-items:center;gap:8px;height:40px;padding:0 4px 0 14px;border:1px solid var(--line);border-radius:20px}.sf-search:focus-within{border-color:var(--accent)}.sf-search .i{color:var(--muted)}.sf-search input{flex:1;border:none;padding:0;background:none;font-size:15px}.sf-search input:focus-visible{outline:none}.sf-search button{height:32px;padding:0 14px}.sf-target{margin:0;padding:10px 16px;font-size:13px;background:var(--surface-2)}.sf-preview{aspect-ratio:16 / 9;max-height:240px;background:#000;display:flex;justify-content:center}.sf-preview iframe{height:100%;aspect-ratio:16 / 9;border:0}.sf-body{overflow-y:auto;padding:4px 16px 16px}.sf-body section{padding-top:12px}.sf-body h3{font-size:16px;font-weight:600;margin:0 0 6px}.sf-body h3 .muted{font-size:13px;font-weight:400}.sf-empty{color:var(--muted);font-size:13px;margin:4px 0 8px}.sf-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:12px;align-items:center;padding:6px;margin:0 -6px;border-radius:8px}.sf-row:hover,.sf-row.previewing{background:var(--surface-2)}.sf-thumb{position:relative;display:block;padding:0;width:120px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000}.sf-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sf-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#00000059;opacity:0;transition:opacity .15s}.sf-thumb:hover .sf-play,.sf-row.previewing .sf-play{opacity:1}.sf-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sf-title{font-size:14px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-sub{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sf-noext{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:10px 12px;border-radius:8px;background:var(--surface-2);font-size:13px}.sf-noext p{margin:0}.sf-paste{display:flex;gap:8px}.ed-find-strong{color:var(--accent)}@media (max-width: 600px){.sf-overlay{padding:0;align-items:stretch}.sf{max-height:none;height:100%;border-radius:0}.sf-row{grid-template-columns:96px minmax(0,1fr)}.sf-thumb{width:96px}.sf-row>button:last-child{grid-column:2;justify-self:start;height:32px}}:root{--h-btn: 36px;--h-chip: 32px;--h-chip-sm: 28px;--r-chip: 8px;--r-field: 8px;--r-card: 12px;--ease: cubic-bezier(.05, 0, 0, 1);--ease-out: cubic-bezier(.2, 0, 0, 1)}button:where(:not([class]),[class=primary],[class=danger],[class=on],[class=""]){height:var(--h-btn);padding:0 16px;border-radius:18px;font-size:14px}.icon{width:40px;height:40px}.ed-row-actions .icon,.player-bar .icon,.now-controls .icon,.player-controls .icon{width:36px;height:36px}.fchip{height:var(--h-chip);border-radius:var(--r-chip);padding:0 12px;font-size:14px}.chip,button.chip{height:var(--h-chip-sm);border-radius:14px;padding:0 10px;font-size:12px;font-weight:500}.tag-option{height:var(--h-chip);border-radius:var(--r-chip)}input,select,textarea{border-radius:var(--r-field)}.searchbox input{border-radius:40px 0 0 40px}.badge{border-radius:4px}.dialog,.sf,.menu,.playlist,.desc-box,.ed-paste,.tag-picker,.banner{border-radius:var(--r-card)}.dialog{padding:0;background:var(--bg);box-shadow:0 8px 40px #00000040}.dialog-head{padding:16px 16px 8px 24px}.dialog-head h2{font-size:20px;font-weight:700}.dialog .tabs{margin:0;padding:0 16px;gap:8px}.dialog .tabs button{height:48px;padding:0 12px;font-size:14px;font-weight:500;border-bottom-width:3px}.dialog .tabs button.active{border-bottom-color:var(--text);color:var(--text)}.dialog .tab-body,.dialog>.banner,.profile-edit,.profile-actions{margin-left:24px;margin-right:24px}.dialog .tab-body{padding:16px 0 24px}.profile-actions{padding-bottom:20px}.dialog .tab-body textarea,.dialog .tab-body input:not([type=radio]):not([type=checkbox]){font-size:14px}.watch-title{font-size:20px}.group-title,.channel-info h1{letter-spacing:-.2px}button,a.chip,.guide-item,.pl-item,.sf-row,.ed-row,.card-thumb .cover,.fchip,.tag-option,.sort button{transition:background-color .1s linear,color .1s linear,transform .1s var(--ease-out),border-radius .2s var(--ease),opacity .15s linear}button:active:not(:disabled),a.chip:active{transform:scale(.97)}.icon:active:not(:disabled){transform:scale(.92)}.card-thumb:hover .cover{border-radius:8px}.card-more{transition:opacity .15s linear}@keyframes page-in{0%{opacity:0}to{opacity:1}}.page{animation:page-in .2s linear}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.menu{animation:pop-in .12s var(--ease) both;transform-origin:top right}.overlay{animation:fade-in .15s linear both}.dialog,.sf{animation:pop-in .18s var(--ease) both}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:none}}.drawer-overlay{animation:fade-in .2s linear both}.guide.drawer{animation:slide-in .22s var(--ease) both}.guide{transition:width .2s var(--ease)}.app main{transition:margin-left .2s var(--ease)}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.player{animation:rise-in .25s var(--ease) both}.toast{animation:rise-in .2s var(--ease) both}.banner{animation:fade-in .2s linear both}.ed-tabs button,.dialog .tabs button{transition:color .1s linear,border-color .2s var(--ease)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sk{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:6px}.sk-card .sk-thumb{aspect-ratio:16 / 9;border-radius:var(--r-card)}.sk-card .sk-line{height:14px;margin-top:12px;width:80%}.sk-card .sk-line.short{width:50%;margin-top:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pl-item{position:relative;padding-right:40px}.pl-more{position:absolute;top:4px;right:2px;opacity:0;transition:opacity .15s linear}.pl-item:hover .pl-more,.pl-more:focus-within,.pl-more:has([aria-expanded=true]){opacity:1}@media (hover: none){.pl-more{opacity:1}}.pl-more .icon{width:32px;height:32px}.pl-add{width:calc(100% - 16px);margin:8px;height:40px;justify-content:flex-start;gap:12px;padding:0 12px;border-radius:8px;background:none;color:var(--muted);font-weight:500}.pl-add:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.toast{display:flex;align-items:center;gap:16px}.toast-action{height:auto;padding:0;background:none;color:#3ea6ff;font-weight:600;border-radius:0}.toast-action:hover:not(:disabled){background:none;text-decoration:underline}.menu.up{top:auto;bottom:calc(100% + 4px);transform-origin:bottom right}.profile-claim{display:flex;gap:10px;align-items:flex-start;margin:0 24px 12px;padding:12px;border-radius:8px;background:var(--surface-2);font-size:14px;cursor:pointer}.profile-claim input{margin-top:3px}.profile-claim .ed-note{display:block;margin-top:2px}.menu.left{right:auto;left:0;transform-origin:top left}.menu.up.left{transform-origin:bottom left}.menu.menu-floating{position:fixed;right:auto;bottom:auto;z-index:60;max-height:calc(100vh - 16px);overflow-y:auto}.google-url{display:flex;gap:8px}.google-url input{flex:1}.tab-picks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.tab-picks label{display:inline-flex;gap:8px;align-items:center;font-size:14px}.channel-photo{border-radius:50%}.channel-photo-btn{position:relative;display:block;border-radius:50%;cursor:pointer;overflow:hidden}.channel-photo-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:12px;font-weight:600;background:#00000080;opacity:0;transition:opacity .15s linear}.channel-photo-btn:hover .channel-photo-hover,.channel-photo-btn:focus-within .channel-photo-hover{opacity:1}@media (hover: none){.channel-photo-hover{opacity:.85;background:linear-gradient(transparent 55%,#0009);justify-content:flex-end;padding-bottom:12px}}.profile-photo-col{display:flex;flex-direction:column;align-items:center;gap:8px}.profile-upload{font-size:13px}.player{background:var(--bg);box-shadow:0 4px 32px #00000040,0 0 0 1px var(--line);padding:0 0 6px}.player-video{position:relative}.player-corner{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .15s linear}.player:hover .player-corner,.player-corner:focus-within{opacity:1}@media (hover: none){.player-corner{opacity:1}}.player-corner .icon{width:32px;height:32px;color:#fff;background:#0009}.player-corner .icon:hover:not(:disabled){background:#000c}.player-info{padding:10px 12px 4px;gap:2px;width:100%}.player-title{font-size:14px;font-weight:600}.player-sub{font-size:12px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{display:flex;align-items:center;gap:0;padding:0 6px;flex-wrap:nowrap}.volume input[type=range]{accent-color:var(--text);width:80px}.player .volume input[type=range]{width:72px}@media (max-width: 760px){.player{left:8px;right:8px;bottom:8px;width:auto;display:grid;grid-template-columns:112px minmax(0,1fr);padding:0}.player-video{grid-row:1 / span 2;align-self:stretch}.player .yt-host.mini{width:112px;height:100%;min-height:63px;aspect-ratio:auto}.player-corner{top:2px;right:auto;left:2px;opacity:1}.player-corner .icon:first-child{display:none}.player-corner .icon{width:26px;height:26px}.player-info{padding:8px 10px 0}.player-controls{grid-column:2;padding:0 4px}.player-controls .volume input,.player-controls a.icon{display:none}}.channel-tabs{display:flex;gap:8px}.channel-tabs button{height:48px;padding:0 12px;border-radius:0;background:none;font-size:15px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;gap:6px}.channel-tabs button:hover:not(:disabled){background:none;color:var(--text)}.channel-tabs button.on{color:var(--text);border-bottom-color:var(--text)}.ed-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:600;cursor:pointer}.ed-check input{margin-top:3px}.ed-check .ed-note{display:block;font-weight:400;margin-top:2px}.sf-filters{display:flex;gap:8px;padding:10px 16px 0;overflow-x:auto}.sf-row.multi{grid-template-columns:20px 120px minmax(0,1fr) auto}.sf-check{width:18px;height:18px}.sf-dur{position:absolute;right:4px;bottom:4px;padding:0 4px;border-radius:4px;background:#000c;color:#fff;font-size:11px;font-weight:600}.sf-body h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sf-foot{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--line);background:var(--bg)}.sf-foot span{flex:1;font-size:14px;font-weight:600}@media (max-width: 600px){.sf-row.multi{grid-template-columns:20px 96px minmax(0,1fr)}.sf-row.multi>button:last-child{grid-column:3}}@media (max-width: 760px){.chip,button.chip{height:32px;padding:0 12px;font-size:13px}.fchip{height:34px}.icon{width:40px;height:40px}.pl-more .icon{width:36px;height:36px}.app.is-watch .watch.playing .stage{position:sticky;top:var(--topbar-h);z-index:4}.playlist{position:static;max-height:none;overflow:visible;border-radius:12px;margin-top:8px}.playlist-items{overflow:visible}.pl-part{position:static}.watch.playing .pl-part{position:sticky;top:calc(var(--topbar-h) + 56.25vw);z-index:2}.pl-item{grid-template-columns:22px 112px minmax(0,1fr);padding:8px 40px 8px 4px}.pl-title{font-size:14px}.watch-title{font-size:18px;line-height:24px}.watch-row{flex-direction:column;align-items:stretch}.owner .primary{margin-left:auto}.actions{overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.actions::-webkit-scrollbar{display:none}.actions>button,.actions .menu-wrap>button:not(.icon){flex:none}.player-bar{flex-wrap:wrap}.versions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.versions .fchip{flex:none}.overlay:not(.sf-overlay){padding:0;align-items:end}.dialog{width:100%;max-height:92vh;border-radius:16px 16px 0 0}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.dialog{animation:sheet-up .22s var(--ease) both}.dialog .tabs{overflow-x:auto;scrollbar-width:none}.dialog .tabs button{flex:none}.dialog .tab-body,.dialog>.banner,.profile-edit,.profile-actions,.profile-claim{margin-left:16px;margin-right:16px}.profile-edit{flex-direction:column;align-items:center}.profile-edit .ed-field{width:100%}.google-url{flex-direction:column}.toast{left:12px;right:12px;bottom:12px;justify-content:space-between}.app.has-player .toast{bottom:96px}.app.has-player main{padding-bottom:110px}.ed-bar{gap:4px}.ed-tabs button{flex:1;padding:0 8px}.ed-info{gap:20px}.tag-group{grid-template-columns:1fr;gap:6px}.tag-group-name{padding-top:0}.chips{gap:8px;margin:0 -12px;padding:12px}.sort{display:none}.card-body{padding:10px 0 0}.card-title{font-size:15px}}.source-link{display:inline-flex;align-items:center;gap:6px;font-weight:500}@media (max-width: 760px){.watch{display:block}.watch-main{display:contents}.watch>.playlist{margin-top:16px}}@media (max-width: 760px){.app.is-watch .stage{width:calc(100% + 24px);margin:0 -12px;border-radius:0}}.dialog.import{width:min(600px,100%)}.dialog.import .dialog-head{gap:4px;justify-content:flex-start}.dialog.import .dialog-head h2{flex:1}.im-body{display:flex;flex-direction:column;gap:18px;padding:8px 24px 24px}.im-paste{display:flex;flex-direction:column;gap:10px}.im-paste textarea{font-size:14px;line-height:1.6;resize:vertical;min-height:120px}.im-paste button{align-self:flex-end;min-width:120px}.im-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.im-or:before,.im-or:after{content:"";flex:1;height:1px;background:var(--line)}.im-drop{flex-direction:column;gap:4px;width:100%;height:auto!important;padding:20px 16px!important;border:1.5px dashed var(--surface-3);border-radius:12px!important;background:none;color:var(--text)}.im-drop:hover:not(:disabled),.im-drop.over{border-color:var(--accent);background:var(--accent-soft)}.im-drop .i{color:var(--muted)}.im-drop-title{font-weight:600;font-size:14px}.im-drop-sub{font-size:12px;color:var(--muted);font-weight:400}.im-found{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:var(--surface-2)}.im-found>div{display:flex;flex-direction:column;gap:2px;min-width:0}.im-found strong{font-size:15px;line-height:1.4}.im-found-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--bg)}.im-found-kind{font-size:12px;color:var(--muted)}.im-group{display:flex;flex-direction:column;gap:8px}.im-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.im-wide{grid-column:1 / -1;display:inline-flex;align-items:center;gap:4px}.im-label-row{display:flex;justify-content:space-between;align-items:center}.im-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:var(--surface-2)}.im-seg button{height:36px;border-radius:8px;background:none;font-weight:500;color:var(--muted)}.im-seg button.on{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #0000001f}.im-picks{list-style:none;margin:0;padding:4px;max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:10px}.im-picks label{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px}.im-picks label:hover{background:var(--surface-2)}.im-pick-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-preview summary{font-size:14px;font-weight:600;color:var(--text)}.im-preview ol{margin:8px 0 0;padding-left:24px;max-height:220px;overflow-y:auto;font-size:13px;line-height:1.7}.im-actions{display:flex;justify-content:flex-end;padding-top:4px}.im-actions .primary{min-width:160px}.im-danger{padding-top:14px;border-top:1px solid var(--line)}.im-danger button{align-self:flex-start;background:var(--danger-soft)}.im-group>.primary{align-self:flex-start}@media (max-width: 760px){.im-body{padding:8px 16px 20px}.im-two{grid-template-columns:1fr}.im-actions .primary,.im-paste button{width:100%}}.stage-play{width:68px;height:48px;border-radius:12px;background:#212121cc;top:auto;bottom:22%;transform:translate(-50%)}.stage-cover:hover .stage-play,.stage-cover:focus-visible .stage-play{background:var(--brand)}.stage .cover-title{padding-bottom:22%;font-size:clamp(20px,3vw,34px)}.owner-ghost{width:40px;height:40px;background:var(--surface-2)}.owner-name.muted{color:var(--muted);font-weight:500}.menu button .menu-check{margin-left:auto;display:inline-flex;color:var(--text)}.versions{align-items:center}.versions .fchip svg{flex:none}.create-btn{height:36px;padding:0 14px 0 10px;gap:6px;border-radius:18px;background:var(--surface-2);font-size:14px;font-weight:500}.create-btn:hover:not(:disabled){background:var(--surface-3)}.topbar-end{gap:8px}.bottom-nav{display:none}@media (max-width: 760px){.topbar-end .create-btn{display:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);height:calc(52px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--line)}.bottom-nav>button,.bottom-nav .menu-wrap{display:flex;justify-content:center;align-items:center}.bottom-nav>button{flex-direction:column;gap:2px;height:100%;border-radius:0;background:none;font-size:10px;font-weight:400;color:var(--text)}.bottom-nav>button.on{font-weight:700}.bottom-nav>button:hover:not(:disabled){background:none}.bottom-nav .bottom-create{width:40px;height:40px;padding:0;border-radius:50%;border:1.5px solid var(--text);background:none}.app{padding-bottom:calc(52px + env(safe-area-inset-bottom))}.app .player{bottom:calc(60px + env(safe-area-inset-bottom))}.toast{bottom:calc(64px + env(safe-area-inset-bottom))}}.tab-count{font-size:13px;font-weight:500;color:var(--muted)}@media (max-width: 760px){.channel-page .grid{grid-template-columns:1fr;gap:12px}.channel-page .card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:start}.channel-page .card-thumb,.channel-page .card .cover-drop{margin:0}.channel-page .card .cover{border-radius:8px}.channel-page .card .cover-title{font-size:13px;padding:6%}.channel-page .card-body{padding:0}.channel-page .card-body .avatar{display:none}.channel-page .card-title{font-size:14px;line-height:20px}.channel-page .card-sub,.channel-page .meta{font-size:12px;line-height:18px}}.im-paste textarea{min-height:88px}.im-sources{display:flex;flex-wrap:wrap;gap:6px}.im-sources span{padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:12px}.im-paste{position:relative}