:root{--canvas:#faf7f2;--card:#fff;--wash:#f4efea;--wash-2:#ebe8e3;--coral-wash:#fff5f2;--ink:#18181b;--ink-2:#27272a;--ink-3:#52525b;--muted:#71717a;--tag:#5b403a;--coral:#ff5a36;--coral-hover:#ff7a59;--coral-deep:#b52603;--on-coral:#fff;--play:#10b981;--play-deep:#006c49;--on-play:#fff;--line:#e4dfd7;--line-strong:#d6cfc4;--error:#ba1a1a;--error-bg:#ffdad6;--on-error-bg:#93000a;--shadow-card:0 4px 16px -2px #3a29170d, 0 1px 3px #3a291708;--shadow-deep:0 12px 36px -4px #28190c14, 0 4px 12px -2px #28190c0a;--shadow-press:0 1px 3px #3a29170d;--shadow-warm:0 8px 28px -12px #ff5a364d;--z-menu:60;--r-sm:.25rem;--r:.5rem;--r-md:.75rem;--r-lg:1rem;--r-xl:1.5rem;--r-full:9999px;--margin:2rem;--margin-mobile:1.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3rem;--read:680px;--wide:1040px;--deck-h:80px;--deck-inset:16px;--bar-h:calc(var(--deck-h) + var(--deck-inset) * 2 + env(safe-area-inset-bottom));--ease-pop:cubic-bezier(.2, .9, .25, 1);--ease-press:cubic-bezier(.2, .8, .2, 1);--font:"Plus Jakarta Sans", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}#root{min-width:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}body:after{content:"";z-index:50;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button,textarea,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:700}.emo{flex:none;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.15em;font-style:normal;line-height:1}button svg,a svg,li svg{flex:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-full);background-clip:content-box;border:3px solid #0000}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}@keyframes tl-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes tl-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes tl-rise{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tl-deck{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes tl-listening{0%,to{box-shadow:0 0 #ff5a3659}70%{box-shadow:0 0 0 10px #ff5a3600}}@keyframes tl-sweep{0%{transform:translate(-7%,-4%)}to{transform:translate(7%,5%)}}@keyframes tl-drift{0%{transform:scale(1.12)translate(-2%,-1%)}to{transform:scale(1.18)translate(2%,1%)}}@keyframes tl-blob-a{0%{transform:translate(-4%,-3%)scale(1)}to{transform:translate(6%,5%)scale(1.14)}}@keyframes tl-blob-b{0%{transform:translate(5%,3%)scale(1.1)}to{transform:translate(-5%,-4%)scale(.96)}}@keyframes tl-blob-c{0%{transform:translate(-3%,5%)scale(1.04)}to{transform:translate(5%,-4%)scale(1.16)}}@keyframes tl-blob-d{0%{transform:translate(4%,-4%)scale(1.02)}to{transform:translate(-4%,4%)scale(1.12)}}@keyframes tl-float{0%{opacity:0;transform:translate(0,0)}14%{opacity:.05}86%{opacity:.05}to{opacity:0;transform:translate(16px,-70vh)}}@keyframes tl-shimmer{0%,to{opacity:.16}50%{opacity:.44}}@keyframes tl-toast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.stage{min-height:0;padding:var(--space-lg) var(--margin) var(--space-xl);flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow:hidden auto}.ambient{z-index:0;pointer-events:none;contain:paint;transition:opacity 1.2s,transform 1.2s;position:absolute;inset:0;overflow:hidden}.ambient .blob{aspect-ratio:1;filter:blur(60px);will-change:transform;border-radius:50%;animation:28s ease-in-out infinite alternate tl-blob-a;display:block;position:absolute}.ambient .b1{background:#ff7a591a;width:46vmin;animation-name:tl-blob-a;animation-duration:28s;top:-14%;left:-10%}.ambient .b2{background:#ffbe9617;width:54vmin;animation-name:tl-blob-b;animation-duration:34s;top:2%;right:-12%}.ambient .b3{background:#10b9810f;width:50vmin;animation-name:tl-blob-c;animation-duration:31s;bottom:-18%;left:4%}.ambient .b4{background:#d6cfc41a;width:44vmin;animation-name:tl-blob-d;animation-duration:37s;bottom:-22%;right:6%}.ambient.ambient-making .blob{filter:blur(72px);animation-duration:40s}.ambient.ambient-making .b1{background:#ff7a591f}.ambient.ambient-making .b2{background:#ffbe961c}.ambient.ambient-making .b3{background:#10b98114}.notes{color:var(--coral);transition:opacity .8s;position:absolute;inset:0;overflow:hidden}.note{opacity:0;will-change:transform, opacity;animation-name:tl-float;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;bottom:-28px}.note .dot{background:currentColor;border-radius:50%;display:block}.hero[data-quiet] .ambient{opacity:.3;transform:scale(.94)}.hero[data-quiet] .notes{opacity:0}.hero[data-quiet]:before{opacity:.35}html[data-still] .ambient .blob,html[data-still] .note,html[data-still] .mood-media,html[data-still] .make-art .cover:after,html[data-still] .hero:before{animation-play-state:paused}.topbar{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:88px;padding:var(--space-sm) var(--margin);background:var(--canvas);border-bottom:1px solid var(--line);flex:none;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-link{border-radius:var(--r-md);text-decoration:none;display:inline-flex}.brand-link:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.tagline{color:var(--ink-3);border-left:1px solid var(--line);white-space:nowrap;margin-left:4px;padding-left:14px;font-size:15px;font-weight:400;line-height:20px}.top-actions{align-items:center;gap:var(--space-sm);flex:none;display:flex}.head-player{align-items:center;gap:var(--space-sm);background:var(--card);border:1px solid var(--line);border-radius:var(--r-full);min-width:0;max-width:560px;height:56px;box-shadow:var(--shadow-card);animation:tl-deck .38s var(--ease-pop) both;flex:auto;margin:0 auto;padding:0 10px 0 8px;display:flex}.head-player .cover{border-radius:50%}.hp-id{flex:none;width:108px;min-width:0}.hp-title,.hp-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hp-title{font-size:15px;font-weight:600;line-height:20px}.hp-sub{color:var(--ink-3);font-size:13px;font-weight:400;line-height:16px}.head-player .play-btn{width:40px;height:40px;box-shadow:var(--shadow-card), 0 0 0 calc(var(--lvl,0) * 4px) #10b98129;transition:background .16s ease, transform .16s var(--ease-press), box-shadow .14s linear}.head-player .scrub{flex:auto;min-width:120px;height:40px}.head-player .scrub-dot{width:14px;height:14px;margin:-7px 0 0 -7px}.head-player .time{font-size:14px}.head-player .actions{flex:none;gap:0}.head-player .icon-btn.vote,.head-player .icon-btn.more{width:40px;height:40px}@media (width<=1199px){.app.has-head-player .tagline{display:none}}.gen{border-radius:var(--r-full);background:var(--coral);min-height:56px;color:var(--on-coral);box-shadow:var(--shadow-card);transition:background .18s ease, transform .16s var(--ease-press), box-shadow .16s ease;border:1.5px solid #0000;flex:none;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:18px;font-weight:700;line-height:24px;text-decoration:none;display:flex}.gen:hover:not(:disabled){background:var(--coral-hover);box-shadow:0 10px 26px -12px #ff5a368c, var(--shadow-card)}.gen:active:not(:disabled){box-shadow:var(--shadow-press);transform:translateY(1px)}.gen:focus-visible{outline:2px solid var(--coral-deep);outline-offset:3px}.cost-tag{border-radius:var(--r-full);font-variant-numeric:tabular-nums;background:#ffffff38;flex:none;padding:2px 10px;font-size:15px;font-weight:700;line-height:20px}.outline-btn .cost-tag,.big-btn .cost-tag{background:var(--wash);color:var(--ink-3)}.gen:disabled{background:var(--wash);border-color:var(--line);color:var(--muted);cursor:not-allowed;box-shadow:none}.outline-btn,.lib-link,.dl-close,.big-btn{border-radius:var(--r-full);border:1.5px solid var(--line);background:var(--card);min-height:56px;color:var(--ink);box-shadow:var(--shadow-card);transition:background .16s ease, border-color .16s ease, color .16s ease, transform .16s var(--ease-press), box-shadow .16s ease;align-items:center;gap:10px;padding:0 22px;font-size:18px;font-weight:600;line-height:24px;text-decoration:none;display:flex}.outline-btn:hover,.lib-link:hover,.dl-close:hover,.big-btn:hover{background:var(--coral-wash);border-color:var(--coral)}.outline-btn:active,.lib-link:active,.dl-close:active,.big-btn:active{box-shadow:var(--shadow-press);transform:translateY(1px)}.outline-btn:focus-visible,.lib-link:focus-visible,.dl-close:focus-visible,.big-btn:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.outline-btn.ghost{box-shadow:none}.text-btn{border-radius:var(--r-full);min-height:44px;color:var(--ink-3);text-underline-offset:3px;background:0 0;border:none;align-items:center;gap:8px;padding:0 12px;font-size:16px;font-weight:600;line-height:24px;text-decoration:underline;display:inline-flex}.text-btn:hover{color:var(--ink)}.text-btn:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.plan-wrap{flex:none;position:relative}.plan-pill{border-radius:var(--r-full);border:1.5px solid var(--line);background:var(--card);min-height:56px;color:var(--ink-2);letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:var(--shadow-card);transition:border-color .16s ease, transform .16s var(--ease-press), box-shadow .16s ease;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:600;line-height:20px;display:flex}.plan-pill:hover{border-color:var(--coral)}.plan-pill:active{box-shadow:var(--shadow-press);transform:translateY(1px)}.plan-pill:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.plan-pill .dot{background:var(--play);border-radius:50%;flex:none;width:8px;height:8px}.plan-pill.empty{border-color:var(--coral);color:var(--coral-deep)}.plan-pill.empty .dot{background:var(--coral)}.hero{min-height:0;padding:var(--space-lg) var(--margin) var(--space-xl);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden auto}.hero:before{content:"";pointer-events:none;background:radial-gradient(38% 38% at 32% 42%,#ff7a591f,#ff7a5900 70%);transition:opacity 1.2s;animation:20s ease-in-out infinite alternate tl-sweep;position:absolute;inset:-25%}.hero-inner{width:100%;max-width:var(--read);animation:tl-rise .38s var(--ease-pop) both;position:relative}.hero-title{letter-spacing:-.02em;margin:0 0 var(--space-sm);color:var(--ink);font-size:48px;font-weight:700;line-height:58px}.hero-sub{margin:0 0 var(--space-lg);color:var(--ink-3);font-size:20px;font-weight:400;line-height:32px}.shortcuts{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.hero-keys{margin:var(--space-md) 0 0;color:var(--muted);font-size:15px;font-weight:400;line-height:20px}.chip{border-radius:var(--r-full);background:var(--wash);min-height:44px;color:var(--ink-2);text-align:left;transition:background .12s ease, color .12s ease, transform .16s var(--ease-press);border:1px solid #0000;align-items:center;gap:8px;padding:0 16px;font-size:16px;font-weight:600;line-height:20px;display:inline-flex}.chip:active{transform:translateY(1px)}.chip:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.composer{gap:var(--space-sm);background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-card);flex-direction:column;padding:16px 16px 16px 20px;transition:border-color .16s,box-shadow .16s;display:flex}.composer:hover{border-color:var(--line-strong)}.composer textarea{field-sizing:content;resize:none;width:100%;min-width:0;min-height:112px;max-height:280px;color:var(--ink);background:0 0;border:none;outline:none;padding:4px 0;font-size:20px;line-height:32px}.composer textarea::placeholder{color:var(--muted);transition:opacity .3s}.composer textarea.ph-fade::placeholder{opacity:0}.composer-row{align-items:center;gap:var(--space-sm);display:flex}.gen.make{margin-left:auto}.genre-select{border-radius:var(--r-full);border:1.5px solid var(--line);background:var(--card);max-width:230px;min-height:56px;color:var(--ink);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2352525B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;flex:1;padding:0 44px 0 20px;font-size:18px;font-weight:600;line-height:24px;transition:border-color .16s,background-color .16s,box-shadow .16s}.genre-select:hover{border-color:var(--coral);background-color:var(--coral-wash)}.genre-select:focus-visible{outline:2px solid var(--coral);outline-offset:2px;box-shadow:0 0 0 5px #ff5a3624}.genre-select option{color:var(--ink);background:var(--card)}.icon-btn{border-radius:var(--r-full);background:var(--card);border:1.5px solid var(--line);width:44px;height:44px;color:var(--ink-3);transition:background .16s ease, border-color .16s ease, color .16s ease, transform .16s var(--ease-press);flex:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--ink);border-color:var(--coral);background:var(--coral-wash)}.icon-btn:active{transform:translateY(1px)}.icon-btn:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.icon-btn:disabled{cursor:not-allowed}.composer .icon-btn{width:56px;height:56px}.icon-btn.mic.listening{background:var(--coral);border-color:var(--coral);color:var(--on-coral);animation:1.4s ease-out infinite tl-listening}.icon-btn.mic.transcribing{background:var(--coral-wash);border-color:var(--coral);color:var(--coral-deep);cursor:progress;animation:1.1s ease-in-out infinite tl-breathe}.icon-btn.mic.error{border-color:var(--error);color:var(--error)}.level{align-items:center;gap:3px;height:20px;display:flex}.level i{border-radius:var(--r-sm);background:currentColor;width:3px;height:100%;transition:transform 60ms linear;display:block;transform:scaleY(.2)}.error{margin:0 0 var(--space-sm);border-radius:var(--r-lg);background:var(--error-bg);border:1px solid var(--error);color:var(--on-error-bg);padding:14px 18px;font-size:16px;font-weight:600;line-height:24px}.error.voice{margin:var(--space-xs) 0 0;padding:10px 16px;font-size:15px;line-height:20px}.hearing{margin:var(--space-xs) 0 0;color:var(--muted);text-align:left;padding:0 4px;font-size:15px;font-style:italic;line-height:20px}.eq{align-items:flex-end;display:flex}.eq i{border-radius:var(--r-sm);transform-origin:bottom;animation:tl-eq var(--eq-dur,.82s) ease-in-out infinite;display:block}.eq.step-eq{--eq-dur:.82s;flex:none;gap:3px;height:18px;margin-left:auto}.eq.step-eq i{width:3px;height:18px}.eq.cover-eq{--eq-dur:1.6s;gap:3px;height:34%}.eq.cover-eq i{width:3px;height:100%}.cover{width:var(--cover,72px);height:var(--cover,72px);aspect-ratio:1;border-radius:var(--r-lg);background:var(--wash);border:1px solid var(--line);flex:none;justify-content:center;align-items:center;max-width:100%;display:flex;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.mood{z-index:0;pointer-events:none;opacity:.12;position:absolute;inset:0;overflow:hidden}.mood-media{object-fit:cover;filter:blur(30px);will-change:transform;width:100%;height:100%;animation:40s ease-in-out infinite alternate tl-drift;display:block;transform:scale(1.15)}.mood:after{content:"";background:var(--canvas);opacity:.45;position:absolute;inset:0}.make-card,.song-card{z-index:1;width:100%;max-width:var(--read);padding:var(--space-lg);align-items:center;gap:var(--space-md);text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-card);animation:tl-rise .38s var(--ease-pop) both;flex-direction:column;display:flex;position:relative}.make-art .cover{border-radius:var(--r-xl);position:relative}.make-art .cover:has(.cover-eq):after{content:"";pointer-events:none;background:radial-gradient(60% 55% at 50% 30%,#ffffffe6,#fff0 70%);animation:9s ease-in-out infinite tl-shimmer;position:absolute;inset:0}.make-title{letter-spacing:-.01em;font-size:26px;font-weight:600;line-height:34px}.steps{gap:var(--space-xs);text-align:left;flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.step{min-height:56px;padding:0 var(--space-md);border-radius:var(--r-lg);color:var(--muted);animation:tl-rise .38s var(--ease-pop) both;border:1.5px solid #0000;align-items:center;gap:12px;font-size:18px;font-weight:600;line-height:24px;display:flex}.step.live{background:var(--card);border-color:var(--play);color:var(--ink);box-shadow:var(--shadow-card)}.step.done{background:var(--wash);color:var(--ink-3)}.step-icon{color:var(--muted)}.step.live .step-icon{color:var(--ink-2)}.step-icon.done{color:var(--play)}.make-hint{color:var(--ink-3);margin:0;font-size:18px;line-height:28px}.make-play{min-width:200px}.make-time{letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--muted);margin:0;font-size:15px;font-weight:600;line-height:20px}.mood-credit{color:var(--muted);margin:0;font-size:15px;line-height:20px}.song-art{position:relative}.song-art .cover{border-radius:var(--r-xl);box-shadow:0 24px calc(44px + var(--lvl,0) * 20px) calc(-18px + var(--lvl,0) * 6px) rgba(var(--glow,255, 90, 54), calc(.38 + var(--lvl,0) * .22));transition:box-shadow .14s linear}.song-title{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:32px;font-weight:700;line-height:40px}.genre-chip{border-radius:var(--r-full);background:var(--wash);color:var(--ink-2);align-items:center;gap:8px;margin:0;padding:8px 16px;font-size:16px;font-weight:600;line-height:24px;display:inline-flex}.genre-chip.sm{padding:4px 12px;font-size:15px;line-height:20px}.song-transport{align-items:center;gap:var(--space-md);width:100%;display:flex}.song-acts{align-items:center;gap:var(--space-sm);width:100%;display:flex}.big-btn{justify-content:center}.big-btn.on{background:var(--ink);border-color:var(--ink);color:var(--card)}.big-btn.on:hover{background:var(--ink-2);border-color:var(--ink-2);color:var(--card)}.big-btn.wide,.gen.wide{flex:1}.again{align-items:center;gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.note-input{border-radius:var(--r-full);border:1.5px solid var(--line);background:var(--card);width:100%;min-height:56px;color:var(--ink);outline:none;padding:0 20px;font-size:18px;line-height:24px}.note-input::placeholder{color:var(--muted)}.note-input:focus{border-color:var(--coral);box-shadow:0 0 0 1px var(--coral)}.song-links{width:100%;padding-top:var(--space-md);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.kara{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--card);width:min(680px,100vw - 32px);max-width:none;max-height:calc(100vh - 48px);color:var(--ink);box-shadow:var(--shadow-deep);animation:tl-rise .2s var(--ease-pop) both;padding:0;overflow:hidden}.kara[open]{flex-direction:column;display:flex}.kara::backdrop{background:#28190c6b}.kara-head{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--line);flex:none;display:flex}.kara-head h2{overflow-wrap:anywhere;text-align:left;min-width:0;font-size:26px;font-weight:600;line-height:34px}.kara-close{flex:none}.kara-body{min-height:0;padding:var(--space-lg) var(--space-md) 40vh;flex:1;overflow-y:auto}.kara-lines{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kara-plain{flex-direction:column;display:flex}.kara-sec{margin:var(--space-md) 0 var(--space-xs) 12px;border-radius:var(--r-full);background:var(--wash);color:var(--tag);letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;font-size:15px;font-weight:700;line-height:20px;display:inline-block}.kara-seek{border-radius:var(--r-md);text-align:left;width:100%;color:var(--ink-3);white-space:pre-wrap;background:0 0;border:none;padding:10px 12px;font-size:20px;font-weight:400;line-height:32px;transition:background .2s,color .2s;display:block}.kara-seek:hover{background:var(--wash)}.kara-seek:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}.kara-line.on .kara-seek{background:var(--coral-wash);color:var(--ink);font-weight:600}.kara-word{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size .12s}.kara-word.on{color:var(--coral);background-size:100% 2px;font-weight:700}.kara-line-plain{color:var(--ink-2);margin:0;padding:10px 12px;font-size:20px;line-height:32px}.player-bar{left:var(--deck-inset);right:var(--deck-inset);bottom:calc(var(--deck-inset) + env(safe-area-inset-bottom));z-index:30;max-width:var(--wide);height:var(--deck-h);align-items:center;gap:var(--space-md);background:var(--card);border:1px solid var(--line);border-radius:var(--r-full);box-shadow:var(--shadow-deep);animation:tl-deck .38s var(--ease-pop) both;margin:0 auto;padding:0 16px;display:flex;position:fixed}.player-bar .cover{border-radius:50%}.pb-id{flex:none;width:200px;min-width:0}.pb-title{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;line-height:24px;overflow:hidden}.pb-sub{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:15px;font-weight:400;line-height:20px;overflow:hidden}.pb-transport{align-items:center;gap:var(--space-md);flex:1;min-width:0;display:flex}.play-btn{background:var(--play);width:64px;height:64px;color:var(--on-play);box-shadow:var(--shadow-card);transition:background .16s ease, transform .16s var(--ease-press), box-shadow .16s ease;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.player-bar .play-btn,.play-btn.sm{width:48px;height:48px}.player-bar .play-btn{box-shadow:var(--shadow-card), 0 0 0 calc(var(--lvl,0) * 5px) #10b98129;transition:background .16s ease, transform .16s var(--ease-press), box-shadow .14s linear}.play-btn:hover{background:var(--play-deep);box-shadow:var(--shadow-deep)}.play-btn:active{box-shadow:var(--shadow-press);transform:translateY(1px)}.play-btn:focus-visible{outline:2px solid var(--play-deep);outline-offset:3px}.play-btn.buffering{animation:1.2s ease-in-out infinite tl-breathe}.scrub{background:0 0;border:none;flex:1;align-items:center;min-width:0;height:44px;padding:0;display:flex;position:relative}.scrub:before{content:"";border-radius:var(--r-full);background:linear-gradient(to right, var(--play) 0 var(--p,0%), var(--wash-2) var(--p,0%) 100%);flex:1;height:6px}.scrub-dot{top:50%;left:var(--p,0%);background:var(--play);border:2px solid var(--card);width:20px;height:20px;box-shadow:var(--shadow-card);pointer-events:none;border-radius:50%;margin:-10px 0 0 -10px;position:absolute}.scrub:focus-visible{outline:2px solid var(--play-deep);outline-offset:2px;border-radius:var(--r)}.time{letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--ink-3);flex:none;font-size:15px;font-weight:600;line-height:20px}.library{min-height:0;padding:var(--space-lg) var(--margin) var(--space-xl);flex:1;overflow-y:auto}.lib-title{max-width:var(--wide);margin:0 auto var(--space-lg);letter-spacing:-.01em;font-size:32px;font-weight:700;line-height:40px}.lib-list{gap:var(--space-md);max-width:var(--wide);flex-direction:column;margin:0 auto;display:flex}.lib-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:var(--space-md);animation:tl-rise .38s var(--ease-pop) both}.lib-top{align-items:center;gap:var(--space-md);display:flex}.lib-cover{border-radius:var(--r-lg);display:inline-flex}.lib-cover:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.lib-id{flex:1;min-width:0}.lib-id h3{font-size:22px;font-weight:600;line-height:30px}.lib-id h3 a{color:inherit;text-decoration:none}.lib-id h3 a:hover{text-underline-offset:3px;text-decoration:underline}.lib-id h3 a:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:var(--r-sm)}.lib-tags{align-items:center;gap:var(--space-xs);margin:6px 0 0;display:flex}.lib-vote{color:var(--ink-3);display:inline-flex}.lib-meta{gap:var(--space-sm);color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:15px;font-weight:600;line-height:20px;display:flex}.lib-actions{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.lib-actions .actions{margin-left:auto}.lib-empty{max-width:560px;padding:var(--space-xl) var(--space-lg);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--card);box-shadow:var(--shadow-card);align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;margin:0 auto;display:flex}.lib-empty-icon{color:var(--muted)}.lib-empty h3{font-size:26px;font-weight:600;line-height:34px}.lib-empty p{color:var(--ink-3);margin:0;font-size:18px;line-height:28px}.lib-empty .gen{margin-top:var(--space-xs)}.actions{align-items:center;gap:var(--space-xs);display:flex}.icon-btn.more,.icon-btn.vote{width:56px;height:56px}.icon-btn.vote[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--card)}.icon-btn.vote[aria-pressed=true]:hover{background:var(--ink-2);border-color:var(--ink-2);color:var(--card)}.icon-btn.more[aria-expanded=true]{color:var(--ink);border-color:var(--coral);background:var(--coral-wash)}.menu{z-index:var(--z-menu);min-width:240px;padding:var(--space-xs);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-deep);animation:tl-rise .16s var(--ease-pop) both;flex-direction:column;gap:2px;display:flex;position:fixed}.menu button{border-radius:var(--r-md);width:100%;min-height:56px;color:var(--ink-2);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:0 16px;font-size:16px;font-weight:600;line-height:24px;display:flex}.menu button:hover{background:var(--wash)}.menu button:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}.menu button.danger{color:var(--error)}.menu button.danger:hover{background:var(--error-bg)}.menu button.danger.armed{background:var(--error-bg);color:var(--on-error-bg);font-weight:700}.dl-dialog,.pricing-dialog{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--card);color:var(--ink);box-shadow:var(--shadow-deep);animation:tl-rise .2s var(--ease-pop) both}.dl-dialog::backdrop,.pricing-dialog::backdrop{background:#28190c52}.dl-dialog{width:min(480px,100vw - 32px);padding:var(--space-lg)}.dl-dialog h3{font-size:26px;font-weight:600;line-height:34px}.dl-dialog .dl-sub{margin:4px 0 var(--space-md);color:var(--ink-3);font-size:16px;line-height:24px}.dl-list{gap:var(--space-xs);flex-direction:column;display:flex}.dl-row{align-items:center;gap:var(--space-sm);min-height:72px;padding:var(--space-sm) var(--space-md);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);color:var(--ink-2);text-align:left;font:inherit;grid-template-columns:72px 1fr auto auto;text-decoration:none;transition:background .16s,border-color .16s;display:grid}.dl-row:hover{background:var(--coral-wash);border-color:var(--coral)}.dl-row:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.dl-fmt{letter-spacing:.02em;color:var(--ink);font-size:18px;font-weight:700;line-height:24px}.dl-desc{color:var(--ink-3);font-size:15px;font-weight:400;line-height:20px}.dl-row.locked .dl-fmt{color:var(--muted)}.dl-cost{white-space:nowrap;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;line-height:20px}.dl-cost.free{color:var(--play);font-weight:600}.dl-lock{white-space:nowrap;color:var(--coral-deep);align-items:center;gap:6px;font-size:15px;font-weight:700;line-height:20px;display:flex}.dl-close{margin-top:var(--space-md);justify-content:center;width:100%}.pricing-dialog{width:min(980px,100vw - 32px);max-height:calc(100vh - 48px);padding:var(--space-lg);overflow-y:auto}.pricing-x{top:var(--space-md);right:var(--space-md);position:absolute}.toast{z-index:70;left:50%;bottom:calc(var(--bar-h) + var(--space-xs));border-radius:var(--r-full);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-deep);color:var(--ink);animation:tl-toast .26s var(--ease-pop) both;padding:14px 22px;font-size:16px;font-weight:600;line-height:24px;position:fixed;transform:translate(-50%)}@media (width<=640px){.topbar{min-height:0;padding:var(--space-sm) var(--margin-mobile);gap:var(--space-xs)}.tagline{display:none}.top-actions{gap:var(--space-xs)}.lib-link{gap:0;min-height:56px;padding:0 16px}.lib-link-label{display:none}.plan-pill{min-height:56px;padding:0 14px}.hero{padding:var(--space-md) var(--margin-mobile) var(--space-lg);align-items:flex-start}.hero-title{letter-spacing:-.015em;font-size:34px;line-height:42px}.hero-sub{margin-bottom:var(--space-md);font-size:18px;line-height:28px}.chip{width:100%}.composer{gap:var(--space-xs);padding:12px 12px 12px 16px}.composer textarea{min-height:96px;font-size:18px;line-height:28px}.composer-row{flex-wrap:wrap}.genre-select{max-width:none}.gen.make{width:100%;margin-left:0}.stage{padding:var(--space-md) var(--margin-mobile) var(--space-lg)}.make-card,.song-card{padding:var(--space-md);border-radius:var(--r-lg);gap:var(--space-sm)}.song-title{font-size:26px;line-height:34px}.song-acts{flex-wrap:wrap}.big-btn.wide,.gen.wide{flex-basis:100%}.song-links{justify-content:center}.song-links .actions{width:100%}.again .outline-btn{justify-content:center;width:100%}.kara{border:none;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:none;margin:0}.kara-body{padding:var(--space-md) var(--margin-mobile) 50vh}.player-bar{left:var(--margin-mobile);right:var(--margin-mobile);gap:var(--space-xs);padding:0 10px}.player-bar .cover{display:none}.pb-id{flex:1;width:auto}.pb-sub{display:none}.pb-transport{gap:var(--space-xs);flex:1}.player-bar .gen.share{justify-content:center;width:48px;padding:0}.player-bar .share-label{display:none}.player-bar .icon-btn.more,.player-bar .icon-btn.vote{width:44px;height:44px}.icon-btn.more{width:48px;height:48px}.library,.pricing-page{padding:var(--space-md) var(--margin-mobile) var(--space-lg)}.lib-title{margin-bottom:var(--space-md);font-size:26px;line-height:34px}.lib-card{border-radius:var(--r-lg)}.lib-top{gap:var(--space-sm)}.lib-card .cover{--cover:64px}.lib-meta{flex-direction:column;align-items:flex-end;gap:2px}.pricing-dialog{width:calc(100vw - 20px);padding:var(--space-md);max-height:calc(100vh - 24px)}.pricing-x{top:var(--space-sm);right:var(--space-sm)}.toast{width:max-content;max-width:calc(100vw - 32px)}.dl-dialog{padding:var(--space-md)}.dl-row{padding:var(--space-sm);grid-template-columns:60px 1fr auto}}@media (prefers-reduced-motion:reduce){.eq i,.icon-btn.mic.listening,.icon-btn.mic.transcribing,.play-btn.buffering{animation-play-state:paused!important;animation-delay:-410ms!important}.mood-media,.hero:before,.ambient .blob,.make-art .cover:after{animation:none}.notes{display:none}.ambient{transition:none}.menu,.dl-dialog,.pricing-dialog,.kara,.lib-card,.player-bar,.hero-inner,.make-card,.song-card,.step{opacity:1;animation:none;transform:none}.toast{opacity:1;animation:none}.composer textarea::placeholder{transition:none}*{transition-duration:.12s!important}}.grecaptcha-badge{visibility:hidden}.pricing-page{min-height:0;padding:var(--space-lg) var(--margin) var(--space-xl);flex:1;overflow-y:auto}.pricing-page .pricing,.pricing-dialog .pricing{max-width:980px;margin:0 auto}.pricing-head{text-align:center}.pricing-title{letter-spacing:-.01em;font-size:32px;font-weight:700;line-height:40px}.pricing-sub{margin:var(--space-xs) auto 0;max-width:48ch;color:var(--ink-3);font-size:18px;line-height:28px}.pricing-reason{margin:var(--space-md) auto 0;border-radius:var(--r-lg);background:var(--coral-wash);border:1px solid var(--coral);max-width:48ch;color:var(--coral-deep);padding:14px 18px;font-size:16px;font-weight:600;line-height:24px}.pricing-err{margin:var(--space-md) 0 0;text-align:center}.seg-wrap{margin-top:var(--space-lg);justify-content:center;display:flex}.seg{border-radius:var(--r-full);background:var(--wash);border:1px solid var(--line);gap:4px;padding:4px;display:flex}.seg button{border-radius:var(--r-full);min-height:56px;color:var(--ink-2);background:0 0;border:none;align-items:center;gap:10px;padding:0 24px;font-size:17px;font-weight:600;line-height:24px;display:flex}.seg button.on{background:var(--ink);color:var(--card)}.seg button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.save{border-radius:var(--r-full);background:var(--play);color:var(--on-play);padding:4px 10px;font-size:15px;font-weight:700;line-height:20px}.seg button.on .save{background:var(--card);color:var(--play-deep)}.pcards{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.pcard{padding:var(--space-lg) var(--space-md) var(--space-md);border-radius:var(--r-xl);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative}.pcard.muted{background:var(--wash);box-shadow:none}.pcard.pop{border:2px solid var(--coral);box-shadow:var(--shadow-deep)}.pcard.hi{box-shadow:var(--shadow-deep), 0 0 0 3px var(--coral-wash)}@media (width>=861px){.pcard.pop{margin:calc(var(--space-md) * -1) 0;padding-top:var(--space-xl)}}.ribbon{border-radius:var(--r-full);background:var(--coral);color:var(--on-coral);white-space:nowrap;letter-spacing:.01em;padding:6px 16px;font-size:15px;font-weight:700;line-height:20px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.pname{font-size:22px;font-weight:700;line-height:30px}.price{margin:var(--space-xs) 0 2px;flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.price b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:48px}.price span{color:var(--ink-3);font-size:17px}.price-note{margin:0 0 var(--space-sm);min-height:20px;color:var(--ink-3);font-size:15px;line-height:20px}.who{margin:0 0 var(--space-md);color:var(--ink-3);font-size:16px;line-height:24px}.pfeat{margin:0 0 var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;padding:0;list-style:none;display:flex}.pfeat-check{color:var(--play);flex:none}.pfeat li{color:var(--ink-2);align-items:center;gap:10px;font-size:16px;line-height:24px;display:flex}.pfeat li:has(.pfeat-sub){align-items:flex-start}.pfeat-sub{color:var(--ink-3);font-size:14px;font-weight:400;line-height:20px;display:block}.soon{border-radius:var(--r-full);background:var(--wash-2);color:var(--ink-3);padding:3px 10px;font-size:15px;font-weight:600;line-height:20px}.pbuy{justify-content:center;width:100%}.pbuy:disabled{opacity:.75;cursor:default}.pbuy.busy:disabled{cursor:progress}.manage{width:100%;margin-top:var(--space-xs);justify-content:center;min-height:56px}.oneoff{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--line)}.oneoff h3{text-align:center;font-size:22px;font-weight:600;line-height:30px}.oneoff-cards{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.ocard{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);flex-wrap:wrap;display:flex}.ocard.hi{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-wash)}.ocard-name{font-size:17px;font-weight:700;line-height:24px}.ocard-note{color:var(--ink-3);margin:2px 0 0;font-size:15px;line-height:20px}.ocard .outline-btn{font-variant-numeric:tabular-nums}.trust{justify-content:center;gap:var(--space-xs) var(--space-md);margin-top:var(--space-lg);color:var(--ink-3);flex-wrap:wrap;font-size:15px;line-height:20px;display:flex}.trust span{align-items:center;gap:8px;display:flex}@media (width<=860px){.pcards,.oneoff-cards{gap:var(--space-sm);grid-template-columns:1fr}.pcard{border-radius:var(--r-lg)}.pricing-title{font-size:26px;line-height:34px}.price b{font-size:34px;line-height:42px}.seg{width:100%}.seg button{flex:1;justify-content:center;padding:0 12px}.ocard{flex-direction:column;align-items:stretch}.ocard .outline-btn{justify-content:center}}.signin-dialog{width:min(480px,100vw - 32px);padding:var(--space-lg);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--card);color:var(--ink);box-shadow:var(--shadow-deep);animation:tl-rise .2s var(--ease-pop) both}.signin-dialog::backdrop{background:#28190c52}.signin-x{top:var(--space-md);right:var(--space-md);position:absolute}.signin-body,.signin-body form{gap:var(--space-sm);flex-direction:column;display:flex}.signin-body{padding-top:var(--space-xs)}.signin-title{align-items:center;gap:10px;padding-right:48px;font-size:26px;font-weight:700;line-height:34px;display:flex}.signin-tick{color:var(--play);flex:none}.signin-label{color:var(--ink-3);font-size:15px;font-weight:600;line-height:20px}.signin-input{border-radius:var(--r-lg);border:1.5px solid var(--line);background:var(--card);min-height:56px;padding:0 16px;font-size:18px;line-height:28px}.signin-input::placeholder{color:var(--muted)}.signin-input:focus-visible{border-color:var(--coral);outline:none;box-shadow:0 0 0 5px #ff5a3624}.signin-go{width:100%;margin-top:var(--space-xs)}.signin-langs{border:0;gap:10px;margin:0;padding:0;display:flex}.signin-langs legend{padding:0 0 8px}.lang-pill{border-radius:var(--r-lg);border:1.5px solid var(--line);background:var(--card);min-height:52px;color:var(--ink-2);cursor:pointer;flex:1;padding:0 10px;font-size:17px;font-weight:600;line-height:24px}.lang-pill:hover{border-color:var(--coral)}.lang-pill.on{border-color:var(--coral);background:var(--coral-wash);color:var(--ink)}.lang-pill:focus-visible{outline:none;box-shadow:0 0 0 5px #ff5a3624}.signin-note{color:var(--ink-3);margin:0;font-size:15px;line-height:22px}.signin-addr{border-radius:var(--r-lg);background:var(--wash);border:1px solid var(--line);overflow-wrap:anywhere;margin:0;padding:14px 18px;font-size:18px;font-weight:700;line-height:24px}.signin-dev{justify-content:center}.signin-resend{align-self:flex-start}.signin-resend:disabled{color:var(--muted);cursor:default;text-decoration:none}.signin-err{margin:var(--space-xs) 0 0}.signin-swap{margin:var(--space-xs) 0 0;text-align:center;color:var(--ink-3);font-size:15px;line-height:22px}.auth-card{z-index:1;width:100%;max-width:560px;padding:var(--space-xl) var(--space-lg);align-items:center;gap:var(--space-md);text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-card);animation:tl-rise .38s var(--ease-pop) both;flex-direction:column;margin:auto;display:flex;position:relative}.auth-title{letter-spacing:-.01em;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:32px;font-weight:700;line-height:40px;display:flex}.auth-sub{max-width:40ch;color:var(--ink-3);margin:0;font-size:18px;line-height:28px}.login-stage{justify-content:center}.login-card{z-index:1;width:100%;max-width:480px;padding:var(--space-lg);align-items:center;gap:var(--space-sm);background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-card);animation:tl-rise .38s var(--ease-pop) both;flex-direction:column;margin:auto;display:flex;position:relative}.login-card .signin-body{width:100%}.login-title{margin:0 0 var(--space-xs);letter-spacing:-.01em;text-align:center;font-size:28px;font-weight:700;line-height:36px}.login-card .signin-note{text-align:center}.login-card .signin-label,.login-card .signin-addr{text-align:left}.login-fine{max-width:44ch;color:var(--muted);text-align:center;margin:0;font-size:14px;line-height:20px}.login-fine a{color:inherit;text-decoration:underline}.boot{flex:1;place-items:center;display:grid}.boot svg{animation:tl-beat 1.4s var(--ease-pop) infinite}@keyframes tl-beat{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}.menu-head{border-bottom:1px solid var(--line);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:10px 16px;font-size:15px;font-weight:600;line-height:20px;overflow:hidden}@media (width<=640px){.signin-dialog{width:calc(100vw - 20px);padding:var(--space-md)}.auth-card,.login-card{padding:var(--space-lg) var(--space-md);border-radius:var(--r-lg)}.auth-title{font-size:26px;line-height:34px}.login-title{font-size:24px;line-height:32px}}@media (prefers-reduced-motion:reduce){.signin-dialog,.auth-card,.login-card,.boot svg{animation:none}}.signin-retry{margin-left:8px;text-decoration:underline}.hero{padding:var(--space-lg) var(--margin);flex-direction:column;justify-content:center;overflow:hidden}.hero-inner{scrollbar-width:thin;max-height:100%;overflow:hidden auto}.hero-sub{margin-bottom:var(--space-md)}.shortcuts{margin-top:var(--space-md)}.hero-keys{margin-top:var(--space-sm)}.composer textarea{min-height:96px}.hero-title .hl{background:linear-gradient(#0000 58%,#ffd3c4 58% 94%,#0000 94%);border-radius:2px;padding:0 2px}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.composer{position:relative}.composer:before,.composer:after{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--ring-angle,0deg), #ff5a36, #ffb59e 25%, #ffe7a3 50%, #cfe9da 75%, #ff5a36);animation:9s linear infinite ring-spin;position:absolute;inset:0}.composer:before{-webkit-mask-composite:xor;padding:2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.composer:after{z-index:-1;opacity:.25;filter:blur(14px);transition:opacity .2s}.composer:focus-within:after{opacity:.45}.composer:focus-within:before,.composer:focus-within:after{animation-duration:5s}.composer:focus-within{border-color:var(--line);box-shadow:var(--shadow-warm)}@keyframes ring-spin{to{--ring-angle:360deg}}[data-still] .composer:before,[data-still] .composer:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.composer:before,.composer:after{animation:none}}.genre-select{background-color:#fff0e8}.chip{background:var(--chip-bg);color:var(--chip-ink);font-weight:600}.chip:hover{background:var(--chip-hover);color:var(--chip-ink)}.chip:nth-child(5n+1){--chip-bg:#ffe8df;--chip-hover:#ffd9c9;--chip-ink:#7a2e12}.chip:nth-child(5n+2){--chip-bg:#e6f4ec;--chip-hover:#d6eddf;--chip-ink:#14543a}.chip:nth-child(5n+3){--chip-bg:#fff3cf;--chip-hover:#ffe9ae;--chip-ink:#6b4a05}.chip:nth-child(5n+4){--chip-bg:#e6f0fa;--chip-hover:#d5e5f6;--chip-ink:#10456f}.chip:nth-child(5n+5){--chip-bg:#f0e8fa;--chip-hover:#e4d6f5;--chip-ink:#4a2a75}.shortcuts .chip:nth-child(n+7){display:none}.hero-foot{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.hero-foot .hero-keys{margin:0}.more-ideas{border:1px dashed var(--line-strong);border-radius:var(--r-full);min-height:44px;color:var(--ink-3);background:0 0;padding:0 14px;font-size:16px;font-weight:600;line-height:20px;transition:color .12s,border-color .12s}.more-ideas:hover{color:var(--coral-deep);border-color:var(--coral)}.more-ideas:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.site-foot{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-md);padding:12px var(--margin);border-top:1px solid var(--line);color:var(--muted);background:0 0;flex-wrap:wrap;flex:none;font-size:15px;line-height:20px;display:flex}.app.has-bar .stage,.app.has-bar .hero-inner{padding-bottom:calc(var(--bar-h) + var(--space-md))}.app.has-bar .site-foot{z-index:0;position:relative}.site-foot nav{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.foot-link{color:var(--ink-3);font:inherit;background:0 0;border:none;padding:0;text-decoration:none}.foot-link:hover{color:var(--coral-deep);text-decoration:underline}.foot-link:disabled{color:var(--muted);cursor:default}.foot-link:disabled:hover{color:var(--muted);text-decoration:none}.foot-link:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:var(--r-sm)}@media (width<=640px){.hero{padding:var(--space-md) var(--margin-mobile)}.shortcuts .chip:nth-child(n+5){display:none}.site-foot{align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm) var(--margin-mobile);flex-direction:column}.app.has-bar .stage,.app.has-bar .hero-inner{padding-bottom:calc(var(--bar-h) + var(--space-sm))}.site-foot nav{gap:var(--space-sm) var(--space-md)}}.foot-fine{color:var(--muted);flex-basis:100%;font-size:13px;line-height:18px}.foot-fine .foot-link{text-decoration:underline}.ob-wrap{z-index:80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ob-wrap.ob-pass{pointer-events:none}.ob-wrap.ob-pass .ob-card{pointer-events:auto}.ob-dim{background:#28190c52;position:absolute;inset:0}.ob-hole{border-radius:var(--r-lg);transition:left .18s var(--ease-pop), top .18s var(--ease-pop), width .18s var(--ease-pop), height .18s var(--ease-pop);position:fixed;box-shadow:0 0 0 9999px #28190c52}.ob-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-deep);color:var(--ink);animation:tl-rise .22s var(--ease-pop) both;position:relative}.ob-welcome{width:min(520px,100vw - 32px);padding:var(--space-lg);text-align:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.ob-welcome h2{letter-spacing:-.01em;font-size:32px;line-height:40px}.ob-welcome p{color:var(--ink-3);margin:0;font-size:18px;line-height:28px}.ob-welcome .gen{margin-top:var(--space-sm);justify-content:center;min-width:240px}.ob-demo{justify-content:center;min-width:240px}.ob-tip{width:min(360px,100vw - 24px);padding:var(--space-md);position:fixed}.ob-tip p{margin:0 0 var(--space-md);font-size:20px;font-weight:600;line-height:30px}.ob-row{align-items:center;gap:var(--space-sm);display:flex}.ob-row .gen{margin-left:auto}.ob-dots{gap:6px;margin-right:2px;display:flex}.ob-dots i{background:var(--line-strong);border-radius:50%;width:8px;height:8px}.ob-dots i.on{background:var(--coral)}.ob-arrow{background:var(--card);border:1px solid var(--line);width:14px;height:14px;margin-left:-7px;position:absolute;transform:rotate(45deg)}.ob-tip.below .ob-arrow{border-bottom:none;border-right:none;top:-8px}.ob-tip.above .ob-arrow{border-top:none;border-left:none;bottom:-8px}.ob-done{bottom:calc(var(--bar-h) + var(--space-xs));align-items:center;gap:var(--space-md);max-width:calc(100vw - 32px);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);border-radius:var(--r-full);display:flex;position:fixed}.ob-done p{align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;line-height:24px;display:flex}.ob-done p svg{color:var(--play);flex:none}@media (width<=640px){.ob-welcome{border-radius:var(--r-xl) var(--r-xl) 0 0;align-self:flex-end;width:100%}.ob-tip{top:auto;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto}.ob-arrow{display:none}.ob-done{border-radius:var(--r-lg);left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.ob-hole{transition:none}.ob-card{animation:none}}