*{box-sizing:border-box}:root{color-scheme:dark}
body{margin:0;background:#080808;color:#fff;font-family:Arial,sans-serif;min-height:100vh}
.topbar{position:sticky;top:0;z-index:10;background:#080808ee;border-bottom:1px solid #202020;padding:10px 14px}
.brand-logo{display:block;width:min(330px,82vw);height:72px;object-fit:contain;object-position:left center}
main{padding:14px 14px 110px;max-width:760px;margin:auto}
.search{display:flex;gap:8px;margin:4px 0 16px}
.search input{flex:1;background:#151515;border:1px solid #2b2b2b;border-radius:14px;padding:14px 15px;color:#fff;font-size:16px;outline:none}
.search input:focus{border-color:#e1121c}
.search button{border:0;background:#e1121c;color:#fff;font-weight:800;border-radius:14px;padding:0 17px}
.status{color:#aaa;text-align:center;padding:28px 8px}
.results{display:grid;gap:12px}
.card{display:grid;grid-template-columns:128px 1fr;gap:12px;background:#111;border:1px solid #202020;border-radius:14px;padding:8px}
.card img{width:128px;height:72px;object-fit:cover;border-radius:10px}
.card h3{font-size:14px;line-height:1.3;margin:2px 0 6px}.card p{font-size:12px;color:#999;margin:0}
.player-shell{background:#101010;border:1px solid #252525;border-radius:16px;overflow:hidden;margin-bottom:14px}
.player-shell iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.now-meta{padding:11px 12px}.now-title{font-weight:800;font-size:14px}.now-channel{color:#999;font-size:12px;margin-top:4px}
.hidden{display:none}