:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color-scheme:light dark;--accent: #8264ce;--on-accent: #fff;--ink: #16161a;--muted: #63636d;--bg: #f6f5fa;--surface: #fff;--edge: #e8e6ef;--safe: max(10px, env(safe-area-inset-bottom));--dock-clearance: calc(var(--safe) * 2 + 176px);background:var(--bg);color:var(--ink);line-height:1.5;font-synthesis:none}.onboarding-intro,.onboarding-card{max-width:680px}.onboarding-id{display:flex;align-items:center;gap:12px;font-size:22px}.onboarding-id img{width:50px;height:50px;padding:5px;background:#17151e;border-radius:14px}.onboarding-results{margin-block:16px}.onboarding-results button{width:100%;text-align:left;justify-content:flex-start}.onboarding-results button img{width:44px;height:44px;border-radius:50%;object-fit:cover}.onboarding-results button span{flex:1}.onboarding-status>svg{color:var(--accent);width:32px;height:32px}.onboarding-status h2,.onboarding-card h2{margin-top:12px}.onboarding-images{display:flex;flex-wrap:wrap;gap:12px}.onboarding-cover{display:block;width:100%;aspect-ratio:2 / 1;border-radius:16px;object-fit:cover;margin-block:16px}.onboarding-circle{display:block;width:min(320px,100%);aspect-ratio:1;object-fit:cover;border-radius:50%;margin:24px auto;background:#17151e}.onboarding-phrase{margin:20px 0;padding-inline-start:16px;border-inline-start:3px solid var(--accent);font-size:22px;line-height:1.35;font-weight:600}.onboarding-comment{padding:12px 16px;background:var(--surface);border:1px solid var(--edge);border-radius:16px;white-space:pre-wrap}.onboarding-recording{display:flex;align-items:center;justify-content:center;gap:8px;font-variant-numeric:tabular-nums}.onboarding-recording span{width:9px;height:9px;border-radius:50%;background:#d43e4b}*{box-sizing:border-box}html{scroll-padding-top:96px;scroll-padding-bottom:var(--dock-clearance)}input,textarea,button{scroll-margin-top:96px;scroll-margin-bottom:var(--dock-clearance)}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:var(--surface);color:var(--ink);border-radius:999px;padding:10px 16px;min-height:44px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:transform .16s,background .18s}button:active{transform:scale(.97)}button:disabled,fieldset:disabled{opacity:.5;cursor:default}button:disabled:active{transform:none}a{color:var(--accent);text-underline-offset:3px}a.primary{text-decoration:none}button svg{width:22px;height:22px;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:16px 0 24px}h2{font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:30px 0 16px}h3{font-size:20px}small,.hint{color:var(--muted);font-size:.88rem;line-height:1.5}small{display:block}p{margin:12px 0}fieldset{border:0;padding:0;margin:0;min-width:0}img,video{max-width:100%;display:block}input,textarea,select{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:12px;padding:12px;min-height:46px}input[type=range]{accent-color:var(--accent);padding:0}input[type=checkbox]{width:22px;height:22px;min-height:22px;flex-shrink:0;accent-color:var(--accent)}textarea{resize:vertical}.primary{background:var(--accent);color:var(--on-accent)}.error{color:#ba2942}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.spread,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-heading h1{margin-top:0}.page-heading .eyebrow{margin-bottom:6px}.text-button{background:none;color:var(--accent);padding-left:0}.field{display:grid;gap:8px;margin:16px 0}.field>span{font-weight:600}.switch{display:flex;gap:12px;align-items:center;padding:12px 0}.panel{background:var(--surface);border:1px solid var(--edge);padding:20px;border-radius:24px;margin:16px 0}.panel .field:first-child{margin-top:0}.content,.wide-main{width:min(1080px,100%);margin:0 auto;padding:112px 24px var(--dock-clearance);outline:none}.wide-main{width:min(1320px,100%)}.glass{background:#8368cae0;color:#fff;border:1px solid rgba(255,255,255,.33);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 15px 40px #3720652e,inset 0 1px #ffffff38}.site-header{position:fixed;z-index:300;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(calc(100% - 32px),1260px);height:70px;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;border-radius:999px}.site-header button{background:none;color:#fff}.wordmark{font-size:23px;font-weight:750;letter-spacing:-.04em}.wordmark svg{width:28px;height:28px}.wordmark small{color:#ffffffd9;font-size:10px;letter-spacing:.02em;margin-left:6px}.account-button{width:48px;padding:10px}.tab-group{z-index:250;position:fixed;left:50%;bottom:calc(var(--safe) * 2);transform:translate(-50%);width:min(88.5vw,526px);display:flex;gap:7px;height:64px}.tab-rail{position:relative;border-radius:999px;display:grid;grid-template-columns:repeat(var(--tab-count),1fr);flex:1;min-width:0;padding:4px;touch-action:pan-y}.tab-rail button{z-index:1;background:none;color:#fff;flex-direction:column;gap:0;min-width:0;min-height:54px;padding:4px;font-size:9px;white-space:nowrap}.tab-rail button svg{width:25px;height:25px}.tab-indicator{position:absolute;z-index:0;left:4px;top:4px;bottom:4px;width:calc((100% - 8px) / var(--tab-count));border-radius:999px;background:#ffffff42;box-shadow:inset 0 1px #ffffff40;transition:transform .28s cubic-bezier(.22,.8,.26,1)}.search-tab{width:64px;flex-basis:64px;height:64px;min-height:64px;border-radius:50%;padding:0}.search-tab.selected{background:#6f4ebd}.player-dock{z-index:245;position:fixed;left:50%;bottom:calc(var(--safe) * 2 + 76px);transform:translate(-50%);width:min(calc(100% - 32px),526px);min-height:66px;display:flex;gap:4px;align-items:center;border-radius:24px;padding:5px 8px}.player-dock button{background:none;color:#fff;flex-shrink:0;padding:10px}.player-info{flex:1;min-width:0;text-align:left;justify-content:flex-start}.player-info img{width:44px;height:44px;object-fit:cover;border-radius:10px}.player-info span{display:block;min-width:0;flex:1}.player-info strong,.player-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px}.player-info small{font-size:12px;opacity:.85}.sheet{z-index:400;position:fixed;border:1px solid var(--edge);color:var(--ink);background:var(--bg);border-radius:28px;padding:24px;width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;box-shadow:0 20px 100px #0004;overscroll-behavior:contain}.sheet::backdrop{background:#12102077;backdrop-filter:blur(5px)}.sheet-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-24px;z-index:4;background:var(--bg);padding:8px 0 14px}.sheet-bar h2{margin:0;font-size:24px}.sheet-bar button{flex-shrink:0}.player-sheet[open]{inset:20px auto auto 50%;transform:translate(-50%);margin:0;z-index:400}.player-art{width:min(370px,100%,max(100px,calc(100dvh - 480px)));aspect-ratio:1;border-radius:26px;object-fit:cover;margin:16px auto}.player-sheet h1{font-size:30px;margin-bottom:6px}.playback-controls{display:flex;justify-content:center;gap:24px;margin:24px 0}.playback-controls .primary{width:74px;height:74px}.playback-controls button svg{width:30px;height:30px}.lyrics{white-space:pre-wrap}.empty-art{display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#ada3d8,#7565a3);color:#fff;aspect-ratio:1}.search-field{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--edge);border-radius:999px;padding:4px 16px;margin:20px 0}.search-field input{border:0;background:none;min-width:0;padding:10px 0;outline-offset:0}.search-field input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-field button{padding:6px;min-height:36px}.search-field svg{color:var(--muted);flex-shrink:0}.segmented{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.segmented button{background:var(--edge);font-size:.88rem}.segmented button[aria-pressed=true]{background:var(--accent);color:#fff}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px}.album-card{background:none;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;padding:0;border-radius:16px;text-align:left;gap:8px;min-width:0}.album-card img,.album-card .empty-art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;border:1px solid var(--edge)}.album-card strong{line-height:1.3}.album-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.artist-rail,.stories-rail{display:flex;gap:20px;overflow-x:auto;padding:4px 0 16px;scroll-snap-type:x proximity}.artist-card{background:none;flex-direction:column;justify-content:flex-start;gap:10px;flex:0 0 120px;padding:0;white-space:normal;text-align:center;font-size:.9rem}.artist-card img,.artist-placeholder{width:112px;height:112px;border-radius:50%;object-fit:cover}.artist-placeholder{display:flex;align-items:center;justify-content:center;background:var(--edge);font-size:40px}.track-list{list-style:none;padding:0;margin:20px 0;background:var(--surface);border-radius:22px;border:1px solid var(--edge)}.track-list li{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--edge);padding:7px 12px;min-width:0}.track-list li:last-child{border-bottom:0}.track-main{flex:1;min-width:0;display:flex;gap:12px;background:none;align-items:center;justify-content:flex-start;text-align:left;border-radius:14px;padding:8px}.track-main>span{min-width:0;flex:1;overflow-wrap:anywhere}.track-main img{width:48px;height:48px;object-fit:cover;border-radius:10px}.track-number{font-size:.8rem;color:var(--muted);max-width:28px}.track-list button{padding:8px}.track-menu{position:relative}.track-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}.track-menu summary::-webkit-details-marker{display:none}.track-menu[open]>div{position:absolute;z-index:130;right:0;top:44px;width:220px;padding:8px;background:var(--surface);box-shadow:0 10px 35px #0003;border:1px solid var(--edge);border-radius:18px}.track-menu[open] button{display:flex;justify-content:flex-start;width:100%;border-radius:10px}.menu-list{background:var(--surface);border:1px solid var(--edge);border-radius:24px;margin:20px 0;overflow:hidden}.menu-list>button{display:flex;justify-content:space-between;text-align:left;gap:16px;padding:18px 20px;border-radius:0;width:100%;border-bottom:1px solid var(--edge)}.menu-list>button:last-child{border-bottom:0}.menu-list>button>span{flex:1}.catalog-row{display:flex;justify-content:space-between;align-items:center;padding:18px;gap:16px;border-bottom:1px solid var(--edge);min-width:0;flex-wrap:wrap}.catalog-main{justify-content:flex-start;min-width:0;flex:1;background:none;text-align:left;padding:0}.catalog-main span{min-width:0}.catalog-main img{width:58px;height:58px;object-fit:cover;border-radius:16px}.catalog-row .actions{margin:0}.catalog-row strong{display:block}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:44px 20px;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.listen-button{width:min(280px,100%);font-weight:650;font-size:18px;margin-bottom:16px}.artist-header{position:relative;overflow:hidden;border-radius:28px;background:var(--surface);border:1px solid var(--edge);margin:20px 0}.header-image{width:100%;height:clamp(180px,28vw,360px);object-fit:cover}.artist-header-content{position:relative;padding:26px}.portrait{width:112px;height:112px;border-radius:50%;object-fit:cover;border:4px solid var(--surface)}.artist-header .portrait{margin-top:-70px}.artist-header h1{margin-top:16px}.bio{white-space:pre-wrap;line-height:1.65}.cover_only .header-image{height:clamp(260px,36vw,470px)}.name-serif h1{font-family:Georgia,serif}.name-rounded h1{font-family:ui-rounded,Arial Rounded MT Bold,system-ui}.name-condensed h1{font-family:Arial Narrow,sans-serif;font-stretch:condensed;letter-spacing:-.06em}.file-button,.icon-file{position:relative;display:inline-flex;gap:10px;align-items:center;border-radius:999px;background:var(--surface);border:1px solid var(--edge);color:var(--accent);padding:12px 18px;min-height:46px;cursor:pointer}.file-button input,.icon-file input{position:absolute;inset:0;opacity:0;width:100%;min-width:0;max-width:100%;padding:0;overflow:hidden;font-size:0;cursor:pointer}.file-button:focus-within,.icon-file:focus-within{outline:3px solid var(--accent);outline-offset:3px}.crop-preview{width:100%;height:auto;border-radius:20px;background:var(--edge);margin:20px 0}.release-header{display:grid;grid-template-columns:minmax(200px,340px) 1fr;gap:30px;align-items:center;margin:24px 0}.release-art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:26px}.release-header h1{font-size:clamp(28px,4vw,44px)}.recommendation-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding:8px 0}.recommendation-controls small{flex:1}.recommendation-controls button{font-size:12px;min-height:36px;padding:6px 10px}.story-circle{background:none;flex-direction:column;padding:0;flex:0 0 82px;justify-content:flex-start}.story-circle img,.story-circle>span{width:72px;height:72px;object-fit:cover;border-radius:50%;padding:3px;border:2px solid var(--accent)}.story-circle>span{display:flex;align-items:center;justify-content:center;font-size:28px}.story-circle small{max-width:82px;font-size:12px}.story-media{max-height:65dvh;width:100%;object-fit:contain;border-radius:18px;background:#14131a}.chats-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.chats-layout:not(.with-conversation){display:block;max-width:680px}.chat-list .menu-list{margin-top:0}.chat-list button.selected{background:var(--edge)}.conversation{min-width:0;background:var(--surface);border-radius:24px;padding:20px;border:1px solid var(--edge)}.conversation-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.conversation-heading h2{font-size:23px;margin:0;flex:1}.messages{height:min(56dvh,680px);overflow:auto;display:flex;flex-direction:column;gap:12px;padding:12px 0;overscroll-behavior:contain}.message{border-radius:20px;background:var(--edge);padding:12px 16px;max-width:88%;align-self:flex-start;min-width:100px}.message.own{background:#ede5fc;align-self:flex-end}.message p{white-space:pre-wrap;margin:7px 0}.message small{font-size:11px}.message-actions{display:flex;gap:3px;flex-wrap:wrap}.message-actions button{background:none;min-height:44px;padding:8px 10px;font-size:13px}.composer{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--edge);align-items:flex-end}.composer textarea{flex:1;min-width:150px;min-height:60px;max-height:150px}.composer .primary{height:48px;width:48px;padding:0}.composer>p{width:100%;margin:0;font-size:13px}.icon-file{height:48px;width:48px;padding:0;justify-content:center;flex:0 0 48px;overflow:hidden}.chat-attachment{width:min(330px,100%);max-height:300px;object-fit:contain;border-radius:12px}.statistics{display:grid;grid-template-columns:1fr auto;gap:10px}.statistics dt{color:var(--muted)}.statistics dd{margin:0;font-weight:700}.auth-screen{width:min(520px,100%);margin:12dvh auto;padding:32px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px}.auth-screen h1{font-size:62px;margin:4px 0 18px}.brand-mark{width:112px;height:112px;border-radius:28px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.brand-mark svg{width:60px;height:60px}.login-button{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;border-radius:999px;margin:12px 0}.skip-link{position:fixed;z-index:500;left:24px;top:-100px;padding:12px;background:var(--surface);border-radius:8px}.skip-link:focus{top:16px}.mobile-only{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}progress{width:100%;accent-color:var(--accent);height:8px;margin:16px 0}@media(min-width:1000px){.tab-group{z-index:310;top:max(18px,env(safe-area-inset-top));bottom:auto;width:500px;height:58px}.tab-rail{box-shadow:none;border:0;background:none;backdrop-filter:none;padding:4px}.tab-rail button{min-height:50px;flex-direction:row;font-size:13px;gap:7px}.tab-rail button svg{width:20px;height:20px}.search-tab{width:52px;height:52px;min-height:52px;flex-basis:52px;background:#ffffff2e;box-shadow:none}.player-dock{bottom:24px;width:min(680px,calc(100% - 48px))}.content,.wide-main{padding-top:130px}.wordmark{padding-right:32px}}@media(max-width:699px){.open-chat>.page-heading,.open-chat>.stories-rail{display:none}.open-chat .conversation{height:calc(100dvh - 260px);display:flex;flex-direction:column;min-height:360px}.open-chat .messages{height:auto;flex:1;min-height:100px}.site-header{height:60px;top:max(8px,env(safe-area-inset-top));width:calc(100% - 24px)}.wordmark{font-size:22px}.wordmark small{display:none}.content,.wide-main{padding:92px 18px var(--dock-clearance)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.artist-rail{gap:14px}.artist-card{flex-basis:102px}.artist-card img,.artist-placeholder{width:96px;height:96px}.sheet{padding:18px;width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:24px}.sheet-bar{top:-18px}.release-header{grid-template-columns:1fr;gap:18px}.release-art{width:min(320px,100%);margin:auto}.chats-layout{display:block}.chats-layout.with-conversation .chat-list{display:none}.conversation{padding:14px}.mobile-only{display:flex}.messages{height:53dvh}.message{max-width:95%}.catalog-row{gap:10px}.catalog-row .actions{width:100%}.recommendation-controls small{flex-basis:100%}.auth-screen{margin-top:8dvh;padding:28px}.tab-group{width:calc(100% - 32px)}.field input,.field select,.field textarea{font-size:16px}.panel{padding:18px}.track-list li{padding:6px 8px}.track-main strong{font-size:15px}}@media(prefers-color-scheme:dark){:root{--ink: #f5f3fa;--muted: #b7b2c2;--bg: #111015;--surface: #1e1c24;--edge: #34303f;--accent: #a488ef}.glass{background:#644a9cd4}.message.own{background:#49365f}.error{color:#ff94a4}.empty-art{background:linear-gradient(145deg,#665680,#3c3150)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active{transform:none}}@media(prefers-reduced-transparency:reduce){.glass{background:#8060c3;backdrop-filter:none;-webkit-backdrop-filter:none}.sheet::backdrop{backdrop-filter:none;background:#111c}}.story-reply-context{width:100%;padding:10px 12px;border-radius:14px;background:var(--bg);border:1px solid var(--edge)}.story-reply-context p{margin:0 0 6px}.metadata-comparison{width:100%;min-width:0;margin-block:16px}.metadata-comparison table{width:100%;table-layout:fixed;border-collapse:collapse}.metadata-comparison caption{text-align:left;font-weight:600;margin-bottom:12px}.metadata-comparison th,.metadata-comparison td{padding:12px 8px;text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid var(--edge)}.metadata-comparison th{font-weight:600}.metadata-queue-preview{flex-basis:100%;min-width:0}.catalog-row:has(.metadata-queue-preview){flex-wrap:wrap}.offline-content{padding-bottom:220px}.offline-content>.eyebrow{display:flex;align-items:center;gap:8px}.offline-content .offline-art{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;background:var(--bg);border-radius:12px;color:var(--accent)}.offline-content .track-main>span:nth-child(2){text-align:left}.offline-content .track-main small{display:block;color:var(--muted);font-size:13px}.offline-player{position:fixed;z-index:100;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:var(--safe);max-width:720px;margin-inline:auto;padding:14px 16px;border-radius:24px}html:has(main.conversation-main){scroll-padding:0}main.conversation-main{--conversation-top-space: 112px;--conversation-bottom-clearance: calc(var(--safe) * 2 + 88px);height:100dvh;padding-top:max(var(--conversation-top-space),var(--conversation-measured-header, 0px));padding-bottom:var(--conversation-bottom-clearance);display:flex;flex-direction:column;overflow:hidden}.conversation-main input,.conversation-main textarea,.conversation-main button{scroll-margin:0}.conversation-main>.open-chat{min-height:0;flex:1;display:flex;flex-direction:column}.conversation-main .open-chat>.page-heading,.conversation-main .open-chat>.stories-rail{flex-shrink:0}.conversation-main .chats-layout{min-height:0;flex:1;align-items:stretch}.conversation-main .chat-list{min-height:0;overflow:auto;overscroll-behavior:contain}.conversation-main .conversation{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.conversation-main .conversation>:not(.messages){flex-shrink:0}.conversation-main .messages{height:auto;min-height:0;flex:1}@media(min-width:1000px){main.conversation-main{--conversation-top-space: 130px;--conversation-bottom-clearance: 16px}}@media(max-width:699px){main.conversation-main{--conversation-top-space: 92px}}.offline-player p{margin:0 0 8px;font-weight:600;overflow-wrap:anywhere}.offline-player audio{display:block;width:100%;height:44px}.offline-consent{display:flex;align-items:flex-start;gap:10px;margin-block:18px}.offline-consent input{margin-top:5px;width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}.offline-settings>button{margin:4px 6px 4px 0}@media(max-width:600px){.metadata-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.metadata-comparison tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:12px}.metadata-comparison th[scope=row]{grid-column:1/-1;border-bottom:0;padding-bottom:4px}.metadata-comparison td{min-width:0;padding-top:4px}.metadata-comparison td:before{content:attr(data-label);display:block;font-size:13px;color:var(--muted);margin-bottom:6px}}