@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;--bg:#080d1a;--surface:#111827;--surface-2:#182236;--surface-3:#202c42;--border:#94a3b824;--border-strong:#94a3b840;--fg:#f8fafc;--muted:#94a3b8;--faint:#64748b;--accent:#8b5cf6;--accent-soft:#8b5cf629;--accent-2:#6366f1;--rec:#ec4899;--rec-soft:#ec489926;--wave:#06b6d4;--ok:#34d399;--ok-soft:#34d39924;--warn:#fbbf24;--warn-soft:#fbbf2424;--font-mono:"DM Mono", ui-monospace, monospace;--radius:16px;background:#03050c;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,#1c1740 0,#03050c 42rem);min-width:320px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--wave);outline-offset:3px}.app-shell{justify-content:center;min-height:100dvh;padding:0;display:flex}.app-screen{background:var(--bg);flex-direction:column;width:min(100%,560px);min-height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 80px #00000057}.status-bar{height:32px;color:var(--muted);flex:none;justify-content:space-between;align-items:center;padding:10px 20px 0;font-size:12px;display:flex}.status-icons{letter-spacing:-2px;align-items:center;gap:7px;font-size:9px;display:flex}.mono,.meta,.eyebrow,.greeting,code,.step-dots{font-family:var(--font-mono)}.mono{font-size:11px}.main-view,.flow-layout,.record-view{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.main-view::-webkit-scrollbar{display:none}.flow-layout::-webkit-scrollbar{display:none}.record-view::-webkit-scrollbar{display:none}.main-view{padding-bottom:94px}.flow-layout{padding-bottom:26px}.flow-body,.page-pad{flex-direction:column;gap:14px;padding:18px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.center{text-align:center}.center-text{text-align:center;justify-content:center}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}h1,h2,p{margin:0}h1,h2,strong{letter-spacing:-.025em}h1{font-size:23px;font-weight:800;line-height:1.08}h2{font-size:18px;font-weight:800;line-height:1.15}small{color:var(--muted);font-size:12px;line-height:1.4;display:block}.eyebrow{color:var(--faint);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:500;display:block}.greeting{color:var(--faint);margin-bottom:7px;font-size:11px;display:block}.meta{color:var(--faint);font-size:10px}.lead{color:var(--muted);font-size:15px;line-height:1.45}.home-header{justify-content:space-between;align-items:flex-start;padding:22px 18px 10px;display:flex}.home-header h1{font-size:28px}.home-header em{color:#c4b5fd;font-style:normal}.screen-header{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr 40px;align-items:center;gap:6px;min-height:72px;padding:15px 18px 8px;display:grid}.header-title{text-align:center;min-width:0}.header-title h1{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:16px;overflow:hidden}.header-action{justify-content:flex-end;display:flex}.header-spacer{width:40px}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:13px;flex:none;place-items:center;display:grid}.icon-button.small{border-radius:10px;width:32px;height:32px}.icon-button.filled{background:linear-gradient(135deg, var(--accent), var(--rec));color:#fff;border-color:#0000}.icon-button:hover,.text-button:hover{color:#fff}.button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-size:14px;font-weight:700;transition:transform .12s,filter .15s,background .15s;display:inline-flex}.button:active,.icon-button:active,.card:active,.choice-card:active,.status-row:active,.hero-start:active,.friend-mix:active,.cover-list-row:active,.ready-cover:active,.song-tile:active{transform:scale(.985)}.button:disabled{cursor:wait;opacity:.55}.button-primary{color:#fff;background:linear-gradient(135deg, var(--accent), #a855f7);box-shadow:0 10px 24px -12px #8b5cf6f2}.button-primary:hover{filter:brightness(1.1)}.button-ghost{color:#e9d5ff;background:var(--accent-soft);border:1px solid #8b5cf633}.button-line{color:var(--muted);border:1px solid var(--border-strong);background:0 0}.button-danger{color:#fecdd3;background:#f43f5e24}.button.full{width:100%}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:600}.card,.hero-card,.hero-start,.cover-summary{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.card{padding:16px}.glow{background:linear-gradient(145deg, #8b5cf621, #ec489912 75%), var(--surface);border-color:#8b5cf640;box-shadow:inset 0 1px #ffffff0a}.hero-start{text-align:left;cursor:pointer;width:100%;color:inherit;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.hero-start>div:first-child{min-width:0}.hero-start h2{max-width:280px;margin:6px 0 7px}.hero-start p{max-width:290px;color:var(--muted);margin-bottom:13px;font-size:12px;line-height:1.45}.inline-cta{color:#fff;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.resume-card,.friend-mix,.cover-list-row,.ready-cover,.next-move{text-align:left;cursor:pointer;width:100%;color:inherit;align-items:center;gap:12px;display:flex}.resume-detail,.friend-mix>div:last-child,.cover-list-row .resume-detail,.ready-cover>div:not(.cover-art),.next-move>div:not(.move-icon){flex:1;min-width:0}.resume-detail strong,.friend-mix strong,.cover-list-row strong,.ready-cover strong{font-size:14px}.resume-detail small,.friend-mix small,.cover-list-row small,.ready-cover small{white-space:nowrap;text-overflow:ellipsis;margin:4px 0 8px;overflow:hidden}.resume-detail .between{align-items:flex-start}.card-list{gap:10px}.friend-mix{padding:12px}.friend-mix>div:last-child{overflow:hidden}.mix-row{align-items:center;gap:8px;display:flex}.mix-row .waveform{flex:1}.play-circle{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.play-circle.large{width:42px;height:42px}.next-move{padding:13px}.next-move small{margin-top:3px}.move-icon{width:36px;height:36px;color:var(--wave);background:#06b6d41f;border-radius:11px;flex:none;place-items:center;display:grid}.section-label{justify-content:space-between;align-items:center;padding:10px 18px 5px;display:flex}.section-label h2{font-size:16px}.cover-art{color:#ffffffdb;background:linear-gradient(145deg,#8b5cf6,#ec4899 62%,#7e22ce);border-radius:13px;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff2e}.cover-art svg{filter:drop-shadow(0 2px 5px #00000047)}.cover-sm{border-radius:11px;width:42px;height:42px}.cover-md{width:58px;height:58px}.cover-lg{border-radius:18px;width:96px;height:96px}.cover-electric{background:linear-gradient(145deg,#06b6d4,#6366f1)}.cover-gold{background:linear-gradient(145deg,#ec4899,#f59e0b 90%)}.cover-night{background:linear-gradient(145deg,#4c1d95,#1e293b)}.cover-mint{background:linear-gradient(145deg,#34d399,#0ea5e9)}.progress{background:#ffffff17;border-radius:999px;height:6px;margin:8px 0 6px;overflow:hidden}.progress.large{height:8px;margin-top:18px}.progress i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--rec));height:100%;display:block}.pill-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pill{width:max-content;font-family:var(--font-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:500;display:inline-flex}.pill-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.pill-muted{color:var(--muted);background:var(--surface-2)}.pill-accent{color:#c4b5fd;background:var(--accent-soft)}.pill-ok{color:var(--ok);background:var(--ok-soft)}.pill-warn{color:var(--warn);background:var(--warn-soft)}.pill-wave{color:var(--wave);background:#06b6d424}.bottom-nav{z-index:10;padding:8px 8px max(7px, env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080d1adb;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav>button:not(.nav-fab){min-height:53px;color:var(--faint);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.bottom-nav>button.active{color:var(--accent)}.nav-fab{color:#fff;background:linear-gradient(135deg, var(--accent), var(--rec));cursor:pointer;border:0;border-radius:50%;justify-self:center;place-items:center;width:58px;height:58px;margin-top:-22px;display:grid;box-shadow:0 11px 24px -7px #8b5cf6cc}.brand-mark{align-items:center;gap:3px;height:26px;display:flex}.brand-mark span{background:linear-gradient(var(--accent), var(--rec));border-radius:3px;width:3px}.brand-mark span:first-child,.brand-mark span:nth-child(5){height:10px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(4){height:19px}.brand-mark span:nth-child(3){height:26px}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff2e}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-md{width:40px;height:40px;font-size:15px}.avatar-lg{width:60px;height:60px;font-size:23px}.avatar-xl{width:84px;height:84px;font-size:32px}.avatar-ring{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.stacked-avatars{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.stacked-avatars .avatar{border:2px solid var(--surface);margin-left:-9px}.stacked-avatars .avatar:first-child{margin-left:0}.flow-top{grid-template-columns:40px 1fr auto;align-items:start;gap:8px;padding:22px 18px 5px;display:grid}.flow-top>div:nth-child(2){text-align:center}.flow-top h1{margin-top:4px;font-size:17px}.step-dots{justify-content:center;gap:6px;margin:6px 0 2px;display:flex}.step-dots i{background:#ffffff21;border-radius:3px;width:24px;height:4px}.step-dots i.on{background:var(--accent)}.onboarding-body{flex-direction:column;gap:14px;padding:16px 18px 24px;display:flex}.hero-card{padding:20px 17px}.hero-card h2{margin:7px 0;font-size:23px}.hero-card p,.process-card p,.session-hero p{color:var(--muted);font-size:13px;line-height:1.45}.hero-card>.waveform{margin-top:14px}.hero-card.center-card{text-align:center}.center-card h2{margin-top:12px}.center-card .button{margin-top:16px}.feature-list{padding:8px 14px}.feature-row{border-top:1px solid var(--border);align-items:center;gap:11px;padding:11px 0;display:flex}.feature-row:first-child{border-top:0}.feature-row>span{width:22px;color:var(--faint);font-family:var(--font-mono);font-size:12px}.feature-row strong{font-size:13px;display:block}.feature-row small{margin-top:2px}.option-stack{flex-direction:column;gap:10px;display:flex}.choice-card,.friend-row,.assignment-row,.status-row,.settings-list button,.song-choice{border:1px solid var(--border);width:100%;color:inherit;background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;display:flex}.choice-card{padding:14px}.choice-card.selected{background:var(--accent-soft);border-color:#8b5cf6b3}.choice-icon{width:39px;height:39px;color:var(--accent);background:var(--surface-2);border-radius:11px;flex:none;place-items:center;display:grid}.choice-card>span:nth-child(2){flex:1}.choice-card strong,.friend-row strong{font-size:13px;display:block}.choice-card small,.friend-row small{margin-top:3px}.choice-radio{border:2px solid var(--faint);border-radius:50%;width:18px;height:18px}.large-icon{width:62px;height:62px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;display:inline-grid}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-row small{margin-top:3px}.toggle{cursor:pointer;background:#ffffff21;border:0;border-radius:999px;flex:none;width:46px;height:27px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .18s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(19px)}.toggle.mini{width:38px;height:23px}.toggle.mini:after{width:17px;height:17px}.toggle.mini.on:after{transform:translate(15px)}.avatar-picker{flex-wrap:wrap;gap:10px;margin:13px 0 9px;display:flex}.avatar-picker .avatar{cursor:pointer;border:0}.avatar-picker .picked{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.form-card{flex-direction:column;gap:13px;display:flex}.form-card label{color:var(--faint);font-family:var(--font-mono);letter-spacing:.1em;flex-direction:column;gap:7px;font-size:10px;display:flex}.form-card input,.handle-input,.search-box input,.lyric-row-main input{color:var(--fg);border:1px solid var(--border);background:#0003;border-radius:11px;outline:0}.form-card input{letter-spacing:0;padding:12px;font-family:DM Sans,sans-serif;font-size:14px}.handle-input{letter-spacing:0;align-items:center;gap:6px;padding:0 12px;font-family:DM Sans,sans-serif;font-size:14px;display:flex}.handle-input span{color:var(--faint)}.handle-input input{background:0 0;border:0;width:100%;padding:12px 0}.friend-list{padding:4px 14px}.friend-row{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;padding:11px 0}.friend-row:first-child{border-top:0}.friend-row>span:nth-child(2){flex:1}.friend-check{color:#0000;border:1px solid var(--border-strong);border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.friend-check.on{color:#fff;border-color:var(--accent);background:var(--accent)}.collaborator-card{padding:15px}.collaborator-card small{margin-top:4px}.collaborators{gap:8px;margin-top:15px;display:flex}.collaborators .avatar{border:2px solid var(--surface)}.add-avatar{width:40px;height:40px;color:var(--muted);border:1px dashed var(--border-strong);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.join-link{border:1px solid var(--border-strong);background:#0000002e;border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:8px 8px 8px 11px;display:flex}.join-link svg{color:var(--wave);flex:none}.join-link code{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.join-link button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:4px;padding:7px 9px;font-size:11px;font-weight:700;display:inline-flex}.join-link.subtle{margin-top:0}.join-link.subtle button{color:var(--muted);background:0 0;padding:5px}.song-choice{padding:12px}.song-choice>div:nth-child(2){flex:1}.song-choice strong,.upload-choice strong{margin-top:5px;font-size:14px;display:block}.song-choice small,.upload-choice small{margin-top:4px}.song-choice svg{color:var(--ok)}.upload-choice{border:1.5px dashed var(--border-strong);border-radius:var(--radius);width:100%;color:inherit;text-align:left;cursor:pointer;background:#111827b3;align-items:center;gap:11px;padding:16px;display:flex}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.upload-choice>span:nth-child(2){flex:1}.upload-icon{width:47px;height:47px;color:var(--accent);background:var(--accent-soft);border-radius:13px;place-items:center;display:grid}.process-card{text-align:center;padding:20px}.process-card .cover-art{margin:0 auto 16px}.process-card h2{margin:7px 0}.process-card .progress{text-align:left;margin-top:18px}.stage-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:4px 14px}.stage-row{border-top:1px solid var(--border);align-items:center;gap:10px;min-height:57px;display:flex}.stage-row:first-child{border-top:0}.stage-row>span:nth-child(2){flex:1}.stage-row strong{font-size:13px;display:block}.stage-row small{margin-top:2px}.stage-icon{width:27px;height:27px;color:var(--faint);background:var(--surface-2);border-radius:50%;place-items:center;display:grid}.stage-row.done .stage-icon{color:var(--ok);background:var(--ok-soft)}.stage-row.running .stage-icon{color:var(--accent);background:var(--accent-soft)}.lyrics-intro{align-items:center;gap:13px;display:flex}.lyrics-intro>div{flex:1}.lyrics-intro h2{margin:6px 0}.lyrics-intro p{color:var(--muted);font-size:12px;line-height:1.4}.guide-player{padding:15px}.guide-player strong{font-family:var(--font-mono);margin-top:4px;font-size:18px;display:block}.guide-player strong span{color:var(--faint);font-size:11px;font-weight:400}.stamp-controls{margin-top:10px}.stamp-controls small{color:var(--faint);font-family:var(--font-mono);font-size:10px}.stamp-controls .button{min-height:38px;padding:0 12px;font-size:12px}.scrub{background:#ffffff1f;border-radius:3px;height:5px;margin:15px 0 10px;overflow:hidden}.scrub i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--rec));height:100%;transition:width .18s linear;display:block}.line-editor{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.lyric-row{border-top:1px solid var(--border)}.lyric-row:first-child{border-top:0}.lyric-row.selected{background:var(--accent-soft)}.lyric-row-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:26px 1fr 22px;align-items:center;gap:9px;padding:12px;display:grid}.line-number{color:var(--faint);font-family:var(--font-mono);font-size:11px}.lyric-row.selected .line-number,.lyric-row.selected .lyric-row-main>svg{color:var(--accent)}.line-content{min-width:0}.lyric-row-main input{width:100%;min-width:0;color:var(--fg);background:0 0;border:0;padding:0;font-size:13px}.lyric-row-main input:focus{outline:0}.line-content small{font-family:var(--font-mono);margin-top:3px;font-size:10px}.nudge-row{flex-wrap:wrap;gap:6px;padding:0 12px 12px 47px;display:flex}.nudge-row button{border:1px solid var(--border-strong);min-height:31px;color:var(--muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:8px;padding:0 10px;font-size:10px}.nudge-row .delete-line{color:#fda4af;border-color:#f43f5e40;margin-left:auto;padding:0 8px}.assign-intro{justify-content:space-between;align-items:start;gap:14px;padding:4px 0;display:flex}.assign-intro h2{margin:6px 0}.assign-intro p{max-width:290px;color:var(--muted);font-size:12px;line-height:1.4}.assignment-list{padding:4px 14px}.assignment-row{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;padding:11px 0}.assignment-row:first-child{border-top:0}.assignment-number{color:var(--faint);font-family:var(--font-mono);font-size:11px}.assignment-copy{flex:1;min-width:0}.assignment-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.assignment-copy small{font-family:var(--font-mono);margin-top:3px;font-size:10px}.assignment-person{flex-direction:column;align-items:center;gap:3px;display:flex}.assignment-person small{font-size:10px}.cover-summary{justify-content:space-between;align-items:end;gap:14px;padding:18px;display:flex}.cover-summary h2{margin:6px 0}.cover-summary p{max-width:280px;color:var(--muted);font-size:12px;line-height:1.4}.cover-list-row{padding:13px}.cover-list-row>svg{color:var(--faint)}.ready-cover{padding:12px}.ready-cover>div:not(.cover-art){overflow:hidden}.ready-cover .pill{margin-left:auto}.numbered-card{padding:4px 14px}.session-hero{padding:17px}.session-hero h2{margin:6px 0}.session-hero .cover-art{width:84px;height:84px}.session-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-list{padding:4px 14px}.status-row{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;min-height:63px;padding:10px 0}.status-row:first-child{border-top:0}.status-copy{flex:1;min-width:0}.status-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.status-copy small{margin-top:3px;font-size:10px}.status-row>svg{color:var(--faint)}.guest-lines{flex-direction:column;gap:10px;display:flex}.guest-line{border-top:1px solid var(--border);align-items:center;gap:12px;padding-top:10px;display:flex}.guest-line:first-of-type{border-top:0;padding-top:0}.guest-line>div{flex:1;min-width:0}.guest-line strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.guest-line small{margin-top:3px}.status-state{color:var(--warn);background:var(--warn-soft);font-family:var(--font-mono);white-space:nowrap;border-radius:7px;align-items:center;gap:3px;padding:5px 7px;font-size:9px;display:inline-flex}.status-state.done{color:var(--ok);background:var(--ok-soft)}.search-box{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:13px;align-items:center;gap:9px;padding:11px 13px;display:flex}.search-box input{background:0 0;border:0;width:100%;padding:0;font-size:14px}.search-box input:focus{outline:0}.filter-row{scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}.filter-chip{border:1px solid var(--border);min-height:33px;color:var(--muted);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;padding:0 12px;font-size:12px}.filter-chip.active{color:#fff;background:var(--accent-soft);border-color:#0000}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.song-tile,.new-song-tile{border:1px solid var(--border);color:#fff;background:var(--surface);text-align:left;cursor:pointer;border-radius:15px;min-width:0;position:relative;overflow:hidden}.song-tile .cover-art{border-radius:0;width:100%;height:174px}.tile-copy{flex-direction:column;gap:3px;padding:11px;display:flex}.tile-copy strong{font-size:14px}.tile-copy small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-copy span{color:var(--faint);font-family:var(--font-mono);align-items:center;gap:3px;margin-top:3px;font-size:10px;display:flex}.tile-badge{color:#fff;background:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;border-radius:6px;padding:4px 7px;font-size:8px;position:absolute;top:9px;left:9px}.new-song-tile{min-height:238px;color:var(--muted);background:#11182799;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.new-song-tile strong{color:var(--fg);font-size:13px}.profile-head{text-align:center;flex-direction:column;align-items:center;padding:22px 18px 10px;display:flex}.profile-head h2{margin:11px 0 3px}.profile-stats{gap:40px;margin-top:20px;display:flex}.profile-stats div{flex-direction:column;gap:2px;display:flex}.profile-stats strong{font-size:17px}.profile-stats small{font-size:10px}.settings-list{padding:4px 14px}.settings-list button{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;min-height:65px;padding:10px 0}.settings-list button:first-child{border-top:0}.settings-list button>span:nth-child(2){flex:1}.settings-list strong{font-size:13px;display:block}.settings-list small{text-align:left;margin-top:3px}.setting-icon{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:10px;place-items:center;display:grid}.settings-list button>svg{color:var(--faint)}.profile-note{color:var(--wave);align-items:flex-start;gap:10px;display:flex}.profile-note div{color:var(--fg)}.profile-note strong{font-size:13px;display:block}.profile-note small{margin-top:3px}.feed-view{background:#13152f;padding-bottom:0;position:relative}.feed-top{z-index:2;justify-content:center;padding:10px 16px;display:flex;position:absolute;top:5px;left:0;right:0}.feed-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c1880;border:1px solid #ffffff29;border-radius:999px;gap:3px;padding:3px;display:flex}.feed-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 15px;font-weight:600}.feed-tabs button.active{color:#0b1220;background:#fff}.feed-slide{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 32px);padding:65px 24px 24px;display:flex;position:relative;overflow:hidden}.feed-beggin{background:linear-gradient(160deg,#2c1764,#151a45 54%,#0b1220)}.feed-ambient{filter:blur(60px);background:#ec489947;border-radius:50%;width:300px;height:300px;position:absolute}.feed-slide>.cover-art,.feed-copy,.feed-actions,.feed-player{z-index:1;position:relative}.feed-slide>.cover-art{width:150px;height:150px;margin-bottom:26px;box-shadow:0 25px 55px -18px #000000a6}.feed-copy{flex-direction:column;align-items:center;gap:10px;display:flex}.singer-chip{background:#080c188c;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;padding:4px 12px 4px 4px;font-size:12px;font-weight:600;display:inline-flex}.feed-lyric{text-shadow:0 2px 18px #0000008c;max-width:310px;font-size:23px;font-weight:800;line-height:1.22}.feed-copy small{color:#ffffffa6}.feed-actions{gap:8px;margin:26px 0 16px;display:flex}.feed-actions button{color:#fff;cursor:pointer;background:#080c188c;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:11px;display:inline-flex}.feed-player{width:100%;max-width:360px;margin-top:auto}.feed-progress{background:#ffffff40;border-radius:2px;height:4px;overflow:hidden}.feed-progress i{background:#fff;width:32%;height:100%;display:block}.feed-controls{justify-content:center;align-items:center;gap:22px;margin-top:14px;display:flex}.feed-controls button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.feed-controls .feed-play{background:#ffffff24;border:1px solid #ffffff3d;width:59px;height:59px}.record-view{flex-direction:column;display:flex}.record-body{text-align:center;flex-direction:column;flex:1;align-items:center;gap:16px;padding:27px 18px 28px;display:flex}.record-lyrics{flex-direction:column;align-items:center;gap:11px;width:100%;max-width:370px;display:flex}.record-lyrics>small{color:var(--accent);font-family:var(--font-mono);font-size:10px}.record-prev,.record-next{color:#94a3b885;max-width:320px;font-size:14px;line-height:1.35}.record-lyrics h2{max-width:340px;font-size:24px;line-height:1.2}.record-center{flex-direction:column;align-items:center;gap:13px;margin:8px 0;display:flex}.record-orb{background:radial-gradient(circle,#8b5cf640,#080d1af2 66%);border:1px solid #8b5cf647;border-radius:50%;place-items:center;width:min(76vw,270px);height:min(76vw,270px);display:grid;overflow:hidden;box-shadow:0 0 60px -12px #8b5cf68c,inset 0 0 40px #06b6d41f}.record-orb.recording{background:radial-gradient(circle,#ec48994d,#080d1af2 66%);border-color:#ec4899b3;box-shadow:0 0 60px -12px #ec4899b3}.record-orb .waveform{width:62%;height:80px}.record-timer{color:var(--muted);font-family:var(--font-mono);font-size:12px}.precheck-card,.review-card{text-align:left;width:100%;max-width:420px;padding:4px 15px}.check-row{border-top:1px solid var(--border);align-items:center;gap:10px;min-height:58px;display:flex}.check-row:first-child{border-top:0}.check-row>span:nth-child(2){flex:1}.check-row strong{font-size:12px;display:block}.check-row small{margin-top:2px;font-size:10px}.check-row button{color:#c4b5fd;background:var(--accent-soft);cursor:pointer;border:0;border-radius:7px;padding:5px 8px;font-size:11px}.check-dot{width:26px;height:26px;color:var(--muted);background:var(--surface-2);border-radius:50%;place-items:center;display:grid}.check-dot.ok{color:var(--ok);background:var(--ok-soft)}.check-dot.warn{color:var(--warn);background:var(--warn-soft)}.noise-meter{background:#ffffff1a;border-radius:99px;width:48px;height:6px;overflow:hidden}.noise-meter i{background:linear-gradient(90deg, var(--ok), var(--warn));width:42%;height:100%;display:block}.review-card{align-items:center;gap:13px;padding:14px;display:flex}.review-card>div{flex:1}.review-card strong{margin:7px 0 3px;font-size:14px;display:block}.review-card .waveform{width:94px}.record-controls{justify-content:center;align-items:center;gap:9px;min-height:90px;display:flex}.record-button{color:#fff;background:linear-gradient(135deg, var(--rec), #be185d);cursor:pointer;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:84px;height:84px;display:flex;box-shadow:0 12px 30px -8px #ec4899d1}.record-button span{display:block}.record-button small{color:#fff;font-size:9px}.record-button.recording{box-shadow:0 0 0 7px #ec489940,0 12px 30px -8px #ec4899d1}.record-footnote{max-width:300px;color:var(--faint);font-size:11px;line-height:1.4}.mix-art{text-align:center;flex-direction:column;align-items:center;padding:26px 18px 21px;display:flex}.mix-art .cover-art{margin-bottom:15px}.mix-art h2{margin:6px 0 3px;font-size:23px}.mix-art p{color:var(--muted);font-size:12px}.mix-singers{margin-top:16px;display:flex}.mix-singers .avatar{border:2px solid var(--surface);margin-left:-5px}.mix-singers .avatar:first-child{margin-left:0}.mix-player{padding:15px}.mix-player strong{margin-top:4px;font-size:14px;display:block}.mix-lyric{color:#fff;margin:19px 0 4px;font-size:15px;font-weight:700}.mix-settings{flex-direction:column;gap:14px;display:flex}.mix-settings>div{min-height:31px}.mix-settings strong{font-size:13px;display:block}.mix-settings small{margin-top:3px}.mix-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mix-note{color:var(--faint);justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.mix-note svg{color:var(--ok)}.waveform{justify-content:center;align-items:center;gap:2px;min-width:0;height:27px;display:flex;overflow:hidden}.waveform i{background:var(--wave);opacity:.85;border-radius:3px;flex:3px;width:3px;max-width:4px;min-height:3px}.waveform.dim i{background:var(--faint);opacity:.54}.waveform.live i{animation:.72s ease-in-out infinite alternate wave-bounce}.waveform.live i:nth-child(3n){animation-delay:-.3s}.waveform.live i:nth-child(4n){animation-delay:-.5s}@keyframes wave-bounce{0%{transform:scaleY(.38)}to{transform:scaleY(1.55)}}.toast{z-index:30;border:1px solid var(--border-strong);width:max-content;max-width:calc(100vw - 36px);color:var(--fg);background:#0b1220;border-radius:12px;align-items:center;gap:8px;margin:auto;padding:11px 14px;font-size:13px;display:flex;position:fixed;bottom:25px;left:18px;right:18px;box-shadow:0 15px 35px #00000080}.toast svg{color:var(--ok)}@media (width>=700px){.app-shell{padding:24px}.app-screen{border:1px solid #94a3b824;border-radius:28px;min-height:calc(100dvh - 48px);max-height:calc(100dvh - 48px)}.status-bar{padding-top:13px}.toast{bottom:48px;left:50%;right:auto;transform:translate(-50%)}}