:root{color-scheme:dark;--bg:#0f0f0f;--panel:#181818;--soft:#272727;--text:#f1f1f1;--muted:#aaa;--red:#ff0033;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{color:inherit}.hidden{display:none!important}
.topbar{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:auto minmax(120px,620px) auto;gap:12px;align-items:center;padding:calc(10px + var(--safe-top)) 16px 10px;background:rgba(15,15,15,.94);backdrop-filter:blur(16px)}
.brand{border:0;background:none;font-size:20px;font-weight:750;white-space:nowrap}.brand span{display:inline-grid;place-items:center;width:29px;height:21px;margin-right:5px;border-radius:7px;background:var(--red);font-size:12px}.search{display:flex;width:100%;justify-self:center}.search input{min-width:0;flex:1;border:1px solid #3f3f3f;border-radius:22px 0 0 22px;background:#121212;color:white;padding:10px 16px;outline:0}.search input:focus{border-color:#3678d4}.search button,.icon-button{border:0;background:var(--soft)}.search button{width:48px;border-radius:0 22px 22px 0;font-size:22px}.icon-button{width:42px;height:42px;border-radius:50%}
main{padding-bottom:calc(28px + var(--safe-bottom))}.content{max-width:1500px;margin:auto;padding:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin:0 0 18px}.status{color:var(--muted);font-size:12px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px 16px}.card{cursor:pointer;min-width:0}.thumb-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#242424}.thumb-wrap img{width:100%;height:100%;object-fit:cover}.duration{position:absolute;right:6px;bottom:6px;padding:3px 5px;border-radius:4px;background:rgba(0,0,0,.8);font-size:12px}.card h3{display:-webkit-box;overflow:hidden;margin:10px 2px 5px;font-size:15px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card p{margin:2px;color:var(--muted);font-size:13px}.loading,.empty{padding:60px 16px;text-align:center;color:var(--muted)}
.player-section{max-width:1280px;margin:0 auto;padding:16px}.video-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:14px;background:#000}.video-frame video{width:100%;height:100%;background:#000}.player-message{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;background:#080808}.video-info h1{margin:14px 0 8px;font-size:21px}.video-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}.player-actions{display:flex;gap:8px;margin-top:14px}.player-actions button,.wide-button{border:0;border-radius:18px;background:var(--soft);padding:9px 15px}
dialog{width:min(92vw,480px);border:1px solid #383838;border-radius:18px;background:#202020;color:white;padding:0}dialog::backdrop{background:rgba(0,0,0,.65)}.dialog-content{padding:20px}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title h2{margin:0 0 18px}.dialog-title button{border:0;background:none;font-size:28px}.toggle{display:flex;gap:12px;align-items:center;padding:14px 0}.toggle input{width:20px;height:20px;accent-color:var(--red)}.wide-button{width:100%;margin-top:14px}.hint{color:var(--muted);font-size:13px;line-height:1.45}
@media(max-width:620px){.topbar{grid-template-columns:1fr auto}.brand{font-size:18px}.search{grid-row:2;grid-column:1/-1}.content{padding:14px}.video-grid{grid-template-columns:1fr;gap:24px}.player-section{padding:0}.video-frame{border-radius:0}.video-info{padding:0 14px}.video-info h1{font-size:18px}.status{max-width:50%}}
@media(display-mode:standalone){.topbar{padding-top:calc(12px + var(--safe-top))}}