:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020817;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:#020817}body{background-image:url(/novafuture_rec_background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,p,ul,li{margin-top:0}.app-shell{z-index:1;color:#e5e7eb;max-width:1200px;margin:0 auto;padding:32px 20px 60px;position:relative}.topbar{background:#0f172ab8;border:1px solid #94a3b833;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;width:100%;margin-bottom:20px;padding:12px 16px 14px;display:flex;box-shadow:0 8px 22px #0f172a2e}.topbar-copy{min-width:0}.topbar-logo{object-fit:contain;flex:none;width:160px;max-height:88px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#d1d5db;margin:6px 0 0;font-size:11px}h1{letter-spacing:-.04em;color:#f8fafc;text-shadow:none;margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1}@media (width<=640px){.topbar{align-items:flex-start}.topbar-logo{width:112px;max-height:64px}}.filter-bar{background:#0f172acc;border:1px solid #94a3b833;border-radius:14px;flex-wrap:wrap;gap:16px;margin:0 0 24px;padding:16px 18px;display:flex}.search-field,.type-field{color:#cbd5e1;flex-direction:column;gap:8px;font-size:.85rem;display:flex}.search-field{flex:280px}.type-field{flex:0 0 180px}input,select{color:#f8fafc;background:#0f172ae6;border:1px solid #94a3b84d;border-radius:10px;padding:10px 12px;font-size:1rem}input:focus,select:focus{outline-offset:2px;outline:2px solid #8b5cf6cc}.grid{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}.panel{background:#0f172ae6;border:1px solid #94a3b833;border-radius:18px;padding:18px 18px 14px;box-shadow:0 12px 30px #0f172a47}.panel.wide{grid-column:1/-1}.panel h2{color:#f8fafc;margin:0 0 16px;font-size:1.2rem}.section-heading{display:block}.section-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.section-count{color:#94a3b8;font-size:.8rem}.section-chevron{color:#94a3b8;font-size:1.2rem;line-height:1}.panel ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.panel:first-of-type ul,.panel:nth-of-type(2) ul{grid-template-columns:1fr}.panel.wide ul{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.panel li{cursor:pointer;background:linear-gradient(#334155e6,#1f2937f2);border:1px solid #94a3b82e;border-radius:12px;flex-direction:column;justify-content:space-between;gap:6px;min-height:120px;padding:14px 14px 12px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex}.panel li:hover{background:linear-gradient(#475569f2,#1f2937);border-color:#8b5cf6cc;transform:translateY(-2px);box-shadow:0 10px 22px #8b5cf62e}.panel li:active{border-color:#a78bfae6;transform:translateY(0);box-shadow:inset 0 0 0 1px #a78bfa66}.release-card{align-items:center;flex-direction:row!important}.release-card-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.release-card-artwork{object-fit:cover;background:#0f172ae6;border:1px solid #94a3b83d;border-radius:8px;flex:0 0 72px;width:72px;height:72px;margin-left:12px}.artist-card{align-items:center;flex-direction:row!important}.artist-card-artwork{object-fit:cover;background:#0f172ae6;border:1px solid #94a3b83d;border-radius:8px;flex:0 0 72px;width:72px;height:72px;margin-left:12px}.panel strong{color:#f8fafc;font-size:1rem;line-height:1.35}.panel span,.panel small{color:#e2e8f0}.panel small{color:#cbd5e1;margin-top:auto}.empty{color:#94a3b8;margin:0}.detail-overlay{z-index:50;background:#020817b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.detail-panel{background:#0f172a;border:1px solid #94a3b833;border-radius:18px;width:min(760px,100%);max-height:80vh;padding:28px 24px 20px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0f172a80}.back-button,.close-button{color:#f8fafc;cursor:pointer;background:#94a3b826;border:none;border-radius:999px}.back-button{padding:8px 12px;font-size:.8rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.close-button{width:32px;height:32px;font-size:1.5rem;position:absolute;top:12px;right:12px}.detail-kind{color:#8b5cf6;text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;font-size:.72rem}.detail-header{flex-direction:column;align-items:stretch;gap:20px;margin-top:48px;margin-bottom:20px;display:flex}.detail-media,.detail-copy{width:100%}.detail-artist{font-size:1.35rem;font-weight:700;color:#aeb8c7!important;margin-top:10px!important}.detail-cover-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;display:grid}.detail-cover-slot{justify-content:flex-start;width:100%;display:flex}.detail-artwork{object-fit:cover;background:#0f172ae6;border:1px solid #94a3b833;border-radius:12px;width:300px;height:300px}.detail-artwork-empty{background:#0f172a4d;border:1px dashed #94a3b83d;border-radius:12px;width:300px;height:300px;display:block}.detail-artwork-back{opacity:.92}.detail-panel h3{color:#f8fafc;margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.5rem)}.detail-panel p{color:#cbd5e1;margin:0}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:22px 0;display:grid}.meta-grid>div{background:#1e293bcc;border:1px solid #94a3b826;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.meta-grid span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.meta-grid strong{color:#f8fafc;font-size:1rem}.meta-link{color:#f8fafc;text-underline-offset:2px;font-weight:600;text-decoration:underline}.track-list-card{grid-column:1/-1;min-height:120px}.track-list-card ul{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.track-list-card .track-item{cursor:pointer;border-radius:10px;grid-template-columns:minmax(0,1fr) 56px;align-items:center;width:100%;display:grid;color:#f8fafc!important;background:#334155e6!important;border:1px solid #94a3b82e!important;padding:10px 12px!important}.track-item-name{text-transform:none;min-width:0}.meta-grid .track-item-name{text-transform:none}.track-play-button{cursor:pointer;background:0 0;border:0;justify-self:end;width:24px;height:24px;padding:0;position:relative}.track-play-button:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid #848484;position:absolute;top:5px;left:8px}.track-play-button:hover:before,.track-play-button:focus-visible:before{border-left-color:#cbd5e1}.track-play-button:focus-visible{outline-offset:3px;outline:2px solid #848484}.release-player{background:#1e293bcc;border:1px solid #94a3b826;border-radius:12px;margin:22px 0 0;padding:14px}.release-player .soundcloud-player{height:20px}.release-player-placeholder{text-align:center;font-size:.85rem;font-style:italic;color:#94a3b8!important;margin:0!important}.track-list-card .track-item:hover{background:#475569f2!important}@media (width<=640px){.track-list-card .track-item{grid-template-columns:minmax(0,1fr) 24px;align-items:center;display:grid}}.detail-section{margin-top:22px}.detail-section h4{color:#f8fafc;margin:0 0 12px;font-size:1rem}.promo-text-section p{color:#f8fafc;white-space:pre-line;margin:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.7}.promo-text-section{background:#1e293bcc;border:1px solid #94a3b826;border-radius:12px;padding:12px 14px}.promo-text-section h4{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:400}.detail-section ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.detail-section li{color:#e2e8f0;background:#1e293bcc;border:1px solid #94a3b81f;border-radius:10px;padding:10px 12px}.track-list-section ul{flex-direction:column;gap:10px;display:flex}.track-item{cursor:pointer;color:#f8fafc!important;background:#334155e6!important;border:1px solid #94a3b82e!important;padding:12px 14px!important}.track-item:hover{background:#475569f2!important}.soundcloud-player{background:#0f172ae6;border:0;border-radius:12px;width:100%;height:166px;display:block}@media (width<=640px){.detail-cover-stack{grid-template-columns:1fr}.soundcloud-player,.detail-artwork,.detail-artwork-empty{width:100%;max-width:300px}}.status{color:#f8fafc;background:#1e293bcc;border-radius:10px;padding:12px 16px;display:inline-block}.status.error{color:#fca5a5}