.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 28px}.catalog-intro h1{font-size:clamp(28px,3vw,44px);letter-spacing:-1.4px;margin:8px 0 12px}.catalog-intro p:not(.eyebrow){color:#aaa}.catalog-intro button{display:flex;align-items:center;gap:10px;white-space:nowrap}.catalog-intro svg{width:20px;height:20px}.catalog-tiles{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x proximity}.catalog-tile{position:relative;flex:0 0 184px;min-height:150px;text-align:left;padding:20px;border-radius:20px;border:1px solid #41404a;background:linear-gradient(135deg,#343044,#1c1b23);color:#fff;scroll-snap-align:start;cursor:pointer;transition:transform .15s,border-color .15s}.catalog-tile.tone-1{background:linear-gradient(135deg,#243b3b,#171f23)}.catalog-tile.tone-2{background:linear-gradient(135deg,#473123,#231d1b)}.catalog-tile.tone-3{background:linear-gradient(135deg,#352b42,#211b28)}.catalog-tile:hover{transform:translateY(-3px);border-color:#ff997d}.catalog-tile[aria-pressed=true]{border-color:#ff795e;box-shadow:inset 0 0 0 1px #ff795e}.tile-icon{display:block;margin-bottom:18px;color:#ffc6b6}.tile-icon svg{width:25px;height:25px}.catalog-tile strong,.catalog-tile small{display:block}.catalog-tile strong{font-size:15px}.catalog-tile small{font-size:11px;color:#c0bbc4;margin-top:7px}.tile-arrow{position:absolute;right:18px;top:18px;color:#b6a9bc}.catalog-refine{border:1px solid #353535;border-radius:20px;padding:22px;background:#1b1b1b;margin:14px 0 30px}.refine-heading,.catalog-results{display:flex;align-items:center;justify-content:space-between;gap:12px}.refine-heading>strong{font-size:16px}.year-shortcuts{display:flex;gap:10px;margin:18px 0}.year-shortcuts button{padding:10px 20px;border:1px solid #444;background:#252525;color:#eee;border-radius:30px;cursor:pointer}.year-shortcuts button[aria-pressed=true]{background:#ff593a;color:#fff;border-color:#ff593a}.catalog-selects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.catalog-selects label{display:grid;gap:8px;font-size:12px;color:#bbb}.catalog-selects select{width:100%;padding:13px;background:#252525;color:white;border:1px solid #424242;border-radius:12px}.genre-disclosure{border-top:1px solid #343434;margin-top:20px;padding-top:18px}.genre-disclosure summary{cursor:pointer;font-weight:600}.genre-disclosure summary span{font-size:12px;font-weight:400;color:#aaa;margin-left:10px}.genre-disclosure .filters{flex-wrap:wrap;margin-top:15px}.catalog-results h2{font-size:22px;margin:0}.catalog-results>span{color:#aaa;font-size:12px}.catalog-results{margin-bottom:16px}@media(max-width:600px){.catalog-intro{align-items:flex-start;flex-direction:column}.catalog-intro h1{font-size:30px}.catalog-tile{flex-basis:155px;min-height:142px;padding:17px}.catalog-refine{padding:16px}.catalog-selects{gap:10px}.year-shortcuts{gap:8px}.year-shortcuts button{padding:9px 16px}.genre-disclosure summary span{display:block;margin:8px 0}.catalog-results h2{font-size:19px}}@media(prefers-reduced-motion:reduce){.catalog-tile{transition:none}}

.dracin-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border:1px solid #553040;border-radius:24px;background:radial-gradient(ellipse at 85% 20%,#6b2843 0,transparent 65%),#20151c;margin-bottom:24px}.dracin-hero h1{font-size:clamp(30px,4vw,54px);line-height:1.1;margin:16px 0}.dracin-hero p{max-width:560px;color:#d1bec7}.dracin-eyebrow{letter-spacing:3px;font-size:11px;color:#ffbdce}.dracin-hero-mark{font-size:80px;color:#ef9ab5;text-align:center;padding:20px}.dracin-hero-mark small{display:block;font-size:10px;letter-spacing:4px}.dracin-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.dracin-tabs button{white-space:nowrap}.dracin-tools{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:18px 0}.dracin-tools label{display:flex;gap:12px;align-items:center}.dracin-tools select{background:#242024;color:white;border:1px solid #68505c;border-radius:12px;padding:12px}.dracin-tools p{color:#bcaeb5;font-size:13px;max-width:480px}.dracin-page .serial .poster{border-radius:16px}.dracin-page .series-grid{gap:24px 16px}@media(max-width:600px){.dracin-hero{padding:22px}.dracin-hero-mark{display:none}.dracin-tools{display:block}.dracin-tabs button{padding:12px}.dracin-page .series-grid{gap:18px 12px}}