:root{--page-bg: #02070a;--bg: #061015;--bg-elevated: #0b171b;--bg-card: #0e1c20;--bg-input: #08131a;--border: #16262b;--border-strong: #223640;--text: #e7edef;--text-muted: #89a2a7;--text-faint: #5f7b80;--accent: #11c7b3;--accent-strong: #22ddc7;--accent-wash: rgba(17, 199, 179, .14);--accent-glow: rgba(17, 199, 179, .35);--surface-tint: rgba(17, 199, 179, .028);--coral: #ff6b5e;--coral-wash: rgba(255, 107, 94, .16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--player-height: 92px;--touch-target: 44px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--shell-max-width: 1240px;--website-header-height: 84px;--website-header-height-mobile: 108px}[data-media-type=sfx]{--accent: #e0a13c;--accent-strong: #f0b354;--accent-wash: rgba(224, 161, 60, .16);--accent-glow: rgba(224, 161, 60, .35);--surface-tint: rgba(224, 161, 60, .036)}[data-media-type=voices]{--accent: #8f82f2;--accent-strong: #a79cf7;--accent-wash: rgba(143, 130, 242, .16);--accent-glow: rgba(143, 130, 242, .35);--surface-tint: rgba(143, 130, 242, .036)}*{box-sizing:border-box}html,body{background:var(--page-bg);color:var(--text)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,#02070a80,#02070aad),url(/brand/app-background-tile.webp);background-repeat:no-repeat,repeat;background-size:cover,640px 640px}@media (max-width: 767px){body:before{display:none}}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding-bottom:calc(var(--player-height) + var(--safe-bottom) + 16px);position:relative;z-index:1;max-width:var(--shell-max-width);margin:0 auto;background:var(--bg);border-left:1px solid rgba(255,255,255,.035);border-right:1px solid rgba(255,255,255,.035);box-shadow:0 0 60px #00000059}@media (max-width: 767px){.app-shell{border-left:none;border-right:none;box-shadow:none}}.finder-page{flex:1;width:100%;margin:0 auto;padding:0 20px 40px}.finder-page__status{padding:40px 0;color:var(--text-muted)}.finder-page__shared-status{margin:0 0 12px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-muted);font-size:.85rem}.build-strip{flex-shrink:0;border-top:1px solid rgba(255,255,255,.06);padding:16px 20px;text-align:center}.build-strip__text{margin:0;font-size:12px;color:var(--text-faint);letter-spacing:.02em}.website-header{position:sticky;top:0;z-index:70;width:100%;background:#000;border-bottom:1px solid rgba(255,255,255,.08)}.website-header__inner{max-width:1240px;margin:0 auto;min-height:var(--website-header-height);padding:14px 16px;display:flex;align-items:center;gap:32px}.website-header__brand{flex-shrink:0;display:flex;align-items:center}.website-header__logo{height:56px;width:auto}.website-header__nav{display:flex;align-items:center;gap:28px;flex:1}.website-header__nav a{text-decoration:none;color:#e6e8ec;font-size:.95rem;font-weight:500;padding-bottom:4px;border-bottom:2px solid transparent}.website-header__nav a:hover{color:#11c7b3}.website-header__nav a[aria-current=page]{color:#11c7b3;border-bottom-color:#11c7b3}.website-header__actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.website-header__store-cta{display:inline-flex;align-items:center;padding:12px 22px;border-radius:999px;border:none;background:#3c3c3c;color:#fff;text-decoration:none;font-size:.82rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.website-header__store-cta:hover{background:#4b4b4b}.website-header__socials{display:flex;align-items:center;gap:14px}.website-header__socials a{width:28px;height:28px;color:#e6e8ec;display:inline-flex;align-items:center;justify-content:center}.website-header__socials a:hover{color:#11c7b3}.website-header__hamburger{display:none;width:var(--touch-target);height:var(--touch-target);flex-shrink:0;background:none;border:none;align-items:center;justify-content:center}.website-header__hamburger-bars,.website-header__hamburger-bars:before,.website-header__hamburger-bars:after{display:block;width:22px;height:2px;background:#e6e8ec;border-radius:2px;transition:transform .15s ease,opacity .15s ease}.website-header__hamburger-bars{position:relative}.website-header__hamburger-bars:before,.website-header__hamburger-bars:after{content:"";position:absolute;left:0}.website-header__hamburger-bars:before{top:-7px}.website-header__hamburger-bars:after{top:7px}.website-header__hamburger-bars--open{background:transparent}.website-header__hamburger-bars--open:before{top:0;transform:rotate(45deg)}.website-header__hamburger-bars--open:after{top:0;transform:rotate(-45deg)}.website-header__mobile-menu{position:fixed;top:var(--website-header-height-mobile);left:0;right:0;bottom:0;z-index:65;background:#000;padding:16px 20px calc(20px + var(--safe-bottom));display:flex;flex-direction:column;gap:24px;overflow-y:auto}.website-header__mobile-menu nav{display:flex;flex-direction:column;gap:4px}.website-header__mobile-menu nav a{text-decoration:none;color:#e6e8ec;font-size:1rem;padding:10px 4px;min-height:var(--touch-target);display:flex;align-items:center}.website-header__mobile-menu nav a:hover{color:#11c7b3}.website-header__store-cta--mobile{align-self:flex-start}.website-header__socials--mobile{gap:20px}@media (max-width: 860px){.website-header__nav,.website-header__actions{display:none}.website-header__inner{position:relative;min-height:var(--website-header-height-mobile)}.website-header__hamburger{display:flex;position:absolute;left:16px;top:50%;transform:translateY(-50%)}.website-header__brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.website-header__logo{height:60px}}.app-header{position:relative;border-bottom:1px solid var(--border)}.app-header__inner{width:100%}.app-header__banner{display:block;width:100%;height:auto;object-fit:contain}.content-tabs{display:flex;gap:8px;margin:24px 0 16px;overflow-x:auto;padding-bottom:2px}.content-tabs__tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);white-space:nowrap;min-height:var(--touch-target)}.content-tabs__tab--active{background:var(--accent-wash);border-color:var(--accent);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent-strong)}.content-tabs__count{font-size:.75rem;color:var(--text-faint);background:#ffffff0f;border-radius:999px;padding:1px 8px}.content-tabs__tab--active .content-tabs__count{color:var(--accent)}.filter-bar{background-color:var(--bg-elevated);background-image:linear-gradient(var(--surface-tint),var(--surface-tint));border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:14px;scroll-margin-top:16px}.filter-bar__toolbar{display:none;gap:10px;flex-wrap:wrap}.filter-bar__toggle{min-height:var(--touch-target);padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text);font-weight:600}.filter-bar__toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent-strong)}.filter-bar__search input{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-input);min-height:var(--touch-target)}.search-autocomplete{position:relative}.search-autocomplete__listbox{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;max-height:min(320px,60vh);overflow-y:auto;overflow-x:hidden;margin:0;padding:6px;list-style:none;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.search-autocomplete__option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--touch-target);padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer}.search-autocomplete__option:hover,.search-autocomplete__option--active{background:var(--accent-wash)}.search-autocomplete__term{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.search-autocomplete__type{flex-shrink:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.filter-bar__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end}.filter-bar__field{display:flex;flex-direction:column;gap:4px;min-width:0}.filter-bar__field-label{font-size:.72rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.filter-bar__field select{min-height:var(--touch-target);padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-input);width:100%}.filter-bar__clear{min-height:var(--touch-target);padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);align-self:end;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.filter-bar__clear--active{border-color:var(--accent);background:var(--accent-wash);color:var(--accent-strong)}.filter-bar__bpm-range{display:flex;align-items:center;gap:6px}.filter-bar__bpm-range input{min-height:var(--touch-target);width:100%;min-width:0;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-input)}.filter-bar__bpm-sep{color:var(--text-faint);flex-shrink:0}@media (max-width: 600px){.filter-bar__toolbar{display:flex;order:1}.filter-bar__search{order:0}.filter-bar__summary{order:2;border-top:none;padding-top:0}.filter-bar__grid{order:3}.filter-bar__grid[data-open=false]{display:none}}.filter-bar__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px}.filter-bar__summary p{margin:0;color:var(--text-muted);font-size:.85rem}.filter-bar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-bar__play-results{min-height:var(--touch-target);padding:0 18px;border-radius:var(--radius-md);border:1px solid var(--accent);background:var(--accent-wash);color:var(--accent-strong);font-weight:600}.filter-bar__play-results:disabled{opacity:.4;cursor:not-allowed}.filter-bar__random{display:inline-flex;align-items:center;gap:8px;min-height:var(--touch-target);padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text);font-weight:600}.filter-bar__random:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.filter-bar__random:disabled{opacity:.4;cursor:not-allowed}.hai-tooltip-wrap{position:relative;display:inline-flex}.hai-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);white-space:nowrap;background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text);font-size:.78rem;padding:6px 10px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:5}@media (hover: hover){.hai-tooltip-wrap:hover .hai-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}}.hai-tooltip-wrap:has(:focus-visible) .hai-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){.hai-tooltip{transition:none}}.pack-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.pack-card{background-color:var(--bg-card);background-image:linear-gradient(var(--surface-tint),var(--surface-tint));border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.pack-card__header{display:flex;align-items:stretch;cursor:pointer}.pack-card__cover-trigger{flex-shrink:0;display:flex;align-items:center;padding:12px 0 12px 14px;background:none;border:none}button.pack-card__cover-trigger{cursor:zoom-in}.pack-card__toggle{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 14px;background:none;border:none;text-align:left;min-height:var(--touch-target)}.pack-card__header:hover{background:#ffffff08}.chevron{display:inline-block;color:var(--accent);transition:transform .15s ease;flex-shrink:0}.chevron--open{transform:rotate(90deg)}.pack-card__cover{width:66px;height:52px;border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0;background:var(--bg-input)}.pack-card__title-block{display:flex;flex-direction:column;min-width:0;gap:2px}.pack-card__title-row{display:flex;align-items:center;gap:8px;min-width:0}.pack-card__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{flex-shrink:0;font-size:.68rem;font-weight:600;padding:2px 9px;border-radius:999px;border:1px solid var(--accent);color:var(--accent-strong);white-space:nowrap}.badge--ggj{border-color:#c26bd9;color:#e2a6f0;font-weight:500}.pack-card__meta{font-size:.78rem;color:var(--text-faint)}.pack-card__actions{flex-shrink:0;align-self:center;margin-right:14px;display:flex;align-items:center;gap:8px}.pack-card__itch-link{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.pack-card__itch-link:hover{border-color:var(--accent);color:var(--accent-strong)}.pack-card__details-cta{flex-shrink:0;padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);min-height:36px}.pack-card__details-cta:hover{border-color:var(--accent);color:var(--accent-strong)}.pack-card__body{border-top:1px solid var(--border);padding:6px 8px 10px;display:flex;flex-direction:column;gap:2px}.group-section{margin:4px 0}.group-section__header{display:flex;align-items:center;gap:10px;width:100%;padding:10px 10px 10px 20px;background:#ffffff05;border:none;border-radius:var(--radius-sm);text-align:left;min-height:var(--touch-target)}.group-section__label{font-weight:600;font-size:.9rem}.group-section__meta{margin-left:auto;font-size:.75rem;color:var(--text-faint)}.group-section__body{padding-left:14px;display:flex;flex-direction:column;gap:2px}.track-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-radius:var(--radius-sm)}.track-row--current{background:var(--accent-wash)}.track-row--shared-highlight{animation:hai-shared-highlight-pulse 2.4s ease-out}@keyframes hai-shared-highlight-pulse{0%{background:var(--accent-wash)}to{background:transparent}}@media (prefers-reduced-motion: reduce){.track-row--shared-highlight{animation:none;background:var(--accent-wash)}}.track-row__play{flex-shrink:0;width:var(--touch-target);height:var(--touch-target);border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-input);display:flex;align-items:center;justify-content:center;margin-left:4px}.track-row--current .track-row__play{border-color:var(--accent);color:var(--accent-strong)}.track-row__body{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:none;text-align:left;padding:10px 8px;border-radius:var(--radius-sm);min-height:var(--touch-target)}.track-row__body:hover{background:#ffffff08}.track-row__title-block{display:flex;flex-direction:column;min-width:0;flex:1}.track-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.track-row__subtitle{font-size:.72rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row__tags{display:none;gap:6px;flex-shrink:0}@media (min-width: 640px){.track-row__tags{display:flex}}.track-row__source{flex-basis:100%;margin-left:calc(var(--touch-target) + 4px + 10px);padding:0 0 4px;background:none;border:none;text-align:left;font-size:.72rem;color:var(--text-faint);cursor:pointer}.track-row__source-title{color:var(--accent)}.track-row__source:hover .track-row__source-title,.track-row__source:focus-visible .track-row__source-title{color:var(--accent-strong);text-decoration:underline}.chip{font-size:.7rem;padding:3px 9px;border-radius:999px;background:var(--accent-wash);color:var(--accent);white-space:nowrap}.chip--muted{background:#ffffff0f;color:var(--text-muted)}.chip--bpm{background:#ffffff14;color:var(--text-muted);border:1px solid var(--border-strong)}.empty-state{margin-top:24px;padding:40px 24px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted)}.empty-state__title{font-weight:600;color:var(--text);margin-bottom:8px}.empty-state--voices{margin-top:20px}.empty-state--voices__art{width:min(360px,100%);margin:0 auto 20px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-input)}.coming-soon-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.coming-soon-section__heading{margin:0 0 14px;font-size:1rem;font-weight:600;color:var(--text)}.coming-soon-list{margin:0}.coming-soon-card{opacity:.92}.coming-soon-card__tag{flex-shrink:0;font-size:.68rem;font-weight:600;padding:2px 9px;border-radius:999px;background:#ffffff0f;color:var(--text-muted);white-space:nowrap}.coming-soon-card__tracklist{list-style:none;margin:0;padding:4px 16px 12px 82px;display:flex;flex-direction:column;gap:6px}.coming-soon-card__track{display:flex;gap:8px;font-size:.82rem;color:var(--text-faint);line-height:1.4}.coming-soon-card__track-number{flex-shrink:0;color:var(--text-faint);opacity:.7;font-variant-numeric:tabular-nums}.scroll-to-top{position:fixed;right:20px;bottom:calc(var(--player-height) + var(--safe-bottom) + 16px);z-index:40;padding:10px 16px;border-radius:999px;border:1px solid var(--accent);background:var(--bg-elevated);color:var(--accent-strong);box-shadow:var(--shadow-lg);min-height:var(--touch-target)}.persistent-player{position:fixed;left:0;right:0;bottom:0;z-index:62;background:var(--bg-elevated);border-top:2px solid var(--accent);padding-bottom:var(--safe-bottom);box-shadow:0 -6px 24px #0006}.transport-icon{color:var(--text-muted);transition:color .12s ease,border-color .12s ease,background-color .12s ease}.transport-icon svg{width:20px;height:20px;display:block}button.transport-icon:hover:not(:disabled){color:var(--accent-strong);border-color:var(--accent)}button.transport-icon:active:not(:disabled){color:var(--accent)}.transport-icon--static{color:var(--text-faint);flex-shrink:0}.persistent-player__loading{width:16px;height:16px;border-radius:999px;border:2px solid rgba(4,33,29,.35);border-top-color:#04211d;animation:transport-spin .7s linear infinite}@keyframes transport-spin{to{transform:rotate(360deg)}}.persistent-player__error{margin:0;padding:6px 16px;background:var(--coral-wash);color:var(--coral);font-size:.78rem}.persistent-player__inner{display:flex;align-items:center;gap:16px;padding:10px 20px;max-width:var(--shell-max-width);margin:0 auto;flex-wrap:wrap}.persistent-player__track{display:flex;align-items:center;gap:10px;min-width:160px;flex:1 1 200px}.persistent-player__track--link{background:none;border:none;padding:4px;margin:-4px;border-radius:var(--radius-md);text-align:left;cursor:pointer}.persistent-player__track--link:hover:not(:disabled),.persistent-player__track--link:focus-visible{background:var(--accent-wash)}.persistent-player__track--link:disabled{cursor:default}.persistent-player__cover{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--bg-input)}.persistent-player__track-info{display:flex;flex-direction:column;min-width:0}.persistent-player__title{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persistent-player__subtitle{font-size:.72rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persistent-player__controls{display:flex;flex-direction:column;align-items:center;gap:4px;flex:2 1 280px;min-width:220px}.persistent-player__buttons{display:flex;align-items:center;gap:10px}.persistent-player__buttons button{width:var(--touch-target);height:var(--touch-target);border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-input);display:flex;align-items:center;justify-content:center}.persistent-player__play,.persistent-player__play:hover:not(:disabled),.persistent-player__play:active:not(:disabled){background:var(--accent)!important;color:#04211d;border-color:var(--accent)!important}.persistent-player__buttons button:disabled{opacity:.35;cursor:not-allowed}.persistent-player__seek{display:flex;align-items:center;gap:8px;width:100%}.persistent-player__range{flex:1;accent-color:var(--accent)}.persistent-player__time{font-size:.72rem;color:var(--text-faint);min-width:32px;text-align:center}.persistent-player__volume{display:flex;align-items:center;gap:12px;flex:0 0 auto}.persistent-player__volume input[type=range]{width:90px;accent-color:var(--accent)}.persistent-player__close{width:36px;height:36px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-input)}@media (max-width: 640px){.persistent-player__inner{padding:8px 12px}.persistent-player__volume input[type=range],.persistent-player__volume .transport-icon--static{display:none}}.details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a0a99;z-index:60;display:flex;justify-content:flex-end}.details-panel{background:var(--bg-elevated);border-left:1px solid var(--border-strong);width:min(420px,100%);height:100%;overflow-y:auto;padding:20px;box-shadow:var(--shadow-lg)}.details-panel__cover-wrap{position:relative;margin:10px 0 16px}.details-panel__cover-trigger{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:zoom-in}.details-panel__close{position:absolute;top:10px;right:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#040a0aa6;color:var(--text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (min-width: 901px){.details-overlay{top:var(--website-header-height);right:0;bottom:calc(var(--player-height) + var(--safe-bottom));left:0;align-items:flex-start;overflow-y:auto;padding-right:max(0px,calc((100vw - var(--shell-max-width)) / 2))}.details-panel{height:auto;min-height:calc(100vh - var(--website-header-height) - var(--player-height) - var(--safe-bottom));max-height:none;overflow:visible;display:flex;flex-direction:column}.details-panel__close{display:none}}.details-panel__cover{width:100%;height:auto;object-fit:contain;display:block;border-radius:var(--radius-lg);background:var(--bg-input)}.details-panel__eyebrow{margin:0 0 4px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.details-panel__title{margin:0 0 2px;font-size:1.3rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.details-panel__subtitle{margin:0 0 14px;color:var(--text-muted)}.details-panel__share{display:flex;align-items:center;gap:10px;margin:0 0 14px}.details-panel__share-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer}.details-panel__share-button:hover,.details-panel__share-button:focus-visible{border-color:var(--accent);color:var(--accent-strong)}.details-panel__share-icon{width:16px;height:16px;flex-shrink:0}.details-panel__share-status{font-size:.8rem;color:var(--text-faint)}.details-panel__sampler-link{display:block;margin:-8px 0 14px;padding:0;background:none;border:none;text-align:left;font-size:.8rem;color:var(--text-faint);cursor:pointer}.details-panel__sampler-link-title{color:var(--accent)}.details-panel__sampler-link:hover .details-panel__sampler-link-title,.details-panel__sampler-link:focus-visible .details-panel__sampler-link-title{color:var(--accent-strong);text-decoration:underline}.details-panel__release-type{margin:0 0 14px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.details-panel__release-type[data-concept-album]{color:var(--accent-strong)}.details-panel__track-meta{display:flex;align-items:center;gap:8px;margin:0 0 14px}.details-panel__meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;margin:0 0 16px}.details-panel__meta-item--wide{grid-column:1 / -1}.details-panel__meta dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.details-panel__meta dd{margin:0;font-size:.88rem}.details-panel__description{color:var(--text-muted);line-height:1.5;margin:0 0 16px}.details-panel__product-info{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;margin:0 0 16px;padding-top:14px;border-top:1px solid var(--border)}.details-panel__product-info dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.details-panel__product-info dd{margin:0;font-size:.88rem}.details-panel__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.details-panel__links{display:flex;flex-wrap:wrap;gap:10px}.details-panel__link{padding:9px 14px;border-radius:var(--radius-md);border:1px solid var(--border-strong);text-decoration:none;font-size:.85rem;min-height:var(--touch-target);display:inline-flex;align-items:center;gap:8px;color:var(--text-muted)}.details-panel__link-icon{flex-shrink:0;color:var(--text-faint);transition:color .12s ease}.details-panel__link:hover{border-color:var(--accent);color:var(--text)}.details-panel__link--streaming:hover .details-panel__link-icon,.details-panel__link--booklet:hover .details-panel__link-icon{color:var(--accent-strong)}@media (max-width: 900px){.details-overlay{align-items:flex-end}.details-panel__cover{border-radius:var(--radius-md)}.details-panel{width:100%;height:auto;max-height:calc(85vh - var(--player-height) - var(--safe-bottom));border-left:none;border-top:1px solid var(--border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:calc(var(--player-height) + var(--safe-bottom))}}@media (max-width: 640px){.finder-page{padding:0 14px 32px}.filter-bar{padding:14px}.filter-bar__grid{grid-template-columns:repeat(2,1fr)}.filter-bar__clear{grid-column:span 2}.pack-card__title{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.25}.pack-card__title-row{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 400px){.filter-bar__grid{grid-template-columns:1fr}.filter-bar__clear{grid-column:span 1}}.finder-page__tabs-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.finder-page__tabs-row>.content-tabs{flex:1;min-width:0}.finder-page__help-trigger{flex-shrink:0;min-height:var(--touch-target);padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);font-weight:600}.finder-page__help-trigger:hover{border-color:var(--accent);color:var(--accent-strong)}.concept-albums-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.concept-albums-section__heading{margin:0 0 14px;font-size:1rem;font-weight:600;color:var(--text)}.help-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a0aa6;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}.help-modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(860px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden}.help-modal__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.help-modal__title{margin:0;font-size:1.1rem}.help-modal__close{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#040a0aa6;color:var(--text);transition:color .12s ease,border-color .12s ease}.help-modal__close svg{width:18px;height:18px;display:block}.help-modal__close:hover,.help-modal__close:focus-visible{border-color:var(--accent);color:var(--accent-strong)}.help-modal__body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.help-modal__section h3{margin:0 0 8px;font-size:.95rem;color:var(--accent-strong)}.help-modal__section ul{margin:0;padding-left:20px;color:var(--text-muted);line-height:1.5;display:flex;flex-direction:column;gap:6px}.help-modal__links{flex-shrink:0;display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.help-modal__links a{padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border-strong);color:var(--text-muted);text-decoration:none;font-size:.85rem}.help-modal__links a:hover{border-color:var(--accent);color:var(--text)}.help-modal__links-button{padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);font-size:.85rem;cursor:pointer}.help-modal__links-button:hover,.help-modal__links-button:focus-visible{border-color:var(--accent);color:var(--text)}@media (max-width: 640px){.help-modal__backdrop{padding:0;align-items:flex-end}.help-modal{width:100%;max-height:92vh;max-height:92dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-left:none;border-right:none;border-bottom:none}}.cover-lightbox__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a0acc;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px}.cover-lightbox{position:relative;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:min(900px,100%);max-height:100%;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.cover-lightbox__image{display:block;max-width:100%;max-height:calc(100vh - 140px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);background:var(--bg-input)}.cover-lightbox__error{margin:0;padding:40px;color:var(--text-muted)}.cover-lightbox__caption{margin:0;color:var(--text-muted);font-size:.9rem;text-align:center}.cover-lightbox__close{position:absolute;top:10px;right:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#040a0aa6;color:var(--text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cover-lightbox__close:hover,.cover-lightbox__close:focus-visible{border-color:var(--accent);color:var(--accent-strong)}@media (max-width: 640px){.cover-lightbox__backdrop{padding:12px}}.analytics-consent{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;padding:14px 18px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg)}.analytics-consent__text{margin:0;font-size:.85rem;color:var(--text-muted)}.analytics-consent__actions{display:flex;flex-shrink:0;gap:10px}.analytics-consent__accept,.analytics-consent__reject{padding:8px 18px;border-radius:var(--radius-md);font-size:.85rem;cursor:pointer}.analytics-consent__accept{border:1px solid var(--accent);background:var(--accent);color:var(--bg)}.analytics-consent__accept:hover,.analytics-consent__accept:focus-visible{background:var(--accent-strong);border-color:var(--accent-strong)}.analytics-consent__reject{border:1px solid var(--border-strong);background:transparent;color:var(--text-muted)}.analytics-consent__reject:hover,.analytics-consent__reject:focus-visible{border-color:var(--accent);color:var(--text)}