:root{color-scheme:dark;--bg:#101012;--panel:#1a1a1e;--line:#303034;--text:#f2f0ec;--muted:#a7a5a5;--accent:#ed6843;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:20px;top:-80px;z-index:20;background:var(--accent);color:#111;padding:12px}.skip-link:focus{top:12px}
.header{height:90px;padding:0 5%;display:flex;align-items:center;gap:46px;border-bottom:1px solid var(--line);background:#101012;position:relative;z-index:3}.brand{font-size:1.9rem;letter-spacing:-1.5px;font-weight:800;display:flex;align-items:center;gap:9px}.brand-dot{margin-left:-9px;color:var(--accent)}.brand-mark{font-size:1.1rem;letter-spacing:-2px;background:var(--accent);color:#111;padding:4px 9px;border-radius:7px;margin-right:4px}.nav{display:flex;height:100%;gap:28px;align-items:center}.nav-link{height:100%;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:3px 0 0;font-size:.95rem}.nav-link.active{color:var(--text);border-color:var(--accent)}.nav-link:hover{color:#fff}.header-caption{margin-left:auto;color:var(--muted);font-size:.875rem}
main{max-width:1660px;margin:auto;padding:44px 5% 66px}.intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:29px}.eyebrow{font-size:.75rem;color:var(--accent);font-weight:700;letter-spacing:2px;margin:0 0 10px}h1{font-size:clamp(1.7rem,3.2vw,2.65rem);line-height:1.18;letter-spacing:-1px;font-weight:600;margin:0}.catalog-counter{margin:0 0 4px;color:var(--muted);font-size:.875rem;white-space:nowrap}.catalog-counter strong{color:var(--text);font-size:1.2rem;margin-right:5px}.search-bar{display:flex;align-items:center;border:1px solid #3a393e;border-radius:var(--radius);background:#1b1b1f;padding:0 19px;height:60px;gap:15px;max-width:100%;transition:border-color .15s}.search-bar:focus-within{border-color:var(--accent)}.search-bar svg{width:21px;fill:none;stroke:var(--muted);stroke-width:1.7;flex-shrink:0}.search-bar input{border:0;outline:none;background:none;color:var(--text);width:100%;height:100%;font-size:1rem;min-width:0}.search-bar input::placeholder{color:#88868b}.search-bar kbd{border:1px solid #48464d;font-size:.75rem;padding:3px 7px;border-radius:4px;color:var(--muted)}
.filters{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:20px 0 23px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:0}.filter-group label{font-size:.75rem;color:#86848b}.filter-group select{border:0;background:var(--bg);color:var(--text);font-size:.875rem;padding:4px 27px 4px 0;max-width:230px;cursor:pointer}.sort-filter{margin-left:auto}.reset{border:0;background:none;color:var(--muted);font-size:.875rem;margin-top:18px;padding:3px 0}.reset:hover{color:var(--accent)}.results-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:26px 0 20px;font-size:.875rem;color:var(--muted)}.results-bar p{margin:0}.results-note{font-size:.75rem;color:#75727b}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 22px;min-height:180px}.card{border:0;padding:0;text-align:left;background:none;color:var(--text);min-width:0;display:block}.poster-wrap{aspect-ratio:2/3;background:#242329;border-radius:var(--radius);overflow:hidden;position:relative;outline:1px solid #ffffff09;transition:transform .2s,outline-color .2s}.card:hover .poster-wrap{transform:translateY(-4px);outline-color:#ed684380}.poster-wrap img{height:100%;width:100%;object-fit:cover;display:block}.poster-wrap.audio{aspect-ratio:1/1}.poster-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#66616a;padding:18px;text-align:center;font-size:1rem}.poster-wrap img{position:relative}.card-type{position:absolute;top:9px;left:9px;background:#101012bf;border:1px solid #ffffff18;backdrop-filter:blur(8px);padding:4px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;line-height:1.2;font-weight:600}.card-title{font-size:1rem;line-height:1.35;font-weight:500;margin:12px 0 5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-meta{display:flex;gap:8px;color:var(--muted);font-size:.75rem;align-items:center;line-height:1.4}.card-meta .rating{color:#c8b06c;margin-left:auto}.card-source{font-size:.75rem;color:#75717b;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skeleton .poster-wrap,.skeleton .fake-line{background:linear-gradient(100deg,#222126 25%,#2b292f 45%,#222126 65%);background-size:250% 100%;animation:shine 1.5s infinite}.fake-line{height:14px;border-radius:4px;margin-top:12px;width:80%}.fake-line.short{width:40%;height:10px;margin-top:7px}@keyframes shine{to{background-position:-200% 0}}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#141212;border:1px solid var(--accent);border-radius:6px;padding:12px 21px;font-size:.875rem;font-weight:600;min-height:44px}.button:hover{filter:brightness(1.08)}.button.secondary{background:transparent;color:var(--text);border:1px solid #444047}.button svg{width:16px;height:16px;fill:currentColor}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:44px}.pagination span{color:var(--muted);font-size:.875rem}.empty{min-height:280px;text-align:center;padding:65px 20px;color:var(--muted)}.empty p{margin:0 0 22px}footer{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding:30px 5%;color:#78747e;font-size:.75rem}.footer-brand{font-size:1.4rem;letter-spacing:-1px;font-weight:700;color:var(--muted)}footer p{margin:0}footer>span{margin-left:auto}
dialog{color:var(--text);background:#17171b;border:1px solid #3b3840;border-radius:12px;padding:0;width:min(1080px,94vw);max-height:92vh;overflow:auto;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#07070cce;backdrop-filter:blur(6px)}.close{position:absolute;right:18px;top:18px;z-index:5;width:40px;height:40px;border:1px solid #ffffff25;border-radius:50%;background:#101014d9;color:#fff;display:grid;place-items:center}.close svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.detail-hero{position:relative;padding:48px 40px 34px;isolation:isolate;display:grid;grid-template-columns:180px 1fr;gap:30px;min-height:300px}.detail-backdrop{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.2}.detail-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#17171b,transparent)}.detail-poster{width:180px;aspect-ratio:2/3;object-fit:cover;border-radius:6px;background:#27252c}.detail-poster.audio{aspect-ratio:1/1}.detail-body{padding-top:8px;min-width:0}h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.18;letter-spacing:-.5px;margin:0 40px 13px 0}.detail-meta{display:flex;gap:12px;flex-wrap:wrap;color:#c0bcc4;font-size:.875rem;margin-bottom:16px}.detail-summary{font-size:1rem;line-height:1.6;color:#bfbbc4;margin:16px 0 22px;max-height:175px;overflow:auto}.detail-tags{color:var(--accent);font-size:.75rem;margin-top:13px}.detail-section{padding:10px 40px 35px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h3{font-size:1.15rem;font-weight:600;margin:0}.season-select{background:#25232a;color:#eee;border:1px solid #45414c;padding:10px;border-radius:5px;max-width:280px;min-width:120px;font-size:.875rem}.episodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.episode{display:flex;align-items:center;gap:14px;border:1px solid #35313b;background:#211f26;color:var(--text);border-radius:6px;padding:15px;text-align:left;min-width:0}.episode:hover{border-color:var(--accent);background:#2a2224}.episode-number{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:1px solid #4c444e;color:var(--accent);border-radius:50%;font-size:.875rem}.episode-name{font-size:.875rem;line-height:1.4;display:block}.episode-time{font-size:.75rem;color:var(--muted);display:block;margin-top:3px}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.album .poster-wrap{aspect-ratio:1/1}.player-panel{padding:8px 40px 32px}.player-panel video{width:100%;max-height:65vh;background:#000;border-radius:6px;display:block;aspect-ratio:16/9}.player-panel audio{width:100%;display:block;margin:14px 0}.player-title{font-size:1rem;margin:0 0 12px;font-weight:500}.player-info{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:.875rem}.player-info select{background:#27242c;border:1px solid #46414c;border-radius:4px;color:var(--text);padding:8px;font-size:.875rem}.player-status{font-size:.875rem;color:var(--muted);line-height:1.5;margin:12px 0}.player-status.error{color:#ffa28b}.detail-loading{padding:90px 40px;text-align:center;color:var(--muted)}
@media(min-width:1500px){.grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:1150px){.header{gap:30px}.header-caption{display:none}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px}.filters{gap:15px}.filter-group select{max-width:190px}.reset{margin-left:auto}.sort-filter{margin-left:0}}@media(max-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-counter{display:none}.detail-hero{padding:45px 28px 25px;grid-template-columns:145px 1fr;gap:24px}.detail-poster{width:145px}.detail-section,.player-panel{padding-left:28px;padding-right:28px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header{padding:0 4%;gap:30px}.nav{gap:21px}main{padding-left:4%;padding-right:4%}}
@media(max-width:650px){.header{height:auto;padding:18px 5% 0;display:block}.brand{font-size:1.6rem}.brand-mark{font-size:.9rem;padding:4px 8px}.nav{gap:25px;margin-top:10px;overflow-x:auto;height:47px}.nav-link{white-space:nowrap;font-size:.875rem}.intro{margin-bottom:22px}main{padding:30px 5% 40px}h1{font-size:1.85rem;letter-spacing:-.6px}.search-bar{height:56px;padding:0 15px;gap:11px}.search-bar input{font-size:.95rem}.search-bar kbd{display:none}.filters{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;padding:18px 0}.filter-group select{max-width:100%;width:100%;font-size:.875rem}.reset{grid-column:1/-1;margin:0;justify-self:start}.results-bar{margin:20px 0 17px;font-size:.8rem}.results-note{display:none}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.card-title{font-size:.875rem}.card-meta,.card-source{font-size:.75rem}.card-type{display:none}.rating{display:none}.pagination{gap:16px;margin-top:30px}.pagination .button{font-size:.8rem;padding:10px 15px}.pagination span{font-size:.75rem}.detail-hero{padding:60px 20px 20px;grid-template-columns:105px 1fr;gap:18px}.detail-poster{width:105px}.detail-body{padding-top:0}h2{font-size:1.4rem;margin-right:0;line-height:1.25}.detail-summary{grid-column:1/-1;max-height:190px;font-size:.875rem}.detail-hero .detail-summary{margin-top:16px}.detail-meta{font-size:.75rem;gap:8px}.detail-tags{line-height:1.5}.detail-hero .button{font-size:.8rem;padding:10px 13px}.detail-section,.player-panel{padding:8px 20px 25px}.section-head{align-items:start}.section-head h3{font-size:1rem;margin-top:10px}.episodes{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-info{flex-wrap:wrap}.player-title{font-size:.875rem}footer{padding:25px 5%;gap:17px}footer>span{display:none}footer p{font-size:.75rem}.close{right:12px;top:12px}}
@media(max-width:360px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:21px}.detail-hero{grid-template-columns:1fr}.detail-poster{display:none}.card-title{font-size:1rem}.card-meta{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}