@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:ZCOOL XiaoWei;font-style:normal;font-weight:400;font-display:block;src:url(/assets/zcool-xiaowei-chinese-simplified-400-normal-D-er3HRg.woff2) format("woff2")}@font-face{font-family:XiaoWei Patch;src:local("Songti SC"),local("STSong"),local("SimSun");unicode-range:U+56DE,U+5F8A,U+86D4}:root{--bg: #e8e8ee;--surface: #ffffff;--text: #15151a;--muted: #6b6b76;--line: rgba(21, 21, 26, .1);--hover: rgba(21, 21, 26, .06);--accent: oklch(.5 .2 var(--accent-hue, 283));--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -1px 0 rgba(0, 0, 0, .06);--grain: .16;--danger: #c2362c;--veil: 0%;--glass: color-mix(in srgb, var(--text) 7%, transparent);--glass-strong: color-mix(in srgb, var(--text) 13%, transparent);--glass-hover: color-mix(in srgb, var(--text) 20%, transparent);--glass-line: color-mix(in srgb, var(--text) 14%, transparent);--ink-l: .55;--ink-c: .24;--sans: "DM Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--serif: "XiaoWei Patch", "ZCOOL XiaoWei", "Songti SC", "Noto Serif SC", "STSong", serif;--page: 1040px;color-scheme:light}:root[data-theme=dark]{--bg: #0e0e12;--surface: #1a1a21;--text: #f3f3f6;--muted: #9a9aa7;--line: rgba(255, 255, 255, .11);--hover: rgba(255, 255, 255, .08);--accent: oklch(.82 .12 var(--accent-hue, 283));--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(0, 0, 0, .22);--grain: .2;--danger: #ff8a7d;--veil: 52%;--ink-l: .82;--ink-c: .16;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;font:400 15px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{border:0;padding:0;background:none;cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{position:relative;min-height:100dvh;background:var(--bg);isolation:isolate}.app-shell.has-player{padding-bottom:116px}.top-bar,.page{width:min(100% - 48px,var(--page));margin-inline:auto}.top-bar{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--serif);font-size:22px;letter-spacing:.06em;line-height:1}.brand .mark{margin-top:-2px}.notes circle{animation:note-hop 1.1s cubic-bezier(.3,0,.3,1) infinite}@keyframes note-hop{0%,55%,to{transform:translateY(0)}25%{transform:translateY(var(--rise))}}.icon-button{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;color:var(--muted);transition:background .15s,color .15s}.icon-button:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-button.liked,.song-like.liked{color:var(--accent)}.primary-button,.secondary-button,.create-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;font-weight:600;white-space:nowrap;transition:transform .15s,opacity .15s,background .15s}.primary-button,.secondary-button,.create-button{border:1px solid var(--glass-line);background:var(--glass);color:var(--text);box-shadow:var(--glass-edge);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5)}.primary-button,.create-button{background:var(--glass-strong)}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.create-button:hover:not(:disabled){background:var(--glass-hover)}.full-width{width:100%}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--muted)}.text-button:hover:not(:disabled){color:var(--text)}.quiet-button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;margin-left:-14px;border-radius:999px;color:var(--muted);font-weight:500}.quiet-button:hover:not(:disabled){background:var(--hover);color:var(--text)}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.ambience{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambience:after,.listening-backdrop:before{content:"";position:absolute;inset:0;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:var(--grain);mix-blend-mode:overlay;pointer-events:none}.ambience-layer{position:absolute;inset:0;overflow:hidden;background:var(--bg);opacity:0}.ambience-layer.ready{opacity:1;animation:fade-in 1.6s ease both}.ambience-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--bg) var(--veil),transparent),color-mix(in srgb,var(--bg) calc(var(--veil) + 22%),transparent))}:root[data-theme=light] .ambience-layer{background:#fff}:root[data-theme=light] .ambience .blob{opacity:.5}@keyframes fade-in{0%{opacity:0}}.drift .blob{position:absolute;width:95vmax;height:95vmax;will-change:transform}.drift .blob:nth-child(1){top:-25%;left:-25%;width:150%;height:150%;will-change:auto}.drift .blob:nth-child(2){top:-40vmax;left:-30vmax;animation:drift-a 26s linear infinite}.drift .blob:nth-child(3){top:-20vmax;right:-40vmax;animation:drift-b 34s linear infinite}.drift .blob:nth-child(4){bottom:-55vmax;left:5vw;animation:drift-a 43s linear infinite reverse}@keyframes drift-a{0%{transform:rotate(0) translate(9vmax) scale(1)}50%{transform:rotate(180deg) translate(9vmax) scale(1.3)}to{transform:rotate(360deg) translate(9vmax) scale(1)}}@keyframes drift-b{0%{transform:rotate(360deg) translateY(12vmax) scale(1.25)}50%{transform:rotate(180deg) translateY(12vmax) scale(.95)}to{transform:rotate(0) translateY(12vmax) scale(1.25)}}.hero .top-bar,.hero .compose{width:min(100% - 48px,var(--page));margin-inline:auto}.page{padding:56px 0 48px}.compose{display:flex;flex-direction:column;min-height:min(62vh,620px);padding:clamp(20px,5vh,56px) 0 28px}.prompt-field{position:relative;margin-bottom:auto;font-family:var(--serif);font-size:clamp(56px,10.5vw,148px);font-weight:400;line-height:1.16;letter-spacing:-.01em;transition:font-size .45s cubic-bezier(.2,.7,.2,1),line-height .45s cubic-bezier(.2,.7,.2,1)}.prompt-field.instant{transition:none}.prompt-field[data-size=medium]{font-size:clamp(38px,5.6vw,76px);line-height:1.25}.prompt-field[data-size=small]{font-size:clamp(24px,3vw,38px);line-height:1.5;letter-spacing:0}.prompt-ink,.prompt-field textarea{white-space:pre-wrap;overflow-wrap:break-word}.prompt-ink{min-height:1lh;pointer-events:none}.prompt-ink span{position:relative;animation:ink-in .45s ease-out both;animation-delay:calc(var(--lag, 0ms) * .4)}.prompt-ink span[data-char]{color:transparent}.prompt-ink span[data-char]:before,.prompt-ink span[data-char]:after{content:attr(data-char);position:absolute;top:-.3em;padding-block:.3em;left:0;line-height:normal;pointer-events:none;transform-origin:50% 80%;will-change:transform,opacity;animation:ink-bounce 2s linear both;animation-delay:calc(var(--lag, 0ms) * .4)}.prompt-ink span[data-char]:before{color:var(--text)}.prompt-ink span[data-char]:after{--from: calc(250 + var(--i) * 5);color:transparent;background:linear-gradient(90deg in oklch,oklch(var(--ink-l) var(--ink-c) var(--from)),oklch(var(--ink-l) var(--ink-c) calc(var(--from) + 5)));-webkit-background-clip:text;background-clip:text;animation:ink-bounce 2s linear both,ink-settle .9s ease-in-out both;animation-delay:calc(var(--lag, 0ms) * .4),calc(2.2s + var(--lag, 0ms))}@keyframes ink-bounce{0%{transform:translateY(calc(var(--amp, 1) * .3em)) scale(.92);animation-timing-function:cubic-bezier(.2,.8,.3,1)}12%{transform:translateY(calc(var(--amp, 1) * -.13em)) scale(1.03);animation-timing-function:cubic-bezier(.4,0,.6,1)}28%{transform:translateY(0) scale(1);animation-timing-function:cubic-bezier(.3,0,.3,1)}42%{transform:translateY(calc(var(--amp, 1) * -.06em));animation-timing-function:cubic-bezier(.4,0,.6,1)}58%{transform:translateY(0);animation-timing-function:cubic-bezier(.3,0,.3,1)}72%{transform:translateY(calc(var(--amp, 1) * -.025em));animation-timing-function:cubic-bezier(.4,0,.6,1)}86%,to{transform:translateY(0)}}.prompt-ink .prompt-placeholder{color:color-mix(in srgb,var(--text) 30%,transparent);animation:none}.compose.listening .prompt-placeholder{color:var(--text)}@keyframes ink-in{0%{opacity:0;filter:blur(5px)}}@keyframes ink-settle{0%{opacity:1}to{opacity:0}}.prompt-field textarea{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;outline:0;overflow:hidden;resize:none;background:none;font:inherit;letter-spacing:inherit;color:transparent;caret-color:var(--text)}.prompt-field textarea::placeholder{color:transparent}.prompt-field textarea::selection{color:transparent;background:color-mix(in srgb,var(--accent) 35%,transparent)}.create-button{height:56px;padding:0 34px;font-size:18px;font-weight:700;letter-spacing:.08em}.compose-actions{display:flex;align-items:center;gap:4px;min-height:56px;margin:20px 0 0 -12px}.compose-actions .icon-button{position:relative;width:48px;height:48px;color:var(--text)}.compose-actions .dot{position:absolute;top:10px;right:10px}.compose-actions .count{margin-left:12px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.create-button{height:56px;margin-left:auto;padding:0 34px;font-size:18px;font-weight:700;letter-spacing:.08em;animation:fade-in .25s ease both}.style-options{display:flex;flex-wrap:wrap;gap:6px}.style-options button{height:38px;padding:0 16px;border-radius:999px;background:var(--hover);color:var(--text);font-size:15px}.style-options button{border:1px solid transparent}.style-options button[aria-pressed=true]{border-color:var(--glass-line);box-shadow:var(--glass-edge);background:var(--glass-hover);color:var(--text)}.voice-button.recording{background:color-mix(in srgb,var(--accent) 32%,transparent);color:var(--text);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent)}0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}}.library-heading .icon-button{margin-left:auto}.library-heading{display:flex;align-items:center;gap:10px;min-height:40px;margin-bottom:28px}.library-heading h2{font-family:var(--serif);font-size:40px;font-weight:400;line-height:1}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:32px 24px}.song{min-width:0}.song-art{position:relative;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.song-art:hover,.song-art:focus-within{transform:translateY(-3px)}.song-glow{position:absolute;inset:6% 5% -4%;opacity:.55;filter:blur(22px) saturate(1.4);pointer-events:none;transition:opacity .25s ease}.song-art:hover .song-glow,.song-art:focus-within .song-glow{opacity:.85}.song[data-status=failed] .song-glow,.song[data-status=uncertain] .song-glow{display:none}.song-cover{position:relative;display:block;width:100%;border-radius:6px}.cover{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:6px;background:radial-gradient(110% 110% at 12% 8%,oklch(.86 .11 var(--hue)) 0%,transparent 58%),radial-gradient(95% 95% at 92% 96%,oklch(.5 .17 calc(var(--hue) + 80)) 0%,transparent 62%),oklch(.68 .14 calc(var(--hue) + 36))}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.song-badge{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff38;color:#fff;box-shadow:inset 0 1px #fff6,inset 0 -1px #0000001f;-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s}.song-badge.always,.song-art:hover .song-badge,.song-art:focus-within .song-badge{opacity:1;transform:none}.song-like{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff38;color:#fff;box-shadow:inset 0 1px #fff6,inset 0 -1px #0000001f;-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);opacity:0;transition:opacity .18s}.song-like.liked{color:#fff;opacity:1}.song-art:hover .song-like,.song-art:focus-within .song-like{opacity:1}.song[data-status=submitting] .cover,.song[data-status=processing] .cover,.song[data-status=saving] .cover{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{filter:brightness(1.12) saturate(.7)}}.song[data-status=failed] .cover,.song[data-status=uncertain] .cover{filter:grayscale(1);opacity:.45}.song-info{display:block;width:100%;padding:12px 0 0;text-align:left}.song-info strong{display:block;overflow:hidden;font-family:var(--serif);font-size:21px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.song-info:hover strong{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.song.is-current .song-info strong{color:var(--accent)}.song-meta{display:flex;justify-content:space-between;gap:8px;min-height:21px;font-size:14px;color:var(--muted)}.song-duration{font-variant-numeric:tabular-nums}.library-empty{max-width:30em;padding:8px 0 40px;font-size:16px;color:var(--muted)}.connection-banner{margin-top:8px;padding:12px 16px;border-radius:12px;background:var(--hover);font-size:14px}@property --fill{syntax: "<percentage>"; inherits: true; initial-value: 0%;}input[type=range]{--fill: 0%;transition:--fill .3s linear;appearance:none;width:100%;height:20px;margin:0;background:none;cursor:pointer}input[type=range]:active{transition:none}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--text) var(--fill),var(--line) var(--fill))}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--text) var(--fill),var(--line) var(--fill))}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--text);opacity:0;transition:opacity .15s}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--text)}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}.player{position:fixed;left:50%;bottom:20px;z-index:10;display:flex;align-items:center;gap:4px;width:min(100% - 32px,440px);padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 62%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--glass-edge),0 18px 48px #0003;transform:translate(-50%);animation:rise .35s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translate(-50%,16px)}}.player-track{display:flex;flex:1;align-items:center;gap:12px;min-width:0;border-radius:999px;text-align:left}.player-disc{position:relative;flex:none;width:56px;height:56px;padding:6px}.player-disc .cover{border-radius:50%}.player-disc svg{position:absolute;inset:0;transform:rotate(-90deg)}.player-disc circle{fill:none;stroke:var(--line);stroke-width:2}.player-disc svg{overflow:visible}.player-disc circle{transition:stroke-width .18s ease,stroke-dashoffset .3s linear}.player-disc .cover{transition:transform .18s ease}.player-track:hover .player-disc circle,.player-track:focus-visible .player-disc circle{stroke-width:3.5}.player-track:hover .player-disc .cover,.player-track:focus-visible .player-disc .cover{transform:scale(.9)}.player-disc circle+circle{stroke:var(--text);stroke-linecap:round}.player-text{min-width:0}.player-track strong,.player-track small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-track strong{font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:.04em}.player-track small{font-size:13px;color:var(--muted)}.player .icon-button{color:var(--text)}html:has(dialog[open]){overflow:hidden}dialog{overscroll-behavior:contain}dialog{color:var(--text)}.modal{width:min(100% - 32px,520px);max-height:min(100dvh - 48px,860px);padding:0;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 32px 80px #0000004d;overflow:auto;animation:pop .22s cubic-bezier(.2,.7,.2,1)}.modal-wide{width:min(100% - 32px,760px)}.modal::backdrop{background:#08080c80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:backdrop-in .22s ease-out}@keyframes backdrop-in{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.985)}}.modal-content{display:flex;flex-direction:column;gap:20px;padding:28px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:-6px -10px -4px 0}.modal-heading h2{padding-top:4px;font-size:24px;font-weight:700;line-height:1.3}.modal h3{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:-12px}.modal p{color:var(--muted)}.modal p.preserve-lines{color:var(--text);white-space:pre-wrap}.modal p.lyrics-text{font-family:var(--serif);font-size:18px;line-height:1.9}.modal code,.modal pre{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.modal code{padding:2px 6px;border-radius:6px;background:var(--hover);color:var(--text)}.modal pre{margin:0;padding:12px 14px;border-radius:12px;background:var(--hover);white-space:pre-wrap}.error-message,.inline-error{color:var(--danger)!important;font-size:14px}.inline-message{font-size:14px}.lyrics-provenance{font-size:13px;margin-bottom:-12px}.fields,.field,.fields label,.model-picker,.art-direction{display:flex;flex-direction:column}.fields{gap:22px}.field,.fields label,.model-picker,.art-direction{gap:8px;font-size:13px;font-weight:500;color:var(--muted)}.field small,.model-picker small{font-weight:400}.label-row{display:flex;align-items:center;justify-content:space-between}.modal input:not([type]),.modal input[type=text],.modal input[type=email],.modal textarea{width:100%;padding:12px 14px;border:1px solid transparent;border-radius:12px;background:var(--hover);color:var(--text);font-size:15px;font-weight:400;outline:0;transition:border-color .15s}.modal input:focus,.modal textarea:focus{border-color:var(--accent)}.modal textarea{min-height:96px;resize:vertical;line-height:1.6}.modal textarea.lyrics-field{min-height:200px;font-family:var(--serif);font-size:17px;line-height:1.8}.modal ::placeholder{color:color-mix(in srgb,var(--text) 36%,transparent)}.segmented{display:flex;padding:3px;border-radius:12px;background:var(--hover)}.segmented button{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:9px;color:var(--muted);font-size:14px;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000024}:root[data-theme=dark] .segmented button[aria-pressed=true]{background:#ffffff24}.check-line{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;font-size:15px!important;font-weight:400!important;color:var(--text)!important;cursor:pointer}.check-line input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.cover-option{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-block,.model-settings,.lyrics-studio,.cover-studio{display:flex;flex-direction:column;gap:14px}.settings-block,.model-settings{padding-top:20px;border-top:1px solid var(--line)}.settings-block p,.model-settings p,.studio-footnote,.studio-description{font-size:14px}.service-status,.studio-heading{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text)}.service-status span{width:8px;height:8px;border-radius:50%;background:var(--muted)}.service-status.connected span{background:#2fb673}.studio-heading h3{margin:0;font-size:15px;font-weight:600;color:var(--text)}.studio-heading svg{display:none}.studio-heading span{margin-left:auto;font-size:13px;font-weight:400;color:var(--muted)}.studio-heading .status-connected{color:#2fb673}.model-picker>div{display:flex;gap:4px}.studio-controls{display:flex;align-items:flex-end;gap:12px}.studio-controls .model-picker{flex:1}.job-status{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.job-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.version-tabs{display:flex;flex-wrap:wrap;gap:6px}.version-tabs button{display:flex;flex-direction:column;align-items:flex-start;padding:8px 14px;border-radius:12px;background:var(--hover);color:var(--muted);font-size:14px;font-weight:500}.version-tabs small{font-size:12px;font-weight:400}.version-tabs button[aria-pressed=true]{background:var(--glass-hover);color:var(--text)}.lyric-comparison{display:grid;gap:16px}.lyric-comparison.two-versions{grid-template-columns:1fr 1fr}.lyric-sheet{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px;border-radius:16px;background:var(--hover)}.lyric-sheet h4{font-family:var(--serif);font-size:20px}.lyric-sheet pre{flex:1;padding:0;background:none;font-family:var(--serif);font-size:16px;line-height:1.85}.lyric-sheet .secondary-button{align-self:flex-start;background:var(--glass-strong)}.detail-top{display:flex;align-items:center;gap:20px}.detail-top .cover{flex:none;width:128px}.detail-top>div{display:flex;flex-direction:column;gap:14px;min-width:0}.detail-top p{font-variant-numeric:tabular-nums}.detail-actions{display:flex;flex-wrap:wrap;gap:8px}.cover-drawer{border-top:1px solid var(--line)}.cover-drawer summary{display:flex;align-items:center;justify-content:space-between;padding:18px 0 0;font-weight:600;cursor:pointer;list-style:none}.cover-drawer summary::-webkit-details-marker{display:none}.cover-drawer summary:after{content:"";width:8px;height:8px;margin-right:4px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .2s}.cover-drawer[open] summary:after{transform:rotate(-135deg)}.cover-drawer .cover-studio{padding-top:18px}.cover-studio .studio-heading{display:none}.cover-workspace{display:grid;grid-template-columns:220px 1fr;gap:20px}.cover-preview img,.cover-placeholder{display:block;width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover}.cover-placeholder{display:grid;place-content:center;justify-items:center;gap:8px;background:var(--hover);color:var(--muted);font-size:13px}.cover-controls{display:flex;flex-direction:column;gap:14px;min-width:0}.cover-controls .secondary-button{align-self:flex-start}.art-direction span{font-weight:400;opacity:.7}.cover-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:2px}.cover-thumbnails button{flex:none;width:76px;font-size:12px;color:var(--muted)}.cover-thumbnails img{display:block;width:100%;aspect-ratio:1;margin-bottom:4px;border-radius:10px;object-fit:cover}.cover-thumbnails button.selected img{outline:2px solid var(--text);outline-offset:2px}.cover-thumbnails button.selected{color:var(--text)}.cover-version-actions{display:flex;align-items:center;gap:16px}.toast{position:fixed;left:50%;top:20px;z-index:40;display:flex;align-items:center;gap:8px;max-width:min(100% - 32px,480px);padding:10px 10px 10px 20px;border-radius:999px;border:1px solid var(--glass-line);background:color-mix(in srgb,var(--surface) 62%,transparent);color:var(--text);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);font-size:14px;box-shadow:var(--glass-edge),0 12px 32px #00000029;transform:translate(-50%);animation:drop .3s cubic-bezier(.2,.7,.2,1) both}@keyframes drop{0%{opacity:0;transform:translate(-50%,-12px)}}.toast button{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;color:inherit;opacity:.6}.toast button:hover{opacity:1}.now-playing{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#101014;color:#fff;--text: #fff;--bg: #101014;--muted: rgba(255, 255, 255, .6);--line: rgba(255, 255, 255, .22);--hover: rgba(255, 255, 255, .12)}.listening-backdrop{position:absolute;inset:0;overflow:hidden}.listening-backdrop:after{content:"";position:absolute;inset:0;background:#0a0a0e75}.listening-backdrop:before{opacity:.2}.listening-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;padding:16px clamp(20px,5vw,72px) clamp(20px,4vh,40px)}.now-playing button{color:var(--muted);transition:color .15s,background .15s,transform .15s}.listening-header>button{display:grid;place-items:center;width:44px;height:44px;margin-left:-8px;border-radius:50%}.listening-header>button:hover{color:#fff}.listening-body{--column: min(100%, 46vh, 460px);display:grid;grid-template-columns:var(--column);grid-template-areas:"art" "title" "controls";align-content:center;justify-content:center;gap:20px 0;min-height:0}.listening-art{grid-area:art}.listening-art .cover{border-radius:10px;box-shadow:0 30px 80px #0000006b;transform:scale(.86);transition:transform .55s cubic-bezier(.3,1.3,.5,1)}.listening-art.playing .cover{transform:none}.listening-title{grid-area:title;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.listening-title>div{min-width:0}.listening-title h2{overflow:hidden;font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.25;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis}.listening-title p{font-size:16px;color:var(--muted)}.listening-title button{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--hover);color:#fff}.listening-controls{grid-area:controls;display:flex;flex-direction:column;gap:14px}.listening-progress input{height:16px}.listening-progress input::-webkit-slider-runnable-track{height:7px;border-radius:4px;background:linear-gradient(to right,rgba(255,255,255,.85) var(--fill),rgba(255,255,255,.22) var(--fill));transition:height .15s,border-radius .15s}.listening-progress input:hover::-webkit-slider-runnable-track,.listening-progress input:active::-webkit-slider-runnable-track{height:12px;border-radius:6px}.listening-progress input:hover::-moz-range-track,.listening-progress input:active::-moz-range-track{height:12px;border-radius:6px}.listening-progress input::-moz-range-track{height:7px;border-radius:4px;background:linear-gradient(to right,rgba(255,255,255,.85) var(--fill),rgba(255,255,255,.22) var(--fill))}.listening-progress input::-webkit-slider-thumb{width:7px;height:7px;margin-top:0;opacity:0!important}.listening-progress input::-moz-range-thumb{opacity:0}.listening-progress div{display:flex;justify-content:space-between;margin-top:2px;font-size:12px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.listening-transport{display:flex;align-items:center;justify-content:center;gap:clamp(28px,6vh,56px)}.listening-transport button{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:#fff}.listening-transport button:hover{background:var(--hover)}.listening-transport button:active{transform:scale(.9)}.listening-toggles{display:flex;justify-content:space-between;padding:0 12%}.listening-toggles button{display:grid;place-items:center;width:44px;height:44px;border-radius:10px}.listening-toggles button:hover{color:#fff}.listening-toggles button[aria-pressed=true]{background:#fff3;color:#fff}.now-playing.has-panel .listening-body{grid-template-columns:var(--column) minmax(0,1fr);grid-template-areas:"art panel" "title panel" "controls panel";grid-template-rows:auto auto auto;column-gap:clamp(40px,7vw,112px);width:min(100%,1180px);margin-inline:auto}.listening-panel{grid-area:panel;align-self:stretch;min-height:0;max-height:calc(100dvh - 140px);overflow-y:auto;padding:8vh 0;-webkit-mask-image:linear-gradient(transparent,#000 8vh,#000 calc(100% - 8vh),transparent);mask-image:linear-gradient(transparent,#000 8vh,#000 calc(100% - 8vh),transparent);outline-offset:-2px;scrollbar-width:none}.listening-lyrics p{font-family:var(--serif);font-size:clamp(26px,3vw,40px);line-height:1.7;letter-spacing:.04em}.listening-lyrics .lyric-section{margin-top:.6em;font-family:var(--sans);font-size:13px;letter-spacing:0;color:var(--muted)}.lyric-break{height:1.4em}.listening-empty{font-family:var(--serif);font-size:24px;color:var(--muted)}.listening-queue{display:flex;flex-direction:column}.listening-queue button{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}.listening-queue button:hover,.listening-queue button[aria-current=true]{color:#fff}.listening-queue strong{overflow:hidden;font-family:var(--serif);font-size:clamp(22px,2.2vw,28px);font-weight:400;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis}.now-playing .drift .blob:nth-child(2){animation-duration:15s}.now-playing .drift .blob:nth-child(3){animation-duration:19s}.now-playing .drift .blob:nth-child(4){animation-duration:24s}.now-playing:not(.is-playing) .drift .blob{animation-play-state:paused}.listening-panel{-webkit-mask-image:linear-gradient(transparent,#000 12vh,#000 calc(100% - 12vh),transparent);mask-image:linear-gradient(transparent,#000 12vh,#000 calc(100% - 12vh),transparent)}.listening-lyrics{display:flex;flex-direction:column;align-items:flex-start;padding-block:32vh}.listening-lyrics .lyric-line{--away: 4;padding:.18em 0;font-family:var(--serif);font-size:clamp(26px,3vw,40px);line-height:1.5;letter-spacing:.04em;text-align:left;color:#fff;opacity:calc(.5 - var(--away) * .08);filter:blur(calc(var(--away) * .9px));transform:scale(.96);transform-origin:left center;transition:opacity .5s ease,filter .5s ease,transform .5s cubic-bezier(.3,1.2,.5,1)}.listening-lyrics .lyric-line[aria-current=true]{opacity:1;filter:none;transform:none}.listening-panel.browsing .lyric-line{filter:none}.listening-panel.browsing .lyric-line:not([aria-current=true]){opacity:.55}.listening-lyrics .lyric-line:hover{opacity:.9;filter:none}.player:not(.expanded) .player-disc .cover,.listening-art .cover{view-transition-name:np-cover}.player:not(.expanded) .player-text strong,.listening-title h2{view-transition-name:np-title}.listening-controls{view-transition-name:np-controls}.listening-panel{view-transition-name:np-panel}::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.3,1,.3,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}::view-transition-old(np-cover),::view-transition-new(np-cover){width:100%;height:100%;object-fit:cover}::view-transition-old(np-title),::view-transition-new(np-title){width:auto;height:100%;object-fit:contain;object-position:left center}::view-transition-new(np-panel),::view-transition-new(np-controls):only-child{animation:panel-in .5s cubic-bezier(.3,1,.3,1) both}::view-transition-old(np-panel),::view-transition-old(np-controls):only-child{animation:panel-out .25s ease both}@keyframes panel-in{0%{opacity:0;filter:blur(12px);transform:translateY(24px)}}@keyframes panel-out{to{opacity:0;filter:blur(12px)}}button,.primary-button,.secondary-button{-webkit-tap-highlight-color:transparent}.icon-button,.primary-button,.secondary-button,.create-button,.song-like,.song-badge,.segmented button,.style-options button,.listening-title button,.listening-toggles button{transition:transform .18s cubic-bezier(.3,1.5,.5,1),background .15s,color .15s,opacity .18s}.icon-button:active:not(:disabled),.song-like:active,.listening-title button:active,.listening-toggles button:active{transform:scale(.84)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.create-button:active:not(:disabled),.segmented button:active,.style-options button:active{transform:scale(.95)}.song-cover:active .song-badge{transform:scale(.86)}.listening-title button{position:relative}.heart-burst{position:absolute;inset:0;border:2px solid currentColor;border-radius:50%;pointer-events:none}@media(max-width:640px){.top-bar,.page{width:calc(100% - 40px)}.top-bar{height:60px}.hero .top-bar,.hero .compose{width:calc(100% - 40px)}.compose{min-height:56vh;padding:16px 0 20px}.page{padding-top:40px}.create-button{padding:0 26px}.song-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.song-like,.song-badge{opacity:1;transform:none}.song-badge{width:38px;height:38px;right:8px;bottom:8px}.app-shell.has-player{padding-bottom:96px}.modal,.modal-wide{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-width:1px 0 0;border-radius:24px 24px 0 0}.modal-content{padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.lyric-comparison.two-versions,.cover-workspace{grid-template-columns:1fr}.cover-preview{width:60%}.studio-controls{flex-direction:column;align-items:stretch}.detail-top .cover{width:96px}.listening-body{--column: min(100%, 44vh);gap:16px 0}.now-playing.has-panel .listening-body{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"art title" "panel panel" "controls controls";grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;column-gap:14px}.now-playing.has-panel .listening-art .cover{border-radius:6px;box-shadow:none;transform:none}.now-playing.has-panel .listening-title h2{font-size:20px}.listening-panel{max-height:none;padding:3vh 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.spin{animation-duration:.9s!important}.notes circle{animation:none;transform:translateY(var(--rise))}}.player-text,.listening-title>div,.listening-queue strong{flex:1;min-width:0}.song-info strong,.player-track strong,.listening-title h2,.listening-queue strong{text-overflow:clip}.player-track small{text-overflow:clip;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 2em),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 2em),transparent)}.marquee{display:block;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 2em),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 2em),transparent)}.marquee>span{display:inline-block}:is(.song,.player-track,.listening-title,.listening-queue button):is(:hover,:focus-within,:focus-visible) .marquee[data-overflow]{-webkit-mask-image:linear-gradient(to right,transparent,#000 .8em,#000 calc(100% - 2em),transparent);mask-image:linear-gradient(to right,transparent,#000 .8em,#000 calc(100% - 2em),transparent)}:is(.song,.player-track,.listening-title,.listening-queue button):is(:hover,:focus-within,:focus-visible) .marquee[data-overflow]>span{animation:marquee var(--time) ease-in-out .35s infinite alternate}@media(hover:none){:is(.song.is-current,.player-track,.listening-title,.listening-queue button[aria-current=true]) .marquee[data-overflow]{-webkit-mask-image:linear-gradient(to right,transparent,#000 .8em,#000 calc(100% - 2em),transparent);mask-image:linear-gradient(to right,transparent,#000 .8em,#000 calc(100% - 2em),transparent)}:is(.song.is-current,.player-track,.listening-title,.listening-queue button[aria-current=true]) .marquee[data-overflow]>span{animation:marquee var(--time) ease-in-out 1.2s infinite alternate}}@keyframes marquee{0%,14%{transform:translate(0)}86%,to{transform:translate(calc(-1 * var(--shift) - 2.2em))}}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:400;color:var(--text)}.account-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal.modal-sign-in{width:min(100% - 32px,420px);border-color:var(--glass-line);background:color-mix(in srgb,var(--surface) 64%,transparent);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);box-shadow:var(--glass-edge),0 32px 80px #0000004d}.modal-sign-in .modal-content{position:relative;gap:28px;padding:44px 36px 32px;text-align:center}.modal-sign-in .modal-heading{justify-content:center;margin:0}.modal-sign-in .modal-heading h2{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0;font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:.02em}.modal-sign-in .modal-heading .icon-button{position:absolute;top:14px;right:14px}.sign-in-body{display:flex;flex-direction:column;gap:20px;overflow-x:visible;overflow-y:clip;margin:-4px;padding:4px}.sign-in .secondary-button{gap:10px;margin-top:-10px}.sign-in-links>*,.sign-in .primary-button>.notes,.modal-sign-in .inline-error{animation:sign-in-fade .3s ease-out}@keyframes sign-in-fade{0%{opacity:0}}.sso-callback{display:grid;place-items:center;min-height:100dvh;color:var(--muted)}.sign-in{display:flex;flex-direction:column;gap:22px;animation:sign-in-step .36s cubic-bezier(.2,.7,.2,1)}@keyframes sign-in-step{0%{opacity:0;transform:translateY(8px)}}.sign-in p{font-size:14px;overflow-wrap:anywhere}.modal-sign-in input.sign-in-field{padding:6px 0 12px;border:0;border-bottom:1px solid var(--glass-line);border-radius:0;background:none;font-family:var(--serif);font-size:24px;text-align:center;transition:border-color .25s}.modal-sign-in input.sign-in-field:focus{border-color:color-mix(in srgb,var(--text) 55%,transparent)}.modal-sign-in input.sign-in-code{font-size:36px;letter-spacing:.4em;text-indent:.4em}.sign-in-links{display:flex;align-items:center;justify-content:space-between;min-height:24px}.sign-in-links>.notes{margin:0 auto}@media(prefers-reduced-motion:reduce){.sign-in,.sign-in-links>*,.sign-in .primary-button>.notes,.modal-sign-in .inline-error,.modal::backdrop{animation:none}}#clerk-captcha:empty{display:none}