:root{
  --bg:#f5f5f5; --fg:#333; --primary:#2c3e50; --accent:#27ae60; --accent2:#3498db; --muted:#7f8c8d;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;margin:0;background:var(--bg);color:var(--fg)}
header{background:var(--primary);color:#fff;padding:20px 0;text-align:center}
.container{max-width:1200px;margin:0 auto;padding:20px}
.search-box{margin:20px 0;padding:10px;width:100%;max-width:540px;border:1px solid #ddd;border-radius:6px;font-size:16px}
.tv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}
.tv-card{background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.08);padding:16px;text-align:center;transition:transform .2s,box-shadow .2s}
.tv-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.tv-logo{width:100%;max-width:140px;height:140px;object-fit:contain;margin:0 auto 10px;border-radius:6px;background:#fff}
.tv-name{font-weight:600;margin:8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-meta{font-size:12px;color:var(--muted);height:16px}
.tv-actions{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:filter .2s}
.btn-play{background:var(--accent);color:#fff}
.btn-share{background:var(--accent2);color:#fff}
.btn-open{background:#8e44ad;color:#fff}
.btn:hover{filter:brightness(.95)}
.player-container{position:fixed;left:0;right:0;bottom:0;background:#fff;padding:10px 0;box-shadow:0 -4px 14px rgba(0,0,0,.12);display:none;z-index:1000}
.player-active{display:block}
.player-wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.player-title{margin:0;font-size:16px;font-weight:600}
.player-controls{display:flex;align-items:center;gap:8px}
#player{width:100%;max-width:960px;aspect-ratio:16/9;background:#000;border-radius:8px}
footer{text-align:center;margin:40px 0 80px;color:var(--muted);font-size:14px}
.hidden{display:none!important}
kbd{background:#eee;border-radius:4px;border:1px solid #ddd;padding:2px 6px;font-family:ui-monospace,Menlo,Consolas,monospace}