/* URAB: editorial music surfaces, open paths and one deliberate curved corner.
   State colors use theme tokens; artwork keeps its own photographic palette. */
:root{--signature-action:var(--lime);--signature-on:var(--on-lime);--signature-radius:4px;--signature-curve:24px}
:root[data-theme=light]{--signature-action:#292332;--signature-on:#fffdf9}
.icon{stroke-width:1.65}
.signed-in .btn{border-radius:var(--signature-radius);border-start-start-radius:18px}
.signed-in .btn:is(.outline,.light){background:transparent}
.signed-in .btn.text-btn{border:0;border-radius:0;background:none}
.signed-in :is(.panel,.invitation,.project-row,.creator-card,.match-card,.contribution-workspace){border-radius:4px;border-start-start-radius:var(--signature-curve);box-shadow:none}
.signed-in :is(.tabs,.discovery-tabs){border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent!important;padding:0;gap:16px}
.signed-in :is(.tabs,.discovery-tabs)>.tab{position:relative;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;color:var(--muted);padding:11px 4px;min-height:44px}
.signed-in :is(.tabs,.discovery-tabs)>.tab.active{color:var(--violet)!important}
.signed-in :is(.tabs,.discovery-tabs)>.tab.active:after{content:'';position:absolute;bottom:-1px;inset-inline:4px;height:3px;border-radius:4px;background:var(--violet)}
.signed-in .search{border-radius:4px;border-start-start-radius:20px;box-shadow:none}
.signed-in :is(.field input,.field select,.field textarea,.discovery-filters select){border-radius:6px}
.signed-in .chip{border-radius:6px;padding-inline:14px}
.signed-in .mood-card{color:var(--ink);background:var(--surface);border:0;border-bottom:1px solid var(--line);border-radius:4px;border-start-start-radius:20px;gap:14px}
.signed-in .mood-card .icon{color:var(--violet);width:24px;height:24px}
.signed-in .creative-door{border:0;border-inline-start:2px solid var(--violet);border-radius:0;background:transparent;padding-block:10px}
.signed-in .listening-shelf .section-title h2{font-size:18px;font-weight:600;letter-spacing:0}
.signed-in .listening-art{border-radius:3px;border-start-start-radius:20px;background:var(--surface)}
.signed-in .listening-art img{object-fit:contain;object-position:center}
.signed-in .listening-art>.icon{background:var(--signature-action);color:var(--signature-on);width:40px;height:40px;padding:11px;inset-inline-end:8px;bottom:8px}
.signed-in .listening-title bdi{font-size:14px;line-height:1.6;font-weight:600;min-height:0}
.signed-in .listening-title small{font-size:12px}
.signed-in .listening-tile .text-btn{font-size:12px;font-weight:500;color:var(--violet)}
.signed-in .library-track{border-radius:0;border:0;border-bottom:1px solid var(--line);background:transparent;padding-block:12px}
.signed-in .library-track .track-art{border-radius:3px;border-start-start-radius:12px}
.signed-in .opportunity-grid .opportunity-card{border:0;border-bottom:1px solid var(--line);border-radius:4px;border-start-start-radius:24px;gap:18px;padding:18px}
.signed-in .opportunity-cover{border-radius:3px;border-start-start-radius:18px}
.signed-in .opportunity-actions .btn{border-radius:4px;border-start-start-radius:16px}
.signed-in .creator-card{border:0;border-bottom:1px solid var(--line)}
.signed-in .work-page .detail-art{border-radius:4px;border-start-start-radius:28px}
.signed-in .work-page .detail-columns>.panel{border:0;border-radius:4px;border-start-start-radius:24px}
.signed-in .work-page .detail-side{border-inline-start:1px solid var(--line);padding-inline-start:24px}
.signed-in .work-primary-actions>.btn[data-action=play]{background:var(--signature-action);color:var(--signature-on);border-radius:4px;border-start-start-radius:22px;border-end-start-radius:22px}
.signed-in .work-page .work-primary-actions>.btn[data-action=contribute]{background:transparent;color:var(--violet);border-color:var(--line)}
.signed-in .profile-buttons .btn{border-radius:4px;border-start-start-radius:18px}
.signed-in .cp-featured{border-radius:4px;border-start-start-radius:24px}
.signed-in .settings-list{max-width:720px;margin:auto}
.signed-in .settings-row{padding-block:20px}
.signed-in .settings-row h3{font-size:15px;font-weight:500}
.signed-in .settings-row p{font-size:13px;line-height:1.8}
.signed-in .theme-option{border-radius:4px;border-start-start-radius:20px}

/* Work card: the image never acts as a text background. */
.signed-in .work-card.signature-work{padding:18px;border:0;border-bottom:1px solid var(--line);border-radius:4px;border-start-start-radius:24px;background:var(--surface);color:var(--ink);overflow:visible;min-width:0}
.signature-work-main{display:grid;grid-template-columns:minmax(92px,160px) minmax(0,1fr);gap:20px;align-items:center}
.signature-art{display:block;aspect-ratio:1;width:100%;padding:0;border:0;border-radius:3px;border-start-start-radius:18px;overflow:hidden;background:var(--surface-2)}
.signature-art img{width:100%;height:100%;object-fit:contain;object-position:center}
.signature-work-copy{min-width:0;display:flex;flex-direction:column;gap:8px}
.signature-kind{color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.signature-work-copy h3{margin:0;line-height:1.5}
.signature-title{display:block;width:100%;background:none;color:var(--ink);text-align:start;border:0;font:600 22px/1.5 Alexandria,sans-serif;overflow-wrap:anywhere;letter-spacing:0;padding:0}
.signature-artist{display:flex;align-items:center;gap:8px;text-align:start;border:0;background:none;color:var(--muted);font-size:12px;min-height:36px;width:fit-content;max-width:100%}
.signature-artist .avatar{width:26px;height:26px;flex:0 0 26px}
.signature-artist bdi{overflow-wrap:anywhere}
.signature-work-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px}
.signature-work .btn.signature-listen{background:var(--signature-action);color:var(--signature-on);min-height:44px;padding:9px 14px;border:0;border-radius:4px;border-start-start-radius:20px;border-end-start-radius:20px;font-size:13px;gap:9px}
.signature-work .signature-work-controls>.icon-btn{width:44px;height:44px;flex:0 0 44px}
.signature-work-context{margin-top:18px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}
.signature-work-context .text-btn{min-height:44px;white-space:normal;text-align:start;font-size:12px;padding:6px 0}
.signature-work-context .text-btn .icon{width:19px;height:19px}
.signature-work>.social-actions{padding:0;border:0;gap:12px;justify-content:flex-start;margin:0}
.signature-work>.social-actions button{min-height:40px;flex:0 1 auto;font-size:12px;gap:6px}
.signature-work>.social-actions .icon{width:17px;height:17px}
.coop-side .signature-work{padding:12px}
.coop-side .signature-work-main{grid-template-columns:84px minmax(0,1fr);gap:12px}
.coop-side .signature-title{font-size:17px}
.coop-side .signature-work-controls{grid-column:1/-1}

/* Quiet account rows, with drawn controls rather than repeated filled buttons. */
dialog[data-kind=account]{max-width:440px;border-radius:4px!important;border-start-start-radius:28px!important}
dialog[data-kind=account] .dialog-head{padding-bottom:8px;margin-bottom:12px;border-bottom:0}
dialog[data-kind=account] .dialog-head h2{font-size:16px;font-weight:500}
.account-panel .account-menu-summary{gap:14px;padding-block:4px 14px}
.account-panel .account-menu-summary>.avatar{width:50px;height:50px;flex-basis:50px;border-radius:50% 50% 50% 14%}
.account-panel .account-menu-summary bdi{font-size:18px}
.account-panel .language-toggle{background:transparent;border-radius:4px;color:var(--muted)}
.account-panel .account-group{padding:8px 0}
.account-panel .account-group h3{padding-inline:2px;font-size:11px;margin-bottom:5px;letter-spacing:0}
.account-panel .btn.account-row{border-radius:0;background:transparent;color:var(--ink);padding:8px 2px;gap:15px;min-height:44px;font-weight:400}
.account-panel .account-row .icon{width:24px;height:24px;flex-basis:24px;color:var(--violet)}
.account-panel .account-signout .account-row{color:var(--ink)}
.account-panel .account-signout .icon{color:var(--violet)}
.account-panel .account-row:disabled{opacity:.45}
html[dir=ltr] .icon-logout{transform:scaleX(-1)}

/* A compact transport rail: consistent circle, independent status and mute. */
.signed-in>.player,.signed-in.player-minimized>.player{border:0;border-block:1px solid var(--line);border-radius:4px!important;border-start-start-radius:18px!important;box-shadow:none;background:var(--surface);height:62px!important;min-height:62px!important;padding:8px 12px!important;gap:9px}
.signed-in.player-minimized>.player{height:54px!important;min-height:54px!important;padding-block:4px!important}
.signed-in .player .now-playing>img{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:3px!important;border-start-start-radius:12px!important;object-fit:contain}
.signed-in.player-minimized .player .now-playing>img{width:34px!important;height:34px!important;flex-basis:34px!important}
.signed-in .player .play-main,.full-player .full-controls>.play-main{background:var(--signature-action)!important;color:var(--signature-on)!important}
.signed-in .player .mini-progress{inset:0 0 auto!important;height:2px!important;background:transparent}
.signed-in .player .mini-progress span{background:var(--violet)}
.signed-in .player.is-muted .mute-control{color:var(--theme-danger-ink)!important;background:var(--theme-danger)!important}
.signed-in .player.is-muted .urab-bars i{background:var(--violet)}
.signed-in .player .now-playing small{display:block!important;font-size:11px}
.signed-in.player-minimized .player .now-playing small{display:none!important}
.signed-in>.mobile-nav{border-top:1px solid var(--line);box-shadow:none}
.signed-in .mobile-nav button.active{border-radius:4px;border-start-start-radius:18px}
dialog:not(.app-welcome){border-radius:6px;border-start-start-radius:26px}
dialog :is(.btn,.field input,.field textarea,.field select){border-radius:6px}
dialog .btn:not(.text-btn):not(.account-row){border-start-start-radius:16px}
dialog .help-nav button{border-radius:4px}

@media(min-width:980px){.signed-in>.player,.signed-in.player-minimized>.player{max-width:940px!important}.signed-in .discovery-tabs{max-width:760px}.signed-in .opportunity-grid{gap:22px}}
@media(max-width:600px){.signed-in .listening-shelf .section-title h2{font-size:16px}.signature-work-main{grid-template-columns:108px minmax(0,1fr);gap:14px}.signature-title{font-size:20px}.signed-in .work-card.signature-work{padding:14px}.signature-work-copy{gap:4px}.signature-work-controls{gap:3px}.signature-work .btn.signature-listen{padding-inline:12px}.signed-in .work-page .detail-side{padding-inline-start:0;border-inline-start:0}.signed-in :is(.tabs,.discovery-tabs){gap:8px}.signed-in .player{gap:6px!important}}
@media(max-width:380px){.signature-work-main{grid-template-columns:88px minmax(0,1fr);gap:12px}.signature-title{font-size:18px}.signature-work-controls{margin-top:4px}.signature-work .btn.signature-listen{padding-inline:10px;font-size:12px}.signature-work-context{gap:6px}.signature-work-context .text-btn{font-size:11px}.signed-in .player .now-playing{gap:6px}.signed-in .player .now-playing b{font-size:12px}.signed-in :is(.tabs,.discovery-tabs){gap:4px}}

/* Content density: 4-unit rhythm. Shelves scroll inside their own bounds;
   recent plays and full result lists have separate, content-sized layouts. */
:root{--browse-gap:12px;--section-gap:24px;--browse-type:.875rem;--meta-type:.75rem}
.signed-in .listening-home{gap:var(--section-gap)}
.signed-in .listening-shelf .section-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;margin:0 0 8px;min-height:32px}
.signed-in .listening-shelf .section-title h2{font-size:1rem;line-height:1.5;margin:0;font-weight:600;min-width:0}
.shelf-more{border:0;background:none;color:var(--violet);font-family:inherit;font-size:.75rem;font-weight:500;line-height:1.5;min-height:44px;padding:6px 0;flex-shrink:0;cursor:pointer}
.shelf-note{font-size:var(--meta-type);line-height:1.5;color:var(--muted);margin:-2px 0 10px}
.signed-in .listening-rail{display:grid;grid-auto-flow:column;grid-auto-columns:160px;grid-template-columns:none;gap:var(--browse-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:2px 0 6px;max-width:100%;min-width:0}
.signed-in .listening-tile{display:flex;flex-direction:column;gap:6px;scroll-snap-align:start;min-width:0}
.signed-in .listening-art{padding:0;flex:none;aspect-ratio:1;border:0}
.signed-in .listening-art img{display:block;width:100%;height:100%;object-fit:contain}
.signed-in .listening-art>.icon{width:36px;height:36px;padding:10px;inset-inline-end:8px;bottom:8px}
.listening-caption{display:flex;align-items:flex-start;gap:2px;min-width:0}
.signed-in .listening-title{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0;min-height:44px;min-width:0;text-align:start}
.signed-in .listening-title>bdi{font-size:var(--browse-type);line-height:1.45;font-weight:500;min-height:0;max-width:100%;overflow-wrap:anywhere}
.signed-in .listening-title small,.signed-in .listening-title small bdi{display:block;font-size:var(--meta-type);font-weight:400;line-height:1.5;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0}
.signed-in .btn.story-shortcut{border:0;border-radius:6px;background:none;color:var(--violet);padding:10px;min-width:40px;width:40px;min-height:44px;height:44px;flex:0 0 40px;align-self:flex-start}
.story-shortcut .icon{width:18px;height:18px}
.resume-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:640px}
.resume-track{display:flex;gap:8px;align-items:center;min-width:0;min-height:60px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);text-align:start;cursor:pointer}
.resume-art{width:36px;height:36px;flex:0 0 36px;border-radius:4px;overflow:hidden}
.resume-art img{width:100%;height:100%;object-fit:contain;display:block}
.resume-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;justify-content:center}
.resume-copy>bdi{font-size:13px;line-height:1.5;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resume-copy small{font-size:12px;line-height:1.5;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resume-track[aria-pressed=true]{border-color:var(--violet);background:var(--accent-soft)}
.resume-track[aria-pressed=true] .resume-copy>bdi{color:var(--violet)}
.resume-track:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.signed-in .recent-shelf .section-title h2{font-size:14px;font-weight:500}
.signed-in .recent-shelf .section-title{margin-bottom:4px}
@media(max-width:340px){.resume-art{width:32px;height:32px;flex-basis:32px}.resume-track{gap:6px;padding:6px}}
.signed-in .mood-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.signed-in .btn.mood-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-width:0;min-height:84px;padding:12px;font-size:var(--meta-type);font-weight:500;line-height:1.6;white-space:normal;background:var(--surface);border:1px solid var(--line);border-radius:6px;border-start-start-radius:18px}
.signed-in .mood-card .icon{width:22px;height:22px;flex:none}
.signed-in .mood-card[data-id=rhythm]{background:var(--accent-soft)}
.signed-in .artist-rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76px;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:2px 0 8px}
.signed-in .artist-rail .avatar{width:60px;height:60px}
.signed-in .artist-rail button{gap:6px;font-size:var(--meta-type);line-height:1.5}
.signed-in .artist-rail button>bdi{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shelf-results{display:grid;gap:0;min-width:0}
.signed-in .creative-door{gap:12px;padding:12px 16px}
.signed-in .creative-door b{font-size:var(--browse-type);font-weight:500}
.signed-in .creative-door p{font-size:var(--meta-type);line-height:1.6;margin-top:4px}
:is(.shelf-more,.story-shortcut,.resume-art,.resume-copy,.resume-play,.listening-rail,.artist-rail):focus-visible{outline:2px solid var(--violet);outline-offset:-2px}

/* A preference control, not a gallery of miniature screens. */
.signed-in .compact-theme-picker{padding:0 0 16px;margin:0 0 4px}
.signed-in .compact-theme-picker legend{font-size:.875rem;font-weight:500;line-height:1.5;margin-bottom:10px}
.signed-in .compact-theme-picker .theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:440px}
.signed-in .compact-theme-picker .theme-option{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:8px;min-height:48px;border:1px solid var(--line);border-radius:6px;background:transparent}
.signed-in .compact-theme-picker .theme-option:has(input:checked){padding:8px;border-color:var(--violet);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--violet)}
.signed-in .compact-theme-picker .theme-option input{position:absolute;top:0;inset-inline-end:0;width:1px;height:1px;min-height:0;margin:0;clip-path:inset(50%);overflow:hidden}
.signed-in .compact-theme-picker .theme-option:has(input:checked):after{content:'✓';position:absolute;top:3px;inset-inline-end:4px;font:600 10px/1 sans-serif;color:var(--violet)}
.signed-in .compact-theme-picker .theme-option b{font-size:.75rem;font-weight:500;line-height:1.5;min-width:0;overflow-wrap:normal;white-space:nowrap}
.signed-in .compact-theme-picker .theme-swatch{display:flex;flex:none;width:18px;height:18px;border-radius:50%;padding:3px;gap:0;overflow:hidden}
.signed-in .compact-theme-picker .theme-swatch i{flex:1;border-radius:0;width:auto;height:100%}
@media(max-width:359px){.signed-in .compact-theme-picker .theme-option{padding:6px 4px;gap:4px}.signed-in .compact-theme-picker .theme-option:has(input:checked){padding:6px 4px}.signed-in .compact-theme-picker .theme-swatch{width:14px;height:14px;padding:2px}}
.signed-in .settings-list .settings-row{gap:12px}
.signed-in .settings-list .settings-row>div{min-width:0;flex:1}
.signed-in .settings-list .settings-row>select{font:inherit;font-size:.8125rem;min-height:40px;max-width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--ink);padding:8px 10px}
@media(max-width:600px){.signed-in .settings-row:has(#journey-availability){display:grid;grid-template-columns:1fr;gap:10px}.signed-in .settings-row #journey-availability{width:100%}.signed-in .settings-row .btn{padding-inline:10px;max-width:42%;font-size:.75rem;white-space:normal}}

/* Profile identity is one block; optional information cannot consume a screen. */
.cp-overview:not(:has(.cp-featured)){grid-template-columns:minmax(0,1fr)}
.signed-in .cp-intro{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:12px;padding:12px 16px 16px!important;max-width:none;min-width:0}
.signed-in .cp-intro>.cp-avatar{grid-column:1;width:72px!important;height:72px!important;margin:-28px 0 0}
.signed-in .cp-avatar .avatar.big{width:72px;height:72px;min-width:72px;flex-basis:72px;border-width:3px}
.cp-identity{grid-column:2;min-width:0}
.signed-in .cp-name-row{margin:0!important;gap:4px 8px}
.signed-in .cp-name-row h1{font-size:1.25rem!important;line-height:1.5;font-weight:600;letter-spacing:0}
.signed-in .cp-rank{padding:3px 7px;min-height:32px;border:0;background:var(--accent-soft)}
.signed-in .cp-rank .participant-rank{font-size:.75rem}
.signed-in .cp-specialty{margin:4px 0 0;font-size:.75rem;line-height:1.6;gap:4px;color:var(--muted)}
.signed-in .cp-handle{font-size:.75rem;margin:2px 0}
.signed-in .cp-intro>:is(.cp-bio,.cp-location,.cp-appreciation,.cp-actions){grid-column:1/-1}
.signed-in .cp-bio{font-size:.875rem!important;line-height:1.7!important;margin:10px 0 0!important}
.signed-in .cp-location{font-size:.75rem;margin:6px 0 0!important}
.signed-in .cp-appreciation{margin:12px 0 0!important;padding-block:10px;width:100%;gap:24px;border-top:0}
.signed-in .cp-followers,.signed-in .cp-appreciation .ustars-badge{font-size:.75rem}
.signed-in .cp-followers>bdi,.signed-in .cp-appreciation .ustars-badge b{font-size:.875rem}
.signed-in .cp-actions{margin-top:12px!important;gap:8px;max-width:none}
.signed-in .cp-actions>.btn{min-height:44px;padding:8px 12px;font-size:.8125rem;font-weight:500}
.signed-in .cp-share{height:44px;width:44px;flex-basis:44px;border-radius:6px}
.signed-in .profile-next-step{margin:0 0 12px;padding:8px 0;display:flex;flex-direction:row;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);border-radius:0}
.signed-in .profile-next-step p{font-size:.75rem;line-height:1.5;flex:1}
.signed-in .profile-next-step .btn{min-height:44px;padding:6px 8px;font-size:.75rem}
.signed-in .cp-featured{padding:12px;margin:12px 0 16px;border-radius:6px;border-start-start-radius:18px}
.signed-in .cp-featured>.eyebrow{margin-bottom:6px}
.signed-in .cp-statistics,.signed-in .cp-following{margin-top:16px;padding-inline:14px}
.signed-in :is(.cp-statistics,.cp-following)>summary{padding-block:14px;font-size:.875rem}
.signed-in .cp-work-section{padding-top:4px}
.signed-in .profile-work-caption{margin-block:8px 12px;font-size:.75rem}
.signed-in .cp-work-section .empty{padding:20px 12px}
.signed-in .coop-side{padding:16px}
.signed-in .coop-side>h3{font-size:1rem;line-height:1.5;margin-top:4px}
.signed-in .coop-side>p.meta{font-size:.75rem}
.signed-in .coop-side .library-track{padding:8px 0;gap:8px}
.signed-in .coop-side .track-art{width:52px;height:52px;flex-basis:52px}

/* Account rows keep touch area, but the label and identity are visually compact. */
body:has(.signed-in) dialog[data-kind=account]{padding:16px 20px;max-height:calc(100dvh - 24px);overflow-y:auto}
body:has(.signed-in) dialog[data-kind=account] .dialog-head{margin-bottom:8px;padding-bottom:0;min-height:44px}
body:has(.signed-in) dialog[data-kind=account] .dialog-head h2{font-size:1rem!important;line-height:1.5}
.account-panel .account-menu-summary{gap:12px;padding:4px 0 12px}
.account-panel .account-menu-summary>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:start}
.account-panel .account-menu-summary bdi{font-size:.9375rem;line-height:1.5;flex:none;text-align:start}
.account-panel .account-menu-summary>.avatar{width:44px;height:44px;flex-basis:44px}
.account-panel .account-menu-summary .participant-rank{font-size:.75rem;line-height:1.5;margin:0;padding:0}
.account-panel .language-toggle{min-width:44px;min-height:44px;font-size:.75rem}
.account-panel .account-group{padding:8px 0 4px}
.account-panel .account-group h3{font-size:.75rem;line-height:1.5;margin:0 0 4px;font-weight:400;color:var(--muted)}
.account-panel .btn.account-row{font-size:.875rem;line-height:1.5;min-height:44px;padding:8px 0;gap:12px}
.account-panel .account-row .icon{width:20px;height:20px;flex-basis:20px}
.account-panel .account-signout{margin-top:8px;padding-top:4px}

