@import url('/assets/catalog.css?v=4');
.brand-logo{width:38px;height:38px;object-fit:contain;filter:invert(1);opacity:.96}
:root[data-theme="light"]{--bg:#f4f7fb;--panel:#fff;--text:#172235;--muted:#52647c;--blue:#1767b1;--cyan:#146798;--line:#17223522;--shadow:0 20px 54px #29415a24}:root[data-theme="light"] body{background:radial-gradient(circle at 80% -10%,#cde9ff 0,transparent 32%),var(--bg)}:root[data-theme="light"] .topbar{background:linear-gradient(#f8fbffef,transparent)}:root[data-theme="light"] .brand,:root[data-theme="light"] .search-trigger,:root[data-theme="light"] .theme-trigger,:root[data-theme="light"] .nav-links button{color:var(--text)}:root[data-theme="light"] .search-trigger,:root[data-theme="light"] .theme-trigger{background:#ffffffd9}:root[data-theme="light"] .hero:before{background:linear-gradient(90deg,#f4f7fbe8 3%,#f4f7fbd2 35%,transparent 70%),linear-gradient(0deg,var(--bg) 0%,transparent 48%)}:root[data-theme="light"] .hero p,:root[data-theme="light"] .hero-meta,:root[data-theme="light"] .hero-reason{color:#31445e}:root[data-theme="light"] .secondary{background:#ffffffc7;color:#172235}:root[data-theme="light"] .hero-controls>button{background:#ffffffd9;color:#172235}:root[data-theme="light"] .playlist{background:#dce9f5}:root[data-theme="light"] .playlist:after{background:linear-gradient(0deg,#172235e8 4%,transparent 85%)}:root[data-theme="light"] dialog{background:#fff;color:#172235;border-color:#cbd7e4}:root[data-theme="light"] .search-box input,:root[data-theme="light"] .search-box button,:root[data-theme="light"] .suggest{color:#172235}
.hero{transition:opacity .25s}.hero-reason{display:inline-flex;margin-bottom:12px;padding:5px 9px;border-radius:999px;background:#78dfff20;border:1px solid #9de8ff4d;color:#c6f4ff;font-size:12px}.hero-controls{display:flex;align-items:center;gap:10px;margin-top:22px}.hero-controls>button{width:34px;height:34px;border:1px solid #ffffff35;border-radius:50%;background:#07111db8;color:white;cursor:pointer}.hero-dots{display:flex;gap:7px}.hero-dots button{border:0;width:7px;height:7px;border-radius:50%;padding:0;background:#ffffff70;cursor:pointer}.hero-dots button.active{width:24px;border-radius:99px;background:white}.public-facts{display:flex;gap:18px;flex-wrap:wrap;color:#c9d6e5}.public-facts div{padding:8px 0}.public-facts dt{font-size:11px;text-transform:uppercase;color:#91a9c4}.public-facts dd{margin:2px 0 0}.youtube-link{display:inline-block;padding:11px 16px;border-radius:7px;text-decoration:none;margin-top:16px}.collection-detail{padding-top:110px}.collection-detail h1{font:800 clamp(30px,5vw,58px)/1 Manrope;margin:12px 0}@media(max-width:720px){.hero-controls{margin-top:16px}.collection-detail{padding-top:86px}}
.recent-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.recent-grid .card{min-width:0}.recent-grid .card h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.95em}.recent-grid .card .art{box-shadow:0 10px 22px #0006}@media(max-width:1180px){.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recent-grid .card{width:auto}.recent-grid .card h3{font-size:13px}.recent-grid .card p{font-size:11px}}
.theme-trigger{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#07111cb8;color:#d8e3ef;cursor:pointer;font-size:18px}.theme-settings{position:relative;min-width:min(430px,86vw)}.theme-settings h2{margin:0;font:800 24px Manrope}.theme-settings p{color:var(--muted);margin:6px 0 20px}.dialog-close{position:absolute;top:0;right:0;border:0;background:transparent;color:inherit;font-size:26px;cursor:pointer}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-options button{display:grid;gap:5px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:12px;background:transparent;color:inherit;cursor:pointer}.theme-options button span{font-size:21px}.theme-options button small{color:var(--muted)}.theme-options button.selected{border-color:var(--blue);background:#54b7ff18;box-shadow:0 0 0 2px #54b7ff25}@media(max-width:720px){.theme-trigger{margin-left:auto}.theme-options{grid-template-columns:1fr}.theme-settings{min-width:0}}
:root[data-theme="light"] .hero:before{background:linear-gradient(90deg,#f4f7fbdc 0%,#f4f7fbc7 36%,transparent 74%),linear-gradient(0deg,#f4f7fb 0%,transparent 55%),linear-gradient(180deg,#ffffff40,transparent 34%)}:root[data-theme="light"] .brand,:root[data-theme="light"] .nav-links button,:root[data-theme="light"] .hero h1,:root[data-theme="light"] .hero .kicker,:root[data-theme="light"] .hero .hero-reason{color:#172235}:root[data-theme="light"] .hero p,:root[data-theme="light"] .hero-meta{color:#31445e}:root[data-theme="light"] .hero-meta span{background:#ffffffc9;border-color:#17223522}:root[data-theme="light"] .card h3,:root[data-theme="light"] .detail h1,:root[data-theme="light"] .detail p{color:#172235}:root[data-theme="light"] .card p,:root[data-theme="light"] .section-head small{color:#52647c}:root[data-theme="light"] .playlist{background:#dce9f5}:root[data-theme="light"] .playlist-copy h3,:root[data-theme="light"] .playlist-copy span{color:#fff}:root[data-theme="light"] .detail .chip{background:#e7eff7;color:#172235;border-color:#17223522}:root[data-theme="light"] .primary{background:#172235;color:#fff}:root[data-theme="light"] .secondary{background:#ffffffd9;color:#172235;border:1px solid #17223522}:root[data-theme="light"] .search-trigger,:root[data-theme="light"] .theme-trigger{color:#172235;background:#ffffffd9;border-color:#17223533}:root[data-theme="light"] dialog{box-shadow:0 24px 70px #17223533}