@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap);*{box-sizing:border-box}body{background-color:#05060b;color:#e8f6ff;font-family:Outfit,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}:root{--bg:#04050b;--surface:#0a0c16e6;--surface-alt:#161827fa;--text:#e7f5ff;--muted:#8ca4c1;--accent:#18f1ff;--accent-secondary:#ff41c2;--border:#ffffff14;background-color:#04050b;background-color:var(--bg);font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root,body{color:#e7f5ff;color:var(--text)}body{background:radial-gradient(circle at top,#120b23 0,#05060b 60%);margin:0}.App,body{min-height:100vh}.App{display:flex;flex-direction:column;gap:2rem;padding:2rem clamp(1.5rem,4vw,4rem) 3rem}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c16e6;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:24px;gap:1.5rem;justify-content:space-between;padding:1rem 1.5rem}.brand-mark,.site-header{align-items:center;display:flex}.brand-mark{color:inherit;cursor:pointer;gap:.85rem;text-decoration:none}.brand-logo{border:1px solid #ffffff1f;border-radius:20px;height:72px;object-fit:cover;width:72px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#ff41c2,#18f1ff);background:linear-gradient(120deg,var(--accent-secondary),var(--accent));-webkit-background-clip:text;font-size:1.4rem;font-weight:700}.brand-tagline{color:#8ca4c1;color:var(--muted);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase}.site-nav{display:flex;flex-wrap:wrap;gap:.75rem}.nav-link{background:#0000;border:none;border-radius:999px;color:#8ca4c1;color:var(--muted);cursor:pointer;display:inline-flex;font-weight:600;padding:.5rem .75rem;text-decoration:none;transition:color .2s,background .2s}.nav-link.is-active,.nav-link:hover{background:#ffffff14;color:#e7f5ff;color:var(--text)}.cta{background:linear-gradient(120deg,#ff41c2,#18f1ff);background:linear-gradient(120deg,var(--accent-secondary),var(--accent));border:none;border-radius:999px;color:#05060b;font-weight:700}.cta,.ghost{cursor:pointer;padding:.85rem 1.5rem}.ghost{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:999px;color:#e7f5ff;color:var(--text);font-weight:600;text-decoration:none}main{display:flex;flex-direction:column;gap:3rem}.catalog-hero,.channel-info,.cta-panel,.filters,.hero,.playlist-callout,.playlist-card,.results,.singer-block{background:#0a0c16e6;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:28px;box-shadow:0 20px 35px #0006}.catalog-hero,.hero{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2.5rem}.hero__content{display:flex;flex-direction:column;gap:1rem}.hero__eyebrow,.section-eyebrow{color:#ff41c2;color:var(--accent-secondary);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase}.hero__subline{color:#8ca4c1;color:var(--muted);line-height:1.6}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero__stats{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;display:flex;gap:1.5rem;margin-top:1rem;padding:1rem 1.25rem}.hero__stats.compact{flex-wrap:wrap;gap:.75rem 1.5rem;max-width:640px;width:100%}.hero__stats div{text-align:center}.hero__stats.compact div{flex:1 1 140px;text-align:left}.hero__stats-label{color:#8ca4c1;color:var(--muted);display:block;font-size:.75rem;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.hero__stats strong{color:#18f1ff;color:var(--accent);font-size:2rem}.channel-info{display:flex;flex-direction:column;gap:2rem;padding:2.5rem}.info-panels{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-panels article{background:#161827fa;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;padding:1.5rem}.info-panels ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.info-panels li:before{color:#18f1ff;color:var(--accent);content:"• "}.playlist-callout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:2.5rem}.playlist-card{background:#05060b99;border:1px dashed #fff3;padding:1.75rem}.cta-panel{padding:2rem;text-align:center}.catalog-hero{flex-direction:column}.filters{gap:1.5rem;padding:2rem}.filters,.search-field{display:flex;flex-direction:column}.search-field{color:#8ca4c1;color:var(--muted);gap:.75rem}.search-field input{background:#161827fa;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;color:#e7f5ff;color:var(--text);font-size:1rem;padding:1rem 1.25rem}.search-field span{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.alphabet{display:flex;flex-wrap:wrap;gap:.5rem}.alphabet__letter{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:999px;color:#8ca4c1;color:var(--muted);cursor:pointer;font-weight:600;padding:.5rem .9rem}.alphabet__letter.is-active{background:linear-gradient(120deg,#ff41c2,#18f1ff);background:linear-gradient(120deg,var(--accent-secondary),var(--accent));border-color:#0000;color:#05060b}.results{display:flex;flex-direction:column;gap:2rem}.results__empty{border:1px dashed #fff3;color:#8ca4c1;color:var(--muted);padding:3rem;text-align:center}.singer-block{padding:1.5rem}.singer-block__header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding-bottom:1rem}.song-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}@media (min-width:1024px){.song-grid--single{grid-template-columns:minmax(420px,960px);justify-content:center}.song-grid--double{grid-template-columns:repeat(2,minmax(320px,420px));justify-content:center;margin:0 auto;max-width:920px}.song-grid--multi{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.song-card{background:#161827fa;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:540px;padding:1.5rem;width:100%}@media (min-width:1024px){.song-card.is-single{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(240px,320px) minmax(320px,1fr);max-width:960px;padding:2rem}.song-card.is-single .song-card__meta{align-items:flex-start}}.song-card__meta{display:flex;gap:1rem;justify-content:space-between}.song-card__player{aspect-ratio:16/9;border:1px solid #ffffff0d;border-radius:16px;box-shadow:inset 0 0 25px #00000073;margin:0 auto;max-width:560px;min-height:200px;overflow:hidden;position:relative}@media (min-width:1024px){.song-card.is-single .song-card__player{max-width:480px;min-height:240px}}.song-card__title{font-size:1.05rem;font-weight:600;margin:0}.song-card__subtitle{color:#8ca4c1;color:var(--muted);font-size:.85rem;margin:.3rem 0 0}.song-card__meta a{color:#ff41c2;color:var(--accent-secondary);font-weight:600;text-decoration:none}.song-card__loading,.song-card__placeholder,.song-card__player-container,.song-card__player-frame{height:100%;inset:0;position:absolute;width:100%}.song-card__loading,.song-card__placeholder{align-items:center;background:#0000;border:none;color:#e7f5ff;color:var(--text);cursor:pointer;display:flex;justify-content:center}.song-card__placeholder img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.song-card__play{background:#05060bcc;border:1px solid #fff3;border-radius:999px;color:#18f1ff;color:var(--accent);font-weight:600;letter-spacing:.08em;padding:.65rem 1.2rem;position:relative;text-transform:uppercase;z-index:1}.song-card__placeholder:after{background:linear-gradient(135deg,#05060bb3,#05060b00);content:"";inset:0;position:absolute}.song-card__external{background:#17f1ff1f!important;border:1px solid #17f1ff4d!important}.song-card__loading{background:#05060b99;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.site-footer{color:#8ca4c1;color:var(--muted);margin-top:1rem;text-align:center}.site-footer a{color:#18f1ff;color:var(--accent);text-decoration:none}.scroll-top{background:linear-gradient(120deg,#ff41c2,#18f1ff);background:linear-gradient(120deg,var(--accent-secondary),var(--accent));border:none;border-radius:999px;bottom:2rem;box-shadow:0 15px 25px #00000059;color:#05060b;cursor:pointer;font-weight:700;padding:.85rem 1.25rem;position:fixed;right:2rem}.scroll-top:hover{transform:translateY(-2px)}.banner{background:#161827fa;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;box-shadow:inset 0 0 15px #00000040;display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:1rem 1.25rem;width:100%}.banner__label{color:#ff41c2;color:var(--accent-secondary);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.banner__content{align-items:center;color:inherit;display:flex;gap:1rem;text-decoration:none}.banner__content img{border-radius:12px;flex-shrink:0;height:80px;object-fit:cover;width:120px}.banner__body p{font-weight:600;margin:0}.banner__body span{color:#8ca4c1;color:var(--muted);font-size:.85rem}.banner--leaderboard{margin-top:0}.banner--infeed{padding:1rem}.banner--sidebar{position:static}.home-feed{background:#0a0c16e6;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:28px;box-shadow:0 20px 35px #00000059;padding:2rem}.home-feed__header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.home-feed__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width:1024px){.home-feed__grid{grid-template-columns:repeat(5,minmax(180px,1fr))}}@media (max-width:768px){.home-feed__grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width:480px){.home-feed__grid{grid-template-columns:1fr}}.home-feed__banner{margin-top:1.5rem}.home-song-card{background:#161827fa;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.home-song-card img{height:150px;object-fit:cover;width:100%}.home-song-card div{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.home-song-card__title{font-weight:600;margin:0}.home-song-card__subtitle{color:#8ca4c1;color:var(--muted);font-size:.85rem;margin:0}.home-song-card a{color:#ff41c2;color:var(--accent-secondary);font-weight:600;text-decoration:none}.catalog-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 320px}.catalog-sidebar{align-self:start;position:-webkit-sticky;position:sticky;top:140px}.song-grid__banner{grid-column:1/-1;margin:1rem 0}.catalog-sentinel{height:1px;width:100%}.banner--home-callout{padding:1.5rem}.banner--catalog-top{margin-bottom:2rem}.banner--footer{margin-bottom:0}.disclaimer-page{background:#0a0c16e6;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:28px;box-shadow:0 20px 35px #0006;display:flex;flex-direction:column;gap:1rem;padding:2.5rem}.disclaimer-page h1,.disclaimer-page h2{margin:0}.contact-line{color:#18f1ff;color:var(--accent);font-weight:600}@media (max-width:1023px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}.song-grid{justify-items:center}.song-card{max-width:420px}.singer-block__header{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.banner__content{align-items:flex-start;flex-direction:column}.banner__content img{height:120px;width:100%}.song-card{margin:0;max-width:100%;padding:1.25rem;width:100%}.song-card__meta{align-items:flex-start;flex-direction:column;gap:.75rem}.song-card__player{max-width:100%;min-height:170px}.alphabet{gap:.35rem}}@media (max-width:768px){.site-header{flex-wrap:wrap;position:static}.hero__stats{align-items:flex-start;flex-direction:column;gap:.75rem;width:100%}.hero__stats div{text-align:left;width:100%}.catalog-hero,.hero,.playlist-callout{grid-template-columns:1fr}.filters{padding:1.5rem}.song-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.5605ef2d.css.map*/