:root{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}p{line-height:1.65}button,input,textarea,select{font-family:inherit}h1,h2,h3{letter-spacing:-.025em}.card-title,.row-text strong{font-size:15px;font-weight:650}.card-artist,.row-text span,.mix-copy small{font-size:13px;line-height:1.5}.check-row small,.local-label,.field-hint{font-size:12px;line-height:1.65}.chat-message p{font-size:16px}.chat-room-item strong{font-size:15px}.chat-room-item small{font-size:13px}.chat-message time{font-size:11px}.universal-search>section{margin-bottom:34px}.universal-search h2{font-size:22px;margin-bottom:18px}.universal-social{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:32px 0}.universal-social>section{min-width:0}.public-list-result{display:flex;width:100%;gap:13px;align-items:center;text-align:left;padding:14px 10px;border-radius:12px;transition:background .18s,transform .18s}.public-list-result:hover{background:#ffffff06}.public-list-result:active{transform:scale(.985)}.public-list-result>img{height:54px;width:54px;object-fit:cover;border-radius:9px}.public-list-result>span{flex:1;min-width:0;display:grid;gap:7px}.public-list-result strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-list-result small{color:var(--muted);font-size:12px}.public-list-result>svg{width:18px}.self-listening{max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--accent)}.self-listening[hidden]{display:none}.person-avatar.is-listening,#profile-button.is-listening{overflow:visible;isolation:isolate}.is-listening::after{content:'';position:absolute;inset:-4px;border-radius:50%;padding:3px;background-image:var(--listening-art),conic-gradient(#d5f5a3,#8b78bf,#b7e9d4,#d5f5a3);background-size:cover;mask:radial-gradient(transparent 62%,#000 64%);pointer-events:none;animation:listening-orbit 8s linear infinite}.is-listening>.avatar-image{border-radius:50%}#friend-activity{margin-top:20px;overflow:auto;max-height:260px;flex-shrink:1}#friend-activity h2{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}#friend-activity button{display:flex;gap:12px;align-items:center;text-align:left;padding:10px 5px;width:100%;border-radius:9px}#friend-activity button:hover{background:#ffffff05}#friend-activity .person-avatar{width:30px;height:30px}#friend-activity button>span:nth-child(2){display:grid;gap:6px;min-width:0}#friend-activity strong{font-size:12px}#friend-activity small{font-size:11px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-actions button,.primary-btn,.secondary-btn,.icon-btn{transition:background .18s,color .18s,transform .18s}.primary-btn:active,.secondary-btn:active,.icon-btn:active{transform:scale(.96)}.profile-modal .profile-heading{animation:soft-arrive .22s var(--ease)}@keyframes listening-orbit{to{transform:rotate(360deg)}}@keyframes soft-arrive{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:850px){#friend-activity{display:none}}@media(max-width:600px){.universal-social{grid-template-columns:1fr;gap:30px}.self-listening{max-width:70px;font-size:10px}.topbar .header-actions{gap:8px}.topbar{flex-wrap:wrap;height:auto;min-height:80px;padding-top:15px;padding-bottom:15px}.topbar .search-field{order:3;flex-basis:100%;max-width:none;width:100%;margin:0}.header-actions{margin-left:auto}.chat-page .chat-shell{height:calc(var(--app-height,100dvh) - 330px)}.chat-page:has(#message-text:focus) .chat-shell{height:calc(var(--app-height,100dvh) - 190px)}.universal-search .page-intro{align-items:flex-start}.universal-search h1{font-size:28px}.row-text span{font-size:12px}.person-open small{font-size:12px}}
.lyrics-tools{margin:24px 0 40px;display:grid;gap:12px}.lyrics-tools p,.lyrics-tools small{font-size:12px;line-height:1.6;color:#b6c1ae}.lyrics-tools button{width:max-content}.lyric-match,.activity-person{display:flex;width:100%;align-items:center;text-align:left;gap:15px;padding:15px 8px;border-radius:10px;transition:background .18s}.lyric-match:hover,.activity-person:hover{background:#ffffff07}.lyric-match>span,.activity-person>span:nth-child(2){display:grid;gap:8px;min-width:0;flex:1}.lyric-match strong,.activity-person strong{font-size:14px}.lyric-match small,.activity-person small{font-size:12px;color:var(--muted);line-height:1.5}.lyric-match svg{width:20px}.header-actions .icon-btn{min-height:36px;min-width:32px}
@media(prefers-reduced-motion:reduce){.is-listening::after,.profile-modal .profile-heading{animation:none}.public-list-result,.modal-actions button,.primary-btn,.secondary-btn,.icon-btn{transition:none}}.no-motion .is-listening::after,.no-motion .profile-modal .profile-heading{animation:none}

#profile-button.is-listening{position:relative}.universal-search .search-advanced{margin-bottom:20px}.universal-search .section-top h2{margin-bottom:0}

/* The main wrapper owns page transitions, avoiding two nested entrance animations. */
.page-enter{animation:none}
dialog{transition:opacity .18s ease,display .18s allow-discrete,overlay .18s allow-discrete;opacity:0}dialog[open]{opacity:1}dialog::backdrop{transition:opacity .18s ease,display .18s allow-discrete,overlay .18s allow-discrete;opacity:0}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open],dialog[open]::backdrop{opacity:0}}
@media(prefers-reduced-motion:reduce){dialog,dialog::backdrop{transition:none}}.no-motion dialog,.no-motion dialog::backdrop{transition:none}

.nav-item{font-size:14px}.playlist-link{font-size:13px}.search-field input{font-size:14px}.search-field input::placeholder{font-size:13px}.person-open strong{font-size:15px}.person-card .small-pill{font-size:12px}
@media(max-width:600px){.topbar .search-field input{font-size:16px}.topbar .search-field input::placeholder{color:#919a94;font-size:14px}.nav-item{font-size:13px}.topbar .header-actions{flex-wrap:nowrap}}