:root{--bg:#f7f7fb;--card:#fff;--muted:#6b7280;--primary:#2563eb;--success:#16a34a;--danger:#dc2626;--warning: #f97316;--shadow: rgba(0,0,0,.07);--font:"Inter", system-ui, Arial}body{margin:0;font-family:var(--font);background:var(--bg);color:#333}a{text-decoration:none;color:var(--primary)}.container{max-width:1400px;margin:20px auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;background:var(--card);border-radius:16px;box-shadow:0 4px 12px var(--shadow)}.topbar h1{margin:0;font-size:22px;display:flex;align-items:center;gap:8px}.topbar h1:before{content:"🍿";font-size:24px}.topbar .top-link{font-weight:500;color:var(--muted);transition:color .2s}.topbar .top-link:hover{color:var(--primary)}.controls-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;background:var(--card);border-radius:16px;box-shadow:0 4px 12px var(--shadow)}.controls-bar .reset-link{font-size:14px;color:var(--muted);white-space:nowrap}.controls-bar .reset-link:hover{color:var(--danger)}.searchbox{display:flex;gap:8px;flex-grow:1}.searchbox input{padding:10px 14px;width:100%;border-radius:8px;border:1px solid #ddd;font-size:15px}.searchbox input:focus{outline:2px solid var(--primary);border-color:transparent}.searchbox button{display:none}.main{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.right-panel{background:var(--card);padding:16px;border-radius:16px;box-shadow:0 4px 12px var(--shadow)}.content{background:transparent}.filters{display:flex;gap:12px;align-items:center}.filters label{display:none}.filters select,.filters input{width:auto;min-width:120px;padding:10px;border-radius:8px;border:1px solid #ddd;background:#fdfdfd;font-size:14px}.filters input[type=number]{min-width:80px}.tvlist{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:12px}@media(max-width:1200px){.tvlist{grid-template-columns:repeat(2,1fr)}.main{grid-template-columns:1fr 280px}}@media(max-width:900px){.main{grid-template-columns:1fr}.right-panel{margin-top:20px}.controls-bar{flex-direction:column;align-items:stretch}}@media(max-width:600px){.tvlist{grid-template-columns:1fr}}.tvcard{display:flex;flex-direction:column;gap:12px;background:var(--card);padding:0;border-radius:16px;box-shadow:0 6px 18px var(--shadow);transition:transform .2s,box-shadow .2s;overflow:hidden}.tvcard:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000001f}.tvcard .poster img{width:100%;height:220px;object-fit:cover;border-radius:0;display:block}.tvcard .poster .no-image{width:100%;height:220px;background:#eee;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.tvcard .meta{padding:4px 16px 16px;display:flex;flex-direction:column;flex-grow:1}.tvcard .meta h4{margin:0 0 8px;font-size:18px;font-weight:600}.tvcard .summary{font-size:14px;color:var(--muted);margin:8px 0;line-height:1.5;flex-grow:1;min-height:60px}.tvcard .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tvcard .tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:12px;font-weight:500;background:#eee;color:#555}.tvcard .tag.rating{background:#fffbeb;color:#b45309}.tvcard .actions{display:flex;gap:8px;margin-top:12px}.btn{padding:8px 14px;border:none;cursor:pointer;border-radius:8px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--bg);color:#333;border:1px solid #ddd}.btn-primary:hover{background:#f0f0f0;border-color:#ccc}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#ea580c}.right-panel{position:sticky;top:20px}.right-panel h3{border-bottom:1px solid #eee;padding-bottom:10px}.watchlist ul{list-style:none;padding:0;margin:12px 0}.watchlist li{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px;border-radius:12px;background:#f9fafb;transition:all .2s}.watchlist li:hover{background:#f0f9ff;transform:translate(4px)}.watchlist img{width:45px;height:65px;object-fit:cover;border-radius:8px}.watchlist span{flex-grow:1;font-size:15px}.watchlist .remove-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;font-weight:700;padding:4px 8px;border-radius:4px}.watchlist .remove-btn:hover{color:var(--danger);background:#fee2e2}.watchlist .clear-btn{width:100%;padding:9px;border:none;border-radius:8px;background:var(--bg);color:var(--muted);cursor:pointer;transition:all .2s;margin-top:8px}.watchlist .clear-btn:hover{background:#ffe4e4;color:var(--danger)}.pagination{display:flex;gap:8px;align-items:center;margin-top:16px;justify-content:center}.pagination button{padding:8px 14px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:#f3f4f6;border-color:#cbd5e1}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:14px;color:var(--muted)}.spinner,.error,.empty{padding:40px;background:var(--card);border-radius:16px;text-align:center;font-size:16px;color:var(--muted)}.footer{margin-top:24px;text-align:center;padding:14px;background:transparent;color:var(--muted);font-size:14px}.detail-page{max-width:900px;margin:20px auto;padding:24px;background:var(--card);border-radius:16px;box-shadow:0 4px 12px var(--shadow)}.detail-grid{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;margin-top:20px}.detail-grid img{width:100%;border-radius:16px;box-shadow:0 6px 20px var(--shadow)}.detail-page .back-link{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--primary);margin-bottom:16px}.episodes{list-style:none;padding:0;margin-top:24px}.episodes li{padding:10px 12px;margin-bottom:6px;background:#f9fafb;border-radius:8px;transition:all .2s;border:1px solid #eee}.episodes li:hover{background:#e0f2fe;transform:translate(2px);border-color:#bae6fd}