#auth-resend[hidden] {display: none !important;}
#profile-content[aria-busy="true"] {cursor: progress;}
.catalog-count {display: none;}
.featured {min-height: 560px;}
.featured-copy {width: min(860px,80vw);}
.featured h1 {font-size: clamp(2.6rem,5.7vw,5.8rem);}
.featured-meta, .card-tags, .duration, .track-number {font-size: .875rem;}
.eyebrow {font-size: .8rem; letter-spacing: .13em; line-height: 1.6;}
.featured-actions {flex-wrap: wrap;}
.featured-index {display: none;}
.atlas-view {padding: 2.3rem clamp(1rem,5vw,5rem) 4rem; min-height: 70vh;}
.atlas-heading {margin-bottom: 1.8rem;}
.atlas-heading h1 {font-family: Georgia,serif; font-size: clamp(2.4rem,5vw,4.6rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.13; margin: .6rem 0 1rem; overflow-wrap: anywhere;}
.atlas-heading p {color: var(--muted); max-width: 68ch; line-height: 1.75; margin: .5rem 0;}
.atlas-heading .eyebrow {color: var(--gold);}
.atlas-view h2 {font: 500 clamp(1.6rem,2.6vw,2.4rem)/1.25 Georgia,serif; margin: 2.2rem 0 1.2rem;}
.atlas-view h3 {font-size: 1.13rem;}
.atlas-view p {font-size: 1rem; line-height: 1.75;}
.muted {color: var(--muted);}
.prose {max-width: 70ch; font-size: 1.05rem; line-height: 1.85; color: #cbd4cd;}
.prose h2 {color: var(--paper);}
.quiet-shelf {margin: 2rem clamp(1rem,5vw,5rem); padding: 1.5rem 1.8rem; border: 1px solid var(--line); border-radius: 14px; background: var(--ink-2);}
.quiet-shelf p {color: var(--muted); font-size: 1rem;}
.quiet-shelf h2 {font-family: Georgia,serif; font-weight: 500;}
.advanced-search {border-top: 1px solid var(--line); padding-top: 1rem; margin-top: 1rem;}
.advanced-search>summary, .source-notes>summary {cursor: pointer; padding: .4rem 0; color: var(--gold); font-size: .95rem;}
.advanced-search>summary>span {color: var(--muted); margin-left: .8rem; font-size: .875rem;}
.profile-modal label {display: flex; flex-direction: column; gap: .5rem; min-width: 0; font-size: .9rem; color: #c8d1cc;}
.profile-modal input {width: 100%; min-width: 0; border: 1px solid var(--line-strong); border-radius: 8px; padding: .8rem; color: var(--paper); background: var(--ink-2); font-size: 1rem; min-height: 46px;}
.filter-note {font-size: .9rem; line-height: 1.6; color: var(--muted);}
.search-actions {display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line);}
.search-actions .button {min-height: 44px;}
.search-actions .button:disabled {opacity: .42; cursor: not-allowed;}
.saved-search-tile {background: linear-gradient(145deg,#193127,#0b1814);}
.saved-search-tile p {max-width: 85%; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.saved-search-tile:focus-visible {outline: 2px solid var(--gold); outline-offset: 3px;}
#save-search-summary {line-height: 1.6; margin: 0 0 1rem;}
.entity-back {margin-bottom: 1.7rem;}
.entity-hero {display: grid; grid-template-columns: minmax(200px,360px) minmax(0,1fr); gap: clamp(1.5rem,4vw,4rem); align-items: center;}
.entity-image {width: 100%; aspect-ratio: 1.1; object-fit: cover; border-radius: 16px; box-shadow: var(--shadow);}
.entity-hero .atlas-heading {margin-bottom: .5rem;}
.entity-hero h1 {font-size: clamp(2rem,4vw,4.2rem);}
.entity-artist {padding: 0; border: 0; background: transparent; color: var(--gold); font-size: 1.3rem; text-align: left; cursor: pointer;}
.detail-actions {flex-wrap: wrap; gap: .7rem; margin-top: 1.4rem;}
.facts {display: grid; grid-template-columns: repeat(5,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; margin: 2.5rem 0;}
.facts>div {padding: 1.1rem; background: var(--ink-2);}
.facts dt {color: var(--muted); font-size: .875rem; margin-bottom: .6rem;}
.facts dd {margin: 0; font-size: 1rem; overflow-wrap: anywhere; line-height: 1.4;}
.editorial-columns {display: grid; grid-template-columns: minmax(0,1.6fr) minmax(220px,1fr); gap: 4rem;}
.editorial-columns p {color: #cbd4cd;}
.source-notes {margin: 1.5rem 0; padding: 1rem 0; border-block: 1px solid var(--line);}
.source-notes li {margin: .7rem 0; line-height: 1.55;}
.source-notes p {font-size: .875rem; color: var(--muted);}
a {color: var(--gold); text-underline-offset: 4px;}
.family-badge {display: inline-block; font-size: .875rem; color: #cde7cb; margin-top: 1rem;}
.collection-actions {display: flex; flex-wrap: wrap; gap: .7rem; margin: 1.3rem 0;}
.track-list {list-style: none; padding: 0; margin: 1.5rem 0;}
.track-list li {display: flex; gap: 1.2rem; align-items: center; border-bottom: 1px solid var(--line); padding: 1rem 0;}
.track-list li>div {flex: 1; min-width: 0;}
.track-list li>div>span {display: block; font-size: .875rem; color: var(--muted); margin-top: .35rem;}
.track-list strong {font-size: 1rem; font-weight: 550;}
.list-number {min-width: 25px; font: .95rem ui-monospace,monospace; color: var(--gold);}
.artist-timeline {list-style: none; display: flex; flex-wrap: wrap; gap: 1.5rem; padding: 1.4rem 0; margin: 2rem 0; border-block: 1px solid var(--line);}
.artist-timeline li {display: flex; flex-direction: column; gap: .5rem;}
.artist-timeline strong {font: 1.8rem Georgia,serif; color: var(--gold);}
.artist-timeline span {font-size: .95rem; color: var(--muted);}
.connection {fill: none; stroke: #53675d; stroke-width: 2;}
.connection.selected {stroke: var(--gold); stroke-width: 3;}
.edge-list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem;}
.edge-list article {border: 1px solid var(--line); border-radius: 12px; padding: 1.4rem;}
.edge-list h3 {font-size: 1.2rem; line-height: 1.5;}
.edge-list p {color: #c1cdc5;}
.edge-list .source-notes {margin-bottom: 0;}
.player-info {overflow-y: auto; max-height: 330px;}
.player-dock {z-index: 75;}
.player-controls {flex-wrap: wrap;}
.player-title strong {overflow-wrap: anywhere;}
.profile-modal {width: min(94vw,620px); padding: 2.2rem; max-height: 90dvh; overflow: auto;}
.profile-modal .atlas-heading h1 {font-size: 2.7rem;}
.profile-modal form {display: grid; gap: 1.2rem;}
.profile-modal p {line-height: 1.7; font-size: 1rem;}
.profile-modal .button {margin: .4rem .5rem .4rem 0;}
.profile-modal #den-login .button, .profile-modal #den-register .button {width: 100%; justify-content: center; margin: .2rem 0;}
.profile-modal #login-error, .error {color: #ffc1a7;}
.auth-status {min-height: 0; margin: .65rem 0 0; color: #b9d9c4; font-size: .88rem !important; line-height: 1.55 !important;}
.auth-status:empty {display: none;}
.account-help {margin-bottom: .75rem; color: var(--muted);}
.sync-status {font-size: .9rem; line-height: 1.6; margin: 1rem 0; color: var(--muted);}
.sync-status.error {color: #ffc1a7;}
.collection-tabs {flex-wrap: wrap;}
.collection-tabs button {font-size: .95rem;}
.button {font-size: .95rem; line-height: 1.4;}
.track-title-link {line-height: 1.45;}
.card-copy {padding-bottom: .5rem;}
.access-modal {width: min(92vw,590px); border-color: rgba(230,189,115,.5); background: radial-gradient(circle at 90% 5%,rgba(230,189,115,.13),transparent 34%),#0a1814; box-shadow: 0 34px 100px rgba(0,0,0,.72);}
.access-modal::backdrop {background: rgba(2,8,6,.78); backdrop-filter: blur(6px);}
.access-modal .atlas-heading {margin-bottom: 1.2rem;}
.access-modal .atlas-heading h1 {font-size: clamp(2rem,7vw,3.1rem);}
.access-modal .access-primary {display: flex; width: 100%; justify-content: center; margin: .6rem 0 1rem;}
.access-modal .shelf-all {width: 100%; text-align: center;}
.access-note {color: var(--muted); line-height: 1.65;}
.access-note strong {color: var(--paper);}
.profile-required {position: relative; opacity: .68;}
.profile-required::after {content: '◆'; margin-left: .35rem; color: var(--gold); font-size: .48rem;}
@media (max-width:1180px) {.mobile-nav {display: flex; justify-content: space-around;}.mobile-nav button {flex: 1;}.mobile-nav span {font-size: .875rem;}body {padding-bottom: 90px;}.player-dock {bottom: 80px;}.facts {grid-template-columns: repeat(3,1fr);}}
@media (max-width:760px) {.atlas-view {padding-top: 1.7rem;}.featured {min-height: 480px;}.featured-copy {width: 100%; padding: 2rem 1rem;}.featured h1 {font-size: clamp(2.2rem,8vw,3.6rem);}.featured-actions .button {flex: 0 1 auto;}.brand {grid-row: 1;}.advanced-search>summary>span {display: none;}.entity-hero {grid-template-columns: 1fr; gap: 1.7rem;}.entity-image {width: min(100%,400px); aspect-ratio: 16/9;}.facts {grid-template-columns: repeat(2,1fr);}.editorial-columns {grid-template-columns: 1fr; gap: 1rem;}.edge-list {grid-template-columns: 1fr;}.track-list li {gap: .75rem; flex-wrap: wrap;}.track-list .button {padding: .55rem;}.profile-modal {padding: 1.6rem;}.player-info {max-height: 190px; padding: .7rem 1rem;}.player-video iframe {min-height: 200px;}.player-dock {max-height: 70dvh; overflow-y: auto;}.mobile-nav button {padding: .5rem .2rem;}.mobile-nav button span {font-size: .8rem;}.mobile-nav {height: 68px;}.player-dock {bottom: calc(68px + env(safe-area-inset-bottom));}}
@media (max-width:430px) {.atlas-heading h1 {font-size: 2.4rem;}.player-info {max-height: 210px;}}
@media (max-width:520px) {.search-actions .button {flex: 1 1 100%; justify-content: center;}.saved-search-tile p {max-width: 78%;}}
@media (prefers-reduced-motion:reduce) {* {scroll-behavior: auto !important; animation: none !important; transition: none !important;}}
.discovery-mode-tabs {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; max-width: 760px; margin: 1.25rem 0 2rem; padding: .35rem; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.018);}
.discovery-mode-tabs button {display: flex; flex-direction: column; align-items: flex-start; gap: .2rem; min-height: 72px; padding: .9rem 1rem; border: 1px solid transparent; border-radius: 12px; color: var(--muted); background: transparent; text-align: left; cursor: pointer;}
.discovery-mode-tabs button:hover {color: var(--paper); background: rgba(239,227,199,.045);}
.discovery-mode-tabs button[aria-pressed=true] {color: var(--paper); border-color: var(--line-strong); background: linear-gradient(135deg,rgba(230,189,115,.16),rgba(230,189,115,.05)); box-shadow: 0 8px 24px rgba(0,0,0,.16);}
.discovery-mode-tabs strong {font-size: 1rem;}
.discovery-mode-tabs span {font-size: .78rem; color: var(--muted);}
.discovery-preferences {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) auto; gap: 1rem; align-items: end; margin: 0 0 2.5rem; padding: clamp(1.2rem,2.4vw,2rem); border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg,rgba(230,189,115,.075),rgba(255,255,255,.018));}
.preference-intro {grid-column: 1/-1; display: flex; align-items: baseline; flex-wrap: wrap; gap: .35rem 1.2rem; padding-bottom: .35rem;}
.preference-intro h2 {margin: 0; font-size: clamp(1.45rem,2vw,2rem);}
.preference-intro p {flex: 1 1 360px; margin: 0; color: var(--muted); font-size: .9rem;}
.preference-intro .eyebrow {flex: 0 0 100%;}
.discovery-preferences label {display: flex; flex-direction: column; gap: .45rem; min-width: 0; color: #c8d1cc; font-size: .84rem;}
.discovery-preferences select {width: 100%; min-width: 0; min-height: 47px; padding: .75rem 2.2rem .75rem .8rem; border: 1px solid var(--line-strong); border-radius: 10px; color: var(--paper); background: var(--ink-2); font-size: .94rem;}
.discovery-preferences .button {min-height: 47px; white-space: nowrap;}
.discovery-list-heading {display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 2.4rem 0 1.25rem;}
.discovery-list-heading h2 {margin: .3rem 0 0;}
.discovery-list-heading>p {margin: 0; color: var(--gold); font-size: .86rem; text-align: right;}
.discovery-version-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(245px,1fr)); gap: 1.15rem;}
.discovery-version-card {min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(155deg,#13251e,#091511); box-shadow: 0 14px 36px rgba(0,0,0,.13); transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.discovery-version-card:hover {transform: translateY(-3px); border-color: var(--line-strong); box-shadow: 0 18px 42px rgba(0,0,0,.22);}
.discovery-version-cover {position: relative; display: block; width: 100%; aspect-ratio: 16/9; overflow: hidden; padding: 0; border: 0; border-bottom: 1px solid var(--line); background: #0b1713; cursor: pointer;}
.discovery-version-cover:after {content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 35%,rgba(3,10,8,.78));}
.discovery-version-cover img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease;}
.discovery-version-card:hover .discovery-version-cover img {transform: scale(1.035);}
.discovery-version-cover>span {position: absolute; z-index: 1; right: .85rem; bottom: .55rem; color: #f1d392; font: clamp(2.1rem,4vw,3rem)/1 Georgia,serif; letter-spacing: -.04em;}
.discovery-version-copy {padding: 1.15rem;}
.discovery-version-title {display: block; width: 100%; margin: .35rem 0 .25rem; padding: 0; border: 0; color: var(--paper); background: transparent; font: 500 1.35rem/1.3 Georgia,serif; text-align: left; cursor: pointer;}
.discovery-version-title:hover {color: var(--gold);}
.discovery-version-copy p {margin: .15rem 0; color: #d8dfda; font-size: .88rem;}
.discovery-version-copy small {display: -webkit-box; min-height: 2.8em; margin: .25rem 0 1rem; color: var(--muted); font-size: .76rem; line-height: 1.5; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.discovery-version-actions {display: flex; align-items: center; gap: .45rem;}
.discovery-version-actions .button {flex: 1; min-height: 40px; padding: .55rem .75rem;}
.discovery-version-actions .icon-button {flex: 0 0 40px; width: 40px; height: 40px;}
.discovery-mix-actions {display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin: 1.45rem 0 2rem;}
.discovery-mix-actions .button {min-height: 46px;}
.discovery-mix-status {color: var(--muted); font-size: .9rem; line-height: 1.5;}
.discovery-mix-actions+h2 {margin-top: 0;}
.discovery-preference-summary {display: inline-flex; margin: .1rem 0 .4rem !important; padding: .45rem .75rem; border: 1px solid var(--line); border-radius: 999px; color: var(--gold) !important; background: rgba(230,189,115,.05); font-size: .82rem !important;}
@media (max-width:900px) {.discovery-preferences {grid-template-columns: repeat(3,minmax(0,1fr));}.discovery-preferences .button {grid-column: 1/-1; justify-content: center;}.discovery-version-grid {grid-template-columns: repeat(2,minmax(0,1fr));}}
@media (max-width:620px) {.discovery-mode-tabs, .discovery-version-grid {grid-template-columns: 1fr;}.discovery-preferences {grid-template-columns: 1fr;}.discovery-preferences .button {grid-column: auto;}.discovery-list-heading {align-items: flex-start; flex-direction: column;}.discovery-list-heading>p {text-align: left;}.discovery-mix-actions {align-items: stretch;}.discovery-mix-actions .button {width: 100%; justify-content: center;}.discovery-mix-status {width: 100%;}.discovery-version-copy small {min-height: 0;}}
#app-download[hidden] {display: none !important;}
:root {--left-rail-width: 272px;}




.desktop-shell {display: grid; grid-template-columns: var(--left-rail-width) minmax(0,1fr); align-items: start; transition: grid-template-columns .22s ease;}
.desktop-shell>main {min-width: 0; min-height: calc(100vh - var(--header-h));}
.left-rail {position: sticky; z-index: 30; top: var(--header-h); height: calc(100vh - var(--header-h)); min-width: 0; overflow: hidden auto; scrollbar-width: thin; scrollbar-color: var(--copper) transparent; background: linear-gradient(180deg,#0a1814,#07110e);}
.left-rail {border-right: 1px solid var(--line);}
.rail-inner {display: flex; flex-direction: column; min-height: 100%; padding: .85rem;}
.rail-heading {display: flex; align-items: center; justify-content: space-between; gap: .55rem; min-height: 38px; margin-bottom: .68rem; padding: 0 .15rem 0 .55rem; color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;}
.rail-toggle {display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: rgba(255,255,255,.025); cursor: pointer;}
.rail-toggle:hover {color: var(--gold); border-color: var(--line-strong); background: rgba(230,189,115,.06);}
.rail-toggle svg {width: 1rem; height: 1rem; transition: transform .2s ease;}
.rail-field {padding: .55rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.018);}
.rail-field+.rail-field {margin-top: .8rem;}
.profile-field {margin-top: auto; background: rgba(230,189,115,.025);}
.rail-field-title {padding: .35rem .55rem .55rem; color: var(--muted-2); font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap;}
.rail-field-title.secondary-title {margin-top: .65rem; padding-top: .9rem; border-top: 1px solid var(--line);}
.rail-menu {display: grid; gap: .18rem;}
.rail-menu button {display: flex; align-items: center; gap: .72rem; width: 100%; min-height: 41px; overflow: hidden; padding: .55rem .6rem; border: 0; border-radius: 9px; color: var(--muted); background: transparent; font-size: .82rem; font-weight: 650; text-align: left; cursor: pointer;}
.rail-menu button:hover {color: var(--paper); background: rgba(239,227,199,.055);}
.rail-menu button.active {color: var(--paper); background: linear-gradient(90deg,rgba(230,189,115,.13),rgba(230,189,115,.045));}
.rail-menu button.active svg {color: var(--gold);}
.rail-menu button svg {flex: 0 0 1.08rem; width: 1.08rem; height: 1.08rem;}
.rail-menu button span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.discovery-menu button {font-size: .78rem;}
.feedback-field {background: linear-gradient(145deg,rgba(230,189,115,.055),rgba(255,255,255,.015));}
.feedback-intro {margin: 0; padding: 0 .55rem .72rem; color: var(--muted); font-size: .73rem; line-height: 1.5;}
.feedback-email-button {display: flex; align-items: center; justify-content: center; gap: .55rem; min-height: 40px; padding: .55rem .7rem; border: 1px solid var(--line-strong); border-radius: 10px; color: #08110e; background: linear-gradient(135deg,var(--gold),#c99142); font-size: .78rem; font-weight: 800; text-decoration: none; box-shadow: 0 8px 22px rgba(0,0,0,.16); transition: transform .18s ease,border-color .18s ease,filter .18s ease;}
.feedback-email-button:hover {border-color: #f4d393; filter: brightness(1.06); transform: translateY(-1px);}
.feedback-email-button:focus-visible {outline: 2px solid var(--paper); outline-offset: 3px;}
.feedback-email-button svg {flex: 0 0 1rem; width: 1rem; height: 1rem;}
.feedback-address {display: block; margin: .62rem .3rem 0; overflow-wrap: anywhere; color: var(--paper); font-size: .65rem; line-height: 1.35; text-align: center; text-decoration: none;}
.feedback-address:hover {text-decoration: underline; text-underline-offset: 3px;}
.feedback-privacy {margin: .28rem .3rem .1rem; color: var(--muted-2); font-size: .61rem; line-height: 1.35; text-align: center;}
body.left-rail-collapsed {--left-rail-width: 70px;}
body.left-rail-collapsed .left-rail .rail-heading>span, body.left-rail-collapsed .left-rail .rail-field-title, body.left-rail-collapsed .left-rail .rail-menu button span, body.left-rail-collapsed .left-rail .feedback-intro, body.left-rail-collapsed .left-rail .feedback-address, body.left-rail-collapsed .left-rail .feedback-privacy, body.left-rail-collapsed .left-rail .feedback-email-button span {display: none;}
body.left-rail-collapsed .left-rail .rail-inner {padding: .7rem .45rem;}
body.left-rail-collapsed .left-rail .rail-heading {justify-content: center; padding: 0;}
body.left-rail-collapsed .left-rail .rail-field {padding: .35rem; border-color: transparent; background: transparent;}
body.left-rail-collapsed .left-rail .rail-field+.rail-field {margin-top: auto; border-top: 1px solid var(--line); border-radius: 0;}
body.left-rail-collapsed .left-rail .rail-menu button {justify-content: center; padding: 0;}
body.left-rail-collapsed .left-rail .feedback-email-button {width: 41px; min-height: 41px; margin: 0 auto; padding: 0; border-color: var(--line-strong); color: var(--gold); background: rgba(230,189,115,.07); box-shadow: none;}
body.left-rail-collapsed .left-rail .rail-field.feedback-field {margin-top: .45rem;}
body.left-rail-collapsed #left-rail-toggle svg {transform: rotate(180deg);}
.featured {min-height: clamp(480px,62vh,690px);}
.featured-copy {width: min(760px,82%); padding: clamp(2.2rem,4.5vw,4.5rem);}
.featured h1 {font-size: clamp(2.8rem,5.2vw,5.6rem);}
.home-sections {padding-top: 2rem;}
.compact-modal {width: min(480px,calc(100vw - 2rem));}
.compact-modal-content {padding: 0 1.5rem 1.7rem; margin-top: -1rem;}
.compact-modal-content h2 {margin: .65rem 0 .7rem; font: 500 2rem/1.1 Georgia,serif;}
.compact-modal-content p {color: var(--muted); font-size: .95rem; line-height: 1.7;}
@media (max-width:1560px) {.app-action span {display: none;}.app-action {width: 42px; padding: 0;}}
@media (max-width:1360px) {:root {--left-rail-width: 246px;}.brand>span:last-child {display: none;}.featured-copy {width: min(720px,88%);}}
@media (max-width:1180px) {.desktop-shell {display: block;}.left-rail {display: none;}.mobile-nav {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); justify-content: normal;}.mobile-nav button {min-width: 0;}.mobile-nav button span {font-size: .74rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.featured-copy {width: min(760px,80vw);}}
@media (max-width:760px) {.brand {grid-column: 1; grid-row: 1;}.featured {min-height: 520px;}.featured-copy {width: 100%; padding: 2.2rem 1rem 3rem;}.featured h1 {font-size: clamp(2.45rem,12vw,4rem);}.mobile-nav {grid-template-columns: repeat(5,minmax(0,1fr));}.mobile-nav button {padding: .45rem .1rem;}.mobile-nav button span {font-size: .66rem;}}
@media (max-width:430px) {.mobile-nav button span {font-size: .6rem;}}
@media (max-width:1180px) {.mobile-nav {grid-template-columns: repeat(5,minmax(0,1fr)); min-height: 72px; padding: 5px 4px calc(5px + env(safe-area-inset-bottom)); background: rgba(7,25,17,.97);}.mobile-nav button {min-width: 0; min-height: 60px; padding: 5px 2px; gap: 2px;}.mobile-nav button span {display: flex; align-items: center; justify-content: center; min-height: 2.2em; max-width: 100%; font-size: .75rem; line-height: 1.1; white-space: normal; overflow: visible; overflow-wrap: anywhere; text-overflow: clip; text-align: center;}.mobile-nav button svg {flex: none; width: 20px; height: 20px;}body {padding-bottom: calc(82px + env(safe-area-inset-bottom));}.player-dock {bottom: calc(72px + env(safe-area-inset-bottom));}}

.profile-modal label small {color: var(--muted-2); font-size: .75rem; line-height: 1.4;}

@media (max-width:360px) {.brand {grid-column: 1; grid-row: 1;}}
.saved-artist-section {margin: 0 0 2rem;}
.saved-artist-section h2, #collection-content>section>h2 {margin: 0 0 1rem; font: 1.6rem Georgia,serif;}
.saved-artist-grid {display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 1rem;}
.saved-artist {position: relative; min-height: 150px; border: 1px solid var(--line-strong); border-radius: 14px; background: linear-gradient(145deg,#193529,#0a1712); overflow: hidden;}
.saved-artist-open {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: .45rem; width: 100%; min-height: 150px; padding: 1.1rem 3.2rem 1.1rem 1.1rem; border: 0; color: var(--paper); background: none; text-align: left; cursor: pointer;}
.saved-artist-open strong {font: clamp(1.25rem,2.5vw,1.65rem) Georgia,serif; line-height: 1.2; overflow-wrap: anywhere;}
.saved-artist-open>span:last-child {color: var(--gold); font-size: .9rem;}
.saved-artist-remove {position: absolute; top: .7rem; right: .7rem; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--paper); background: var(--ink-2); cursor: pointer;}
.saved-artist-open:focus-visible, .saved-artist-remove:focus-visible {outline: 2px solid var(--gold); outline-offset: -3px;}
.saved-artist:hover {border-color: var(--gold);}
.release-empty {padding: 1.1rem 1.25rem; border: 1px dashed var(--line-strong); border-radius: 12px; color: var(--muted); background: rgba(230,189,115,.025); line-height: 1.6;}
.artist-hero {position: relative; grid-template-columns: minmax(170px,290px) minmax(0,1fr); gap: clamp(1.5rem,4vw,3.5rem); padding: clamp(1.2rem,3.3vw,3rem); border: 1px solid var(--line-strong); border-radius: 20px; background: radial-gradient(circle at 14% 24%,rgba(230,189,115,.14),transparent 37%),linear-gradient(135deg,#173729,#081710);}
.artist-hero .entity-image {aspect-ratio: 1; border-radius: 50%; border: 3px solid rgba(230,189,115,.32);}
.artist-hero-placeholder {display: grid; place-items: center; width: 100%; aspect-ratio: 1; border-radius: 50%; color: var(--gold); background: #123023; font: 8rem Georgia,serif;}
.artist-hero-summary {color: #d3ddcf; font-size: .95rem; line-height: 1.5;}
.artist-hero .atlas-heading h1 {font-size: clamp(2.4rem,5vw,5rem);}
.artist-section {margin: 2.6rem 0 0;}
.artist-section-head {display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.15rem;}
.artist-section-head h2 {margin: .3rem 0;}
.artist-section-head p {margin: .3rem 0; color: var(--muted); font-size: .9rem;}
.artist-about {padding-top: 1.6rem; border-top: 1px solid var(--line);}
.artist-about h2 {margin: .4rem 0 1rem;}
@media (max-width:760px) {.artist-hero {grid-template-columns: 1fr;}.artist-hero .entity-image, .artist-hero-placeholder {width: min(62vw,240px); aspect-ratio: 1;}.artist-section-head .button {width: 100%; justify-content: center;}}
.track-title-link, .artist-link {text-decoration: none;}