*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#f7f7f7;font-family:Arial,sans-serif;transition:background .3s,color .3s}body.dark{color:#f0f0f0;background:#111}.app{min-height:100vh}.app.dark{color:#f0f0f0;background:#111}.nav{z-index:100;background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:14px 24px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.app.dark .nav{background:#1a1a1a;border-color:#333}.nav-brand{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.nav-brand a{color:inherit;font-weight:700;text-decoration:none}.nav-logo{font-size:20px}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:#111;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.app.dark .nav-links a{color:#f0f0f0}.nav-links a:hover{text-decoration:underline}.theme-btn{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:border-color .2s;display:flex}.app.dark .theme-btn{border-color:#555}.container{max-width:1100px;margin:0 auto;padding:24px 24px 120px}.carousel-section{margin-bottom:28px}.carousel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{font-size:22px;font-weight:700}.carousel-arrows{gap:8px;display:flex}.arrow-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .2s;display:flex}.arrow-btn:hover{background:#f0f0f0}.app.dark .arrow-btn{color:#fff;background:#222;border-color:#555}.app.dark .arrow-btn:hover{background:#333}.carousel-track{scroll-behavior:smooth;scrollbar-width:none;gap:14px;padding-bottom:4px;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{min-width:160px;max-width:160px;color:inherit;background:#fff;border:1px solid #e5e5e5;border-radius:10px;flex-shrink:0;padding:8px;text-decoration:none;transition:transform .2s,background .3s}.app.dark .carousel-card{color:#f0f0f0;background:#1e1e1e;border-color:#333}.carousel-card:hover{transform:translateY(-2px)}.carousel-img-wrap{aspect-ratio:1;background:#d0d0d0;border-radius:8px;width:100%;overflow:hidden}.carousel-img-wrap img{object-fit:cover;width:100%;height:100%}.carousel-title{margin:8px 0 4px;font-size:13px;font-weight:700}.carousel-tags{flex-wrap:wrap;gap:4px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.filter-label{font-size:14px;font-weight:500}.filter-select{color:#111;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:6px 10px;font-size:14px;transition:background .3s,color .3s}.app.dark .filter-select{color:#f0f0f0;background:#222;border-color:#555}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;transition:transform .2s,box-shadow .2s,background .3s;overflow:hidden}.app.dark .card{background:#1e1e1e;border-color:#333}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-img-wrap{aspect-ratio:1;background:#d0d0d0;width:100%;overflow:hidden}.card-img-wrap img{object-fit:cover;width:100%;height:100%}.card-body{padding:12px}.card-title{margin-bottom:4px;font-size:15px;font-weight:700}.card-seasons{color:#666;margin-bottom:6px;font-size:13px}.app.dark .card-seasons{color:#aaa}.card-tags{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.card-updated{color:#888;font-size:12px}.app.dark .card-updated{color:#777}.tag{color:#444;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;padding:3px 8px;font-size:11px;transition:background .3s}.app.dark .tag{color:#bbb;background:#2a2a2a;border-color:#444}.show-detail-page{max-width:900px;margin:0 auto;padding:24px 24px 120px}.show-header{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.show-hero-img{object-fit:cover;border-radius:12px;flex-shrink:0;width:180px;height:180px}.show-description{color:#555;margin-top:8px;font-size:14px;line-height:1.6}.app.dark .show-description{color:#aaa}.season-block{margin-bottom:28px}.season-title{border-bottom:1px solid #e5e5e5;margin-bottom:12px;padding-bottom:6px;font-size:18px;font-weight:700}.app.dark .season-title{border-color:#333}.episode-row{background:#fff;border:1px solid #e5e5e5;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px;transition:background .3s,border-color .3s;display:flex}.app.dark .episode-row{background:#1a1a1a;border-color:#333}.episode-info{flex:1}.episode-title{margin-bottom:4px;font-size:14px;font-weight:700;display:block}.episode-desc{color:#666;margin-top:4px;font-size:13px}.app.dark .episode-desc{color:#999}.episode-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-play{color:#fff;cursor:pointer;white-space:nowrap;background:#111;border:none;border-radius:8px;padding:7px 14px;font-size:13px;transition:background .2s}.btn-play:hover{background:#333}.app.dark .btn-play{color:#111;background:#fff}.app.dark .btn-play:hover{background:#ddd}.btn-heart{cursor:pointer;color:#ccc;background:0 0;border:none;padding:4px;font-size:22px;line-height:1;transition:color .2s,transform .15s}.btn-heart:hover{transform:scale(1.2)}.btn-heart.hearted{color:#e74c3c}.badge{border-radius:6px;margin-top:6px;padding:2px 8px;font-size:11px;display:inline-block}.badge-done{color:#2e7d32;background:#e8f5e9}.badge-progress{color:#e65100;background:#fff3e0}.app.dark .badge-done{color:#81c784;background:#1b3a1c}.app.dark .badge-progress{color:#ffb74d;background:#3e2000}.fav-page-header{margin-bottom:20px}.fav-page-title{font-size:26px;font-weight:700}.fav-page-sub{color:#888;margin-top:4px;font-size:14px}.app.dark .fav-page-sub{color:#777}.fav-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.fav-controls-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-reset{cursor:pointer;color:inherit;background:0 0;border:1px solid #ccc;border-radius:8px;padding:6px 12px;font-size:13px;transition:background .2s}.app.dark .btn-reset{border-color:#555}.btn-reset:hover{background:#f5f5f5}.app.dark .btn-reset:hover{background:#222}.fav-group{margin-bottom:28px}.fav-group-header{align-items:center;gap:8px;margin-bottom:14px;font-size:16px;display:flex}.fav-group-icon{font-size:18px}.fav-group-title{font-weight:700}.fav-group-count{color:#888;font-size:14px}.app.dark .fav-group-count{color:#666}.fav-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;gap:14px;margin-bottom:12px;padding:14px;transition:background .3s,border-color .3s;display:flex}.app.dark .fav-card{background:#1a1a1a;border-color:#333}.fav-cover{background:#ccc;border-radius:8px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.fav-cover img{object-fit:cover;width:100%;height:100%}.fav-cover-placeholder{color:#666;background:#ddd;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;display:flex}.fav-details{flex-direction:column;flex:1;justify-content:space-between;display:flex}.fav-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fav-ep-title{margin-bottom:4px;font-size:15px;font-weight:700}.fav-ep-meta{color:#888;margin-bottom:4px;font-size:12px}.app.dark .fav-ep-meta{color:#666}.fav-ep-desc{color:#666;margin-bottom:6px;font-size:13px}.app.dark .fav-ep-desc{color:#999}.fav-ep-date{color:#aaa;font-size:12px}.fav-card-actions{margin-top:8px}.btn-play-dark{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;transition:background .2s}.btn-play-dark:hover{background:#333}.app.dark .btn-play-dark{color:#111;background:#fff}.app.dark .btn-play-dark:hover{background:#ddd}.audio-bar{z-index:200;background:#fff;border-top:1px solid #e5e5e5;align-items:center;gap:16px;height:68px;padding:0 20px;transition:background .3s,border-color .3s;display:flex;position:fixed;bottom:0;left:0;right:0}.app.dark~* .audio-bar,body.dark .audio-bar{background:#1a1a1a;border-color:#333}.audio-info{align-items:center;gap:10px;min-width:200px;display:flex}.audio-cover{background:#ccc;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex;overflow:hidden}.audio-cover img{object-fit:cover;width:100%;height:100%}.audio-meta{flex-direction:column;display:flex}.audio-title{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;font-weight:700;overflow:hidden}.audio-show{color:#888;font-size:11px}.audio-controls{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.ctrl-btn{cursor:pointer;color:#555;background:0 0;border:none;padding:4px;font-size:18px;transition:color .2s}.ctrl-btn:hover{color:#111}.play-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:background .2s;display:flex}.play-btn:hover{background:#333}.audio-time{color:#888;text-align:center;min-width:32px;font-size:12px}.seek-bar{cursor:pointer;accent-color:#111;flex:1;height:4px}.audio-right{color:#888;text-align:right;min-width:30px;font-size:18px}