@media(max-width:979px){
 .signed-in>.native-main{padding-inline:16px;padding-top:12px}
 .signed-in>.urab-header{height:52px;padding:4px 12px}
 .signed-in .urab-header :is(.icon-btn,.app-back,.native-brand){min-height:44px;height:44px}
 .signed-in .discover-greeting{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:0 0 10px!important}
 .signed-in .discover-greeting h1{font-size:1.25rem!important;line-height:1.5;letter-spacing:0}
 .signed-in .discover-greeting>p{font-size:.75rem!important;margin:0!important}
 .signed-in .search{margin:0 0 8px;min-height:44px;height:auto;padding:8px 12px}
 .signed-in .search input{font-size:.875rem;line-height:1.5;height:auto;min-height:24px;padding:0}
 .signed-in .search-spark{font-size:18px;line-height:1}
 .signed-in .discovery-tabs{gap:4px;margin:0 0 16px;overflow:visible}
 .signed-in .discovery-tabs .tab{font-size:.8125rem;padding:8px 4px;min-height:44px;gap:6px}
 .signed-in .discovery-tabs .tab .icon{display:block;width:18px;height:18px;flex-shrink:0}
 .signed-in .listening-rail{grid-auto-columns:clamp(136px,38vw,176px);scrollbar-width:none}
 .signed-in :is(.listening-rail,.artist-rail)::-webkit-scrollbar{display:none}
 .signed-in .cp-cover{height:132px!important;border-radius:6px;border-start-start-radius:22px}
 .signed-in .cp-cover .cp-settings{top:8px;inset-inline-end:8px;min-height:36px;padding:6px 10px}
 .signed-in .cp-intro{padding-inline:0!important}
 .signed-in>.mobile-nav{height:calc(60px + var(--nav-safe-bottom,0px));padding:4px 8px calc(4px + var(--nav-safe-bottom,0px))}
 .signed-in .mobile-nav button{height:50px;min-height:50px;gap:3px;font-size:.75rem}
 .signed-in .mobile-nav button>span:last-of-type{font-size:.6875rem;line-height:1.4}
 .signed-in .mobile-nav button>.icon{width:22px;height:22px}
}
@media(max-width:359px){.signed-in .discovery-tabs .tab{font-size:.75rem;gap:4px}.signed-in .discovery-tabs .tab .icon{width:16px;height:16px}.signed-in .btn.mood-card{padding:10px 8px}.signed-in .cp-actions>.btn{padding-inline:6px}.resume-track{gap:8px}}
@media(max-width:420px){.signed-in .discovery-tabs .tab{font-size:.75rem}.signed-in .discovery-tabs .tab span{overflow-wrap:normal;word-break:normal}html[dir=ltr] .signed-in .discovery-tabs .tab .icon{display:none}}
@media(min-width:980px){.signed-in .listening-rail{grid-auto-columns:176px}.signed-in .cp-overview{gap:20px}.signed-in .cp-cover{height:200px}.signed-in .listening-home{max-width:1280px}}
/* The transport is the first screen; queue and volume expand only on demand. */
body dialog#dialog[data-kind=player]{width:420px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:16px 20px;bottom:12px;border-radius:24px 24px 12px 12px;overflow-y:auto}
body dialog#dialog[data-kind=player] .dialog-head{min-height:44px;margin:0 0 8px;padding:0}
body dialog#dialog[data-kind=player] .dialog-head h2{font-size:14px;line-height:1.5;font-weight:500;color:var(--muted)}
body dialog#dialog[data-kind=player] .dialog-head .icon-btn{width:44px;height:44px}
dialog[data-kind=player] .player-stage{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 16px;direction:ltr}
body dialog[data-kind=player] .full-player .player-art{width:clamp(112px,calc(100dvh - 450px),224px);max-width:calc(100vw - 128px);margin:0;aspect-ratio:1;flex-shrink:0;border-radius:12px;box-shadow:0 8px 24px #0002}
dialog[data-kind=player] .cover-pulse{width:25px;display:flex;align-items:center;justify-content:center;gap:2px;height:64px;flex-shrink:0;color:var(--violet)}
.cover-pulse i{width:3px;height:44px;border-radius:3px;background:currentColor;transform:scaleY(.12);opacity:.45;animation:urab-cover-pulse 1100ms ease-in-out infinite alternate;animation-play-state:paused}
.cover-pulse i:nth-child(2){height:56px;animation-delay:-700ms}.cover-pulse i:nth-child(3){height:64px;animation-delay:-250ms}.cover-pulse i:nth-child(4){height:48px;animation-delay:-900ms}.cover-pulse i:nth-child(5){height:32px;animation-delay:-400ms}
.cover-pulse:last-child{transform:scaleX(-1)}.cover-pulse:last-child i{animation-duration:1300ms}
.full-player.is-playing .cover-pulse i{animation-play-state:running;opacity:.85}
.full-player:not(.is-playing) .cover-pulse i{animation:none;transform:scaleY(.12)}
@keyframes urab-cover-pulse{0%{transform:scaleY(.16)}35%{transform:scaleY(.65)}70%{transform:scaleY(.3)}100%{transform:scaleY(1)}}
body dialog[data-kind=player] .full-track-title{gap:8px;margin:0}
body dialog[data-kind=player] .full-track-title h2{font-size:20px;line-height:1.45;margin:0}
body dialog[data-kind=player] .full-track-title p{font-size:12px;line-height:1.5;margin:4px 0 0}
body dialog[data-kind=player] .full-seek{margin:8px 0 4px}
body dialog[data-kind=player] .full-seek input{height:24px;accent-color:var(--violet)}
body dialog[data-kind=player] input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
body dialog[data-kind=player] input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--line);border-radius:3px}
body dialog[data-kind=player] input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;background:var(--violet);border-radius:50%;border:0}
body dialog[data-kind=player] input[type=range]::-moz-range-track{height:3px;background:var(--line);border-radius:3px}
body dialog[data-kind=player] input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--violet);border-radius:50%;border:0}
body dialog[data-kind=player] .full-volume input[type=range]{height:24px}
body dialog[data-kind=player] .full-seek>div{margin:0;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
body dialog[data-kind=player] .full-controls{padding:0;margin:4px auto 12px;max-width:320px}
body dialog[data-kind=player] .full-controls>.icon-btn{width:44px;height:44px;padding:10px}
body dialog[data-kind=player] .full-controls>.play-main{width:56px!important;height:56px!important;min-width:56px;min-height:56px;padding:16px!important}
body dialog[data-kind=player] .full-controls .icon{width:22px;height:22px}
.player-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
.player-secondary .player-save{display:contents}
body dialog[data-kind=player] .player-secondary :is(.btn,.player-collab){display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;margin:0;padding:8px;font-size:12px;line-height:1.5;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px}
.player-secondary .player-collab>svg{display:none}.player-secondary .player-collab>span{gap:6px}
.player-options{margin-top:8px;border-top:1px solid var(--line);font-size:14px}
.player-options>summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--muted);line-height:20px}
body dialog[data-kind=player] .full-volume{padding:0;margin:4px 0;max-width:none}
body dialog[data-kind=player] .sample-note{margin:8px 0;line-height:1.6}
body dialog[data-kind=player] .playback-queue{margin:8px 0 0;padding-top:8px}
@media(prefers-reduced-motion:reduce){.full-player .cover-pulse i{animation:none!important;transform:scaleY(.25)}.full-player.is-playing .cover-pulse i:nth-child(2n){transform:scaleY(.65)}}

/* Browsing controls remain quiet; the persistent transport owns the accent. */
.signed-in .listening-art>.icon{background:#15121ecc;color:#fff;width:28px;height:28px;padding:8px;box-shadow:0 1px 6px #0002;border:1px solid #ffffff45}
.signed-in .listening-art[aria-pressed=true]>.icon{background:var(--violet);color:var(--bg);border-color:transparent}
.signed-in>.player,.signed-in.player-minimized>.player{background:linear-gradient(110deg,var(--accent-soft),transparent 80%),var(--theme-player);border:1px solid var(--accent-line);box-shadow:0 -4px 20px #0002}