:root{color-scheme:dark;--bg:#0b111a;--panel:#121d29;--panel2:#182533;--line:#283748;--text:#edf5f6;--muted:#94a7b8;--mint:#63e1c2;--mintdim:#0b4b46;--orange:#facd8a;--focus:#7be7ce}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 360px at 78% -15%,#173944 0%,transparent 70%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:var(--mint)}[hidden]{display:none!important}.app-shell{max-width:1560px;padding:0 36px;margin:0 auto}.topbar{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18;gap:20px}.brand{display:flex;gap:13px;align-items:center}.brand-symbol{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#83f4d0,#3ab6bb);display:grid;place-items:center;color:#08262c;box-shadow:0 10px 35px #1fdfc922}.brand-symbol svg{width:34px;height:34px}.brand strong{display:block;font-size:22px;letter-spacing:-.6px;line-height:1.15}.brand strong span{font-weight:500;color:var(--mint)}.brand small{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:2.1px}.topbar-side{color:var(--muted);font-size:12px;display:flex;gap:10px;align-items:center}.status-dot{height:7px;width:7px;border-radius:50%;background:#6be8c2;box-shadow:0 0 13px #60dcb5}.version{border:1px solid #36505c;border-radius:20px;padding:5px 10px;color:#bdc9d1}.intro{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:42px 0 40px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:800;color:var(--mint);margin:0 0 11px}.intro h1{margin:0;font-size:clamp(28px,3.2vw,48px);font-weight:760;letter-spacing:-1.9px;line-height:1.13}.intro h1 em{font-style:normal;color:var(--mint)}.intro-copy>p:last-child{color:var(--muted);max-width:645px;margin:14px 0 0;font-size:14px}.intro-stats{display:flex;align-items:center;gap:34px;flex:none}.intro-stats div{display:flex;flex-direction:column;align-items:center}.intro-stats span{font-weight:750;font-size:30px;letter-spacing:-1px}.intro-stats small{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(330px,440px) minmax(0,1fr);gap:22px;align-items:start}.library-panel,.player-panel,.info-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 50px #00000012}.library-panel{overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 18px}.panel-title .eyebrow,.player-heading .eyebrow{margin-bottom:5px}h2{font-size:23px;letter-spacing:-.65px;margin:0}.source-tag{font-size:11px;font-weight:700;color:var(--mint);background:#153b3b;border:1px solid #2b5a55;border-radius:9px;padding:7px 9px}.controls{padding:0 23px 22px}.control-label,.field label{display:block;color:var(--muted);font-size:12px;font-weight:600;margin:0 0 7px}select{width:100%;appearance:none;border:1px solid var(--line);border-radius:10px;background:var(--panel2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%2394a7b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--text);padding:12px 40px 12px 13px}.field-row{display:flex;align-items:end;gap:9px;margin:17px 0}.field{flex:1}.refresh-button{padding:0;width:44px;height:44px;font-size:23px;flex:0 0 44px}.icon-button{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:11px}.icon-button:hover{color:var(--mint);background:#233746}.import-row{margin:17px 0}.file-label{display:block;text-align:center;color:var(--mint);border:1px dashed #4b8f85;background:#133136;padding:13px;border-radius:11px;cursor:pointer;font-weight:700;font-size:13px}.import-row input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.import-row p{font-size:11px;color:var(--muted);margin:8px 0}.search-row{position:relative;margin-top:14px}.search-row>span{position:absolute;left:13px;top:7px;font-size:27px;line-height:32px;color:var(--muted)}.search-row input{width:100%;border-radius:11px;border:1px solid var(--line);background:#0c1722;color:var(--text);padding:12px 12px 12px 40px;outline:none}.search-row input::placeholder{color:#7b8c9b}.search-row input:focus{border-color:#56c3b1}.tabs{display:flex;gap:7px;margin-top:17px}.tabs button{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;flex:1;padding:10px 4px;white-space:nowrap}.tabs button:hover{color:#fff;background:#22303c}.tabs button.active{color:var(--mint);background:#123e3b;border-color:#245b56;font-weight:700}.download-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.download-buttons button{border-radius:11px;padding:13px 8px;font-size:12px;font-weight:750}.download-buttons button span{font-size:17px;margin-right:5px}.download-primary{border:1px solid var(--mint);background:var(--mint);color:#09252a}.download-secondary{border:1px solid #567f7b;background:#1e393b;color:var(--mint)}.download-buttons button:not(:disabled):hover{filter:brightness(1.08)}.list-heading{padding:16px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.list-heading strong{font-size:13px}.list-heading span{color:var(--muted);font-size:11px}.channel-list{height:min(650px,66vh);min-height:270px;overflow-y:auto;overscroll-behavior:contain}.channel-list::-webkit-scrollbar{width:8px}.channel-list::-webkit-scrollbar-thumb{background:#3a4b58;border-radius:8px}.channel-row{display:flex;gap:13px;padding:13px 15px 13px 23px;align-items:center;border-bottom:1px solid #243342b0;cursor:pointer;background:transparent;outline:none}.channel-row:hover,.channel-row:focus-visible{background:#1d2e3b}.channel-row.selected{background:#143c3a;border-left:3px solid var(--mint);padding-left:20px}.channel-logo{width:48px;height:43px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #3b4c59;background:#f8fafc;border-radius:10px;overflow:hidden;color:#254957}.channel-logo img{width:100%;height:100%;object-fit:contain;padding:5px}.channel-logo span{font-weight:800;font-size:13px}.channel-meta{min-width:0;flex:1}.channel-meta strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-meta small{display:block;color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-button,.play-button{border:0;background:transparent;color:#8195a2;border-radius:6px;padding:6px;font-size:18px}.fav-button.saved{color:#ffc879}.fav-button:hover,.play-button:hover{color:var(--mint)}.play-button{font-size:16px}.empty-state{text-align:center;padding:40px 25px;color:var(--muted)}.empty-icon{font-size:42px;color:#5fa99d}.empty-state strong{display:block;color:var(--text);margin:8px 0}.empty-state p{font-size:12px}.viewer-column{min-width:0}.player-panel{padding:26px}.player-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.player-heading h2{font-size:21px;max-width:450px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-pill{background:#492b31;border:1px solid #7f484c;color:#ffd5d5;font-size:10px;font-weight:800;padding:7px 12px;border-radius:7px;letter-spacing:1px;white-space:nowrap}.live-pill span{display:inline-block;width:6px;height:6px;background:#fb6969;border-radius:100%;margin-right:5px}.video-frame{background:#03080c;border-radius:14px;overflow:hidden;aspect-ratio:16/9;position:relative;display:grid;place-items:center;box-shadow:inset 0 0 100px #0a141e}.video-frame video{width:100%;height:100%;object-fit:contain;background:black}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;background:radial-gradient(ellipse at center,#152e32 0%,#060c15 73%);text-align:center;padding:20px}.play-circle{height:72px;width:72px;border-radius:50%;display:grid;place-items:center;color:#09282d;background:var(--mint);font-size:22px;margin-bottom:21px;box-shadow:0 0 0 12px #60d9bf0e}.video-placeholder strong{font-size:18px}.video-placeholder p{color:var(--muted);font-size:12px;max-width:240px}.player-details{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:18px;color:var(--muted);font-size:12px}.player-details button{border:1px solid var(--line);background:#202f3c;color:var(--text);border-radius:9px;padding:10px 14px;white-space:nowrap}.player-details button:hover{background:#2c4651}.info-panel{margin-top:20px;padding:23px 27px}.info-panel>div:first-child{display:flex;gap:15px}.info-icon{height:36px;min-width:36px;display:grid;place-items:center;background:#224744;color:var(--mint);font-size:23px;border-radius:10px}.info-panel h3{margin:0 0 5px;font-size:14px}.info-panel p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.info-panel p strong{color:#d7e7e9}.info-divider{height:1px;background:var(--line);margin:20px 0}.footer-note{color:#7e909f;font-size:11px;line-height:1.7;padding:18px 4px}footer{color:#6c8292;font-size:11px;border-top:1px solid #ffffff15;margin-top:20px;padding:23px 0 35px}footer a{color:#7dbcae}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;z-index:100;background:#203f41;border:1px solid #468d80;color:#f4ffff;box-shadow:0 10px 35px #0008;padding:12px 18px;border-radius:11px;font-size:13px;transition:.2s}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1020px){.workspace{grid-template-columns:minmax(280px,390px) minmax(0,1fr)}.app-shell{padding:0 22px}.intro-stats{gap:20px}.intro-stats span{font-size:24px}.player-panel{padding:19px}}@media(max-width:750px){.topbar{height:80px}.topbar-side{display:none}.intro{padding:30px 0;align-items:start;flex-direction:column;gap:20px}.intro-stats{width:100%;justify-content:space-around}.intro h1{letter-spacing:-1px}.workspace{grid-template-columns:1fr}.library-panel{order:1}.viewer-column{order:0}.channel-list{height:340px;min-height:200px}.app-shell{padding:0 14px}.panel-title,.controls{padding-left:18px;padding-right:18px}.list-heading{padding:14px 18px}.channel-row{padding-left:17px}.channel-row.selected{padding-left:14px}.player-panel{padding:16px}.player-heading h2{font-size:17px}.info-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}