:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#f4f4f5;background:#090a0c;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden}button,input,select{font:inherit}button{border:0;border-radius:11px;padding:.7rem 1rem;cursor:pointer}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate-card{width:min(100%,360px);display:grid;gap:14px;padding:28px;border:1px solid #22262c;border-radius:22px;background:#101216}.gate-card h1,.gate-card p{margin:0}.gate-card p,.muted{color:#8d949f}.gate-card input,.search input,.search select{background:#17191e;border:1px solid #2a2e35;color:#fff;border-radius:11px;padding:.8rem}.mark{width:42px;height:42px;background:#eee;color:#111;border-radius:12px;display:grid;place-items:center;font-weight:900}.error{color:#ff8989}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:25px;padding:16px max(18px,calc((100vw - 1100px)/2));background:#0b0c0fdd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #1d2025}nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}nav::-webkit-scrollbar{display:none}nav button{flex:0 0 auto;background:transparent;color:#9299a5;text-transform:capitalize}nav button.active{background:#1c1f25;color:#fff}.content{max-width:1100px;margin:auto;padding:28px 18px 80px}.search{display:flex;gap:10px;margin:18px 0}.search input{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.card{min-width:0;background:#111318;border:1px solid #202329;border-radius:15px;overflow:hidden;cursor:pointer}.card img,.placeholder{display:block;width:100%;aspect-ratio:16/9;background:#1c1f25}.card img{height:auto;object-fit:cover;object-position:center}.card h3,.card small{display:block;margin:9px 12px}.card h3{font-size:1rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card small,.row small{color:#818995}.row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #202329}.row small{display:block;margin-top:4px}.player{display:block;width:100%;max-width:100%;aspect-ratio:16/9;background:#000;border:0;border-radius:16px;overflow:hidden}.empty{padding:45px;border:1px dashed #2b2e35;border-radius:16px;color:#777}.boot{min-height:100vh;display:grid;place-items:center}@media(max-width:650px){header{display:block;padding:14px 16px 10px}header>b{display:block;margin-bottom:10px}nav{width:100%;gap:4px}.content{padding:20px 12px 70px}.content h1{font-size:1.8rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{border-radius:11px}.card img,.placeholder{aspect-ratio:16/9}.card h3{font-size:.92rem;margin:6px 8px 9px}.card small{font-size:.76rem;margin:7px 8px 0}.search{flex-wrap:wrap}.search input{min-width:100%}.player{width:calc(100vw - 24px);aspect-ratio:16/9;border-radius:10px}}.title-row,.player-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.title-row h1,.title-row p{margin:0}.title-row select{min-width:170px;background:#17191e;border:1px solid #2a2e35;color:#fff;border-radius:11px;padding:.75rem}.card{position:relative}.fav{position:absolute;top:8px;right:8px;width:36px;height:36px;padding:0;border-radius:999px;background:#0b0c0fcc;color:#fff;font-size:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fav.on{background:#fff;color:#111}.row-actions{display:flex;gap:8px}.load-more{display:block;margin:24px auto}.player-head .active{background:#fff;color:#111}@media(max-width:650px){.title-row{align-items:flex-end}.title-row select{min-width:145px;max-width:48vw}.row{gap:10px}.row-actions{flex-direction:column}.row-actions button{padding:.55rem .75rem}.fav{width:32px;height:32px;top:6px;right:6px}}.player-loading,.player-error{width:100%;aspect-ratio:16/9;border-radius:16px;display:grid;place-items:center;background:#0d0f13;border:1px solid #202329;color:#9aa1ac;text-align:center;padding:20px}.player-error{color:#ff9a9a}.player iframe{background:#000}.home-head{margin-bottom:12px}.home-head h1,.home-head p{margin:0}.source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 20px}.source-tile{min-width:0;background:#111318;border:1px solid #242831;color:#b4bac4;padding:12px 10px;text-align:left;display:grid;gap:3px}.source-tile b{color:#f4f4f5;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-tile span{font-size:.72rem;color:#717985;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-tile.active{background:#f4f4f5;border-color:#f4f4f5;color:#111}.source-tile.active b,.source-tile.active span{color:#111}.catalog-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px;color:#aab1bb}.catalog-head span{font-size:.82rem;color:#727a86}@media(max-width:650px){.source-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.source-tile{padding:10px 6px;border-radius:9px}.source-tile b{font-size:.76rem}.source-tile span{font-size:.62rem}.catalog-head{margin-top:2px}}.settings-card{padding:16px;border:1px solid #202329;border-radius:14px;background:#111318;margin:12px 0 18px}.settings-card p{margin:6px 0 0}.home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.home-head>div{min-width:0}@media(max-width:650px){nav button{padding:.65rem .82rem}.source-grid{margin-top:12px}.home-head{display:block}.home-head p{margin-top:4px}}.source-section{margin:18px 0 28px}.source-section .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.source-section .catalog-head{border-top:1px solid #1f232a;margin-top:0;padding-top:14px}@media(min-width:651px){.source-section .grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}}@media(max-width:650px){.grid,.source-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.settings-gear{margin-left:auto;background:transparent;color:#f4f4f5;padding:.55rem .7rem;font-size:1.05rem;flex:0 0 auto}.settings-gear.active{background:#1c1f25}@media(max-width:650px){header{position:sticky}.settings-gear{position:absolute;top:10px;right:10px}header>b{padding-right:42px}}.home-section{margin:18px 0 28px}.home-section:first-of-type{margin-top:10px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.home-section .catalog-head{padding-top:12px;border-top:1px solid #1f232a}.home-section:first-of-type .catalog-head{border-top:0;padding-top:0}@media(max-width:650px){.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-section{margin:14px 0 22px}}.history-tools{display:flex;gap:10px;margin:14px 0 16px}.history-tools input,.history-tools select{background:#17191e;border:1px solid #2a2e35;color:#fff;border-radius:11px;padding:.75rem}.history-tools input{flex:1}.history-list{display:grid;grid-template-columns:1fr;gap:10px}.history-item{display:flex;align-items:stretch;gap:10px;border:1px solid #202329;background:#111318;border-radius:14px;padding:10px}.history-main{flex:1;min-width:0;background:transparent;color:inherit;padding:0;display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;text-align:left;align-items:center}.history-main img,.history-thumb{width:180px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#1c1f25}.history-info{min-width:0}.history-info h3{margin:0 0 8px;font-size:1rem;line-height:1.35}.history-meta{display:flex;gap:8px;flex-wrap:wrap;color:#858c98;font-size:.8rem}.history-meta span{background:#171a20;border:1px solid #242832;border-radius:999px;padding:.28rem .5rem}.history-delete{align-self:center;background:#211315;color:#ff9b9b;border:1px solid #3a2024;padding:.6rem .8rem}@media(max-width:650px){.history-tools{display:grid;grid-template-columns:1fr}.history-main{grid-template-columns:118px minmax(0,1fr)}.history-main img,.history-thumb{width:118px}.history-item{align-items:center}.history-delete{padding:.55rem .65rem}.history-info h3{font-size:.9rem}.history-meta{font-size:.72rem}}