@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.p.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_c225eac4-module__Ns7BBa__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_c225eac4-module__Ns7BBa__variable{--font-body:"Manrope", "Manrope Fallback"}
@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/d0d9446e69c4847e-s.3h31fjnwrfycc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/4e1c87b7aa9e2f2f-s.p.3o02-8iknf6dl.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/3fd967fc5374d70a-s.42u1-lj4buy61.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/dd14639a62c56cb2-s.0kda-l-rfpyyq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/b59689b1142d37ce-s.p.1bk8_xp319hr4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded Fallback;src:local(Arial);ascent-override:73.93%;descent-override:18.2%;line-gap-override:0.0%;size-adjust:134.59%}.unbounded_9943517d-module__FAA71W__className{font-family:Unbounded,Unbounded Fallback;font-style:normal}.unbounded_9943517d-module__FAA71W__variable{--font-display:"Unbounded", "Unbounded Fallback"}
:root{--bg:#2c263f;--surface:#3a3354;--surface-2:#463e6b;--surface-3:#595082;--inset:#14102259;--border:#f5ebdd24;--text:#f5ebdd;--text-2:#e0d4cf;--muted:#f5ebdd9e;--accent:#f2b56b;--accent-hi:#ffcf8f;--on-accent:#2c263f;--lilac:#8b80c4;--good:#8fd3c1;--blue:#ffcf8f;--error:#ff8a80;--font-ui:var(--font-body), "Manrope", system-ui, sans-serif;--font-head:var(--font-display), "Unbounded", var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;margin:0}main{max-width:1100px;margin:0 auto;padding:16px}h1{font-family:var(--font-head);letter-spacing:-.02em;margin:8px 0;font-size:1.6rem;font-weight:700}h2{color:var(--muted);font-size:1rem;font-weight:500}a{color:var(--accent-hi)}a:hover{color:#ffe2b8}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input::placeholder{color:#f5ebdd73}button{font:inherit;color:inherit;cursor:pointer}.muted{color:var(--muted)}.error{color:var(--error)}.stack{flex-direction:column;gap:12px;display:flex}.dropzone{text-align:center;border:2px dashed var(--border);background:var(--surface);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;padding:24px;transition:border-color .15s;display:flex}.dropzone.dragging,.dropzone:hover{border-color:var(--accent)}.bar{background:var(--border);border-radius:3px;width:min(320px,80%);height:6px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .2s}.recent{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.recent a{background:var(--surface);color:var(--text);border-radius:10px;padding:12px 14px;text-decoration:none;display:block}.song{flex-direction:column;min-height:100dvh;display:flex}.song-header{align-items:center;gap:12px;display:flex}.song-header h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.back{color:var(--muted);padding:4px 8px;font-size:1.4rem;text-decoration:none}.steps{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.steps .pending{color:var(--muted)}.steps .running{color:var(--accent);font-weight:600}.steps .done:after{content:" ✓";color:var(--good)}.karaoke{flex-direction:column;flex:1;gap:12px;display:flex}.meta{margin:0;font-size:.9rem}.piano-roll{touch-action:none;cursor:grab;border-radius:12px;width:100%;height:min(60dvh,560px);min-height:280px;display:block}.piano-roll:active{cursor:grabbing}.controls{justify-content:center;align-items:center;gap:20px;display:flex}.round{border:1px solid var(--border);background:var(--surface);border-radius:50%;width:52px;height:52px;font-size:.95rem}.round.play{background:var(--accent);width:68px;height:68px;color:var(--on-accent);border:none;font-size:1.4rem}.timeline{font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.timeline input{accent-color:var(--accent);flex:1}.volume{background:var(--surface);border-radius:10px;grid-template-columns:8.6em minmax(0,1fr) 3.2em 2.2em;align-items:center;gap:12px;padding:12px 14px;font-size:.95rem;display:grid}.volume input{min-width:0;accent-color:var(--blue);flex:1}.volume-value{text-align:right;width:3.2em;color:var(--muted);font-variant-numeric:tabular-nums}.sing{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mic{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:12px 20px;font-weight:600}.mic.on{color:var(--on-accent);background:#ff5fa2;border-color:#ff5fa2}.mic:disabled{opacity:.6}.latency{margin:0;font-size:.9rem}button.link{color:var(--blue);text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}.modal-backdrop{z-index:10;background:#0009;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}@media (min-width:640px){.modal-backdrop{align-items:center}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;width:min(480px,100%);max-height:calc(100dvh - 32px);padding:20px;display:flex;overflow-y:auto}.modal p{margin:0;line-height:1.45}.modal-title{color:var(--text);margin:0;font-size:1.2rem;font-weight:600}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.modal-actions button{border:1px solid var(--border);background:0 0;border-radius:10px;padding:10px 16px}.modal-actions button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.beats{flex-wrap:wrap;gap:8px;display:flex}.beats span{background:var(--border);border-radius:50%;width:18px;height:18px;transition:background 50ms}.beats span.on{background:var(--accent)}.adjust{flex-direction:column;gap:6px;display:flex}.adjust input{accent-color:var(--accent)}.score{flex-wrap:wrap;align-items:baseline;gap:12px;margin:0;display:flex}.score strong{font-size:1.2rem}.regions{flex-wrap:wrap;align-items:center;gap:12px;font-size:.9rem;display:flex}.regions>button:not(.link){border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 14px}.regions>button.on{color:var(--on-accent);background:#ba80ff;border-color:#ba80ff;font-weight:600}.hint{margin:0;font-size:.9rem}.piano-roll.selecting{cursor:crosshair;outline:2px solid #ba80ff99}.piano-roll.selecting.hide{outline-color:#c8c8d799}.regions>button.on.hide{background:#c8c8d4;border-color:#c8c8d4}.check{color:var(--muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.summary-score{align-items:center;gap:16px;display:flex}.summary-score>strong{color:var(--accent);font-size:2.6rem}.problems{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.problems li{background:var(--bg);font-variant-numeric:tabular-nums;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.problems button{border:1px solid var(--blue);color:var(--blue);white-space:nowrap;background:0 0;border-radius:8px;padding:8px 12px}.lyrics{flex-direction:column;gap:6px;display:flex}.lyrics-frame{background:var(--surface);border-radius:14px;width:100%;max-width:500px;margin:0 auto;overflow:hidden}.lyrics-viewport{overscroll-behavior:contain;scrollbar-width:none;height:196px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 22% 78%,#0000 100%)}.lyrics-viewport::-webkit-scrollbar{display:none}.lyrics-track{padding:80px 0}.lyrics-line{text-align:center;color:var(--muted);cursor:pointer;transform-origin:50%;margin:0;padding:5px 20px;font-size:1.05rem;font-weight:600;line-height:1.3;transition:opacity .4s,filter .4s,transform .4s,color .4s}.lyrics-line.current{color:var(--text);font-weight:700;transform:scale(1.06)}.lyrics-line[data-distance="1"]{opacity:.6;filter:blur(.8px)}.lyrics-line[data-distance="2"]{opacity:.4;filter:blur(1.8px)}.lyrics-line.break{justify-content:center;align-items:center;gap:10px;height:2em;display:flex}.lyrics-line.break.current{transform:none}.lyrics-line.break .dot{background:var(--text);border-radius:50%;width:9px;height:9px;transition:opacity .15s linear,transform .15s linear}.lyrics-viewport .lyrics-line.current{filter:none;opacity:1}.lyrics-viewport.aligned .lyrics-line{filter:none;opacity:.55}.lyrics-viewport.aligned .lyrics-line.current{opacity:1;transform:none}.lyrics-viewport.aligned .lyrics-line.current.approx{opacity:.85;font-weight:600}.lyrics-viewport.manual .lyrics-line{opacity:.7;filter:none}.lyrics-viewport.manual .lyrics-line.current{opacity:1}.lyrics-line.upcoming[data-distance="0"]{color:var(--muted)}.lyrics-plain{background:var(--surface);background:var(--surface);border-radius:10px;width:100%;max-width:500px;max-height:180px;margin:0 auto;padding:10px 14px;line-height:1.5;overflow-y:auto}.lyrics-plain p{margin:0}.lyrics-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:.85rem;display:flex}.lyrics-tools button:not(.link){border:1px solid var(--border);background:var(--surface);border-radius:8px;width:32px;height:32px}.lyrics-empty>button{border:1px dashed var(--border);color:var(--muted);background:0 0;border-radius:10px;padding:10px 14px}.song-guess{font-size:1.15rem}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.field input,.lyrics-input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.lyrics-input{resize:vertical;width:100%}.recording{flex-direction:column;gap:10px;display:flex}.recording-row{flex-wrap:wrap;align-items:center;gap:12px;font-size:.9rem;display:flex}.rec{border:1px solid var(--border);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:inline-flex}.rec-dot{background:#ff4d4d;border-radius:50%;width:12px;height:12px}.rec.on{border-color:#ff4d4d}.rec.on .rec-dot{animation:1s steps(2,start) infinite rec-blink}@keyframes rec-blink{to{visibility:hidden}}.roll-wrap{position:relative}.roll-arrow{width:44px;height:72px;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;background:#00000080;border:none;border-radius:12px;font-size:1.3rem;position:absolute;top:50%;transform:translateY(-50%)}.roll-arrow:active{background:#ba80ff8c}.roll-arrow.left{left:50px}.roll-arrow.right{right:6px}.timing{background:var(--surface);border:1px solid var(--accent);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.timing-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timing-actions button{border:1px solid var(--border);background:0 0;border-radius:10px;padding:10px 14px}.timing-actions button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.timing-actions button:disabled{opacity:.45}.lyrics-line.selected{color:var(--accent)!important;opacity:1!important;filter:none!important}.meta-link{white-space:nowrap;margin-left:12px}.video-editor{gap:14px}.video-preview{justify-content:center;display:flex}.video-preview canvas{cursor:pointer;background:#000;border-radius:12px;width:100%;display:block}.video-preview.landscape canvas{aspect-ratio:16/9;width:auto;max-width:100%;max-height:60dvh}.video-preview.portrait canvas{aspect-ratio:9/16;width:auto;max-width:100%;height:min(70dvh,640px)}.video-transport{font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:.85rem;display:flex}.video-transport input{accent-color:var(--accent);flex:1}.video-transport .play{background:var(--accent);width:48px;height:48px;color:var(--on-accent);border:none;border-radius:50%;font-size:1.1rem}.video-settings{background:var(--surface);border:none;border-radius:12px;flex-direction:column;gap:14px;margin:0;padding:14px;display:flex}.video-field{flex-direction:column;gap:8px;display:flex}.video-field>span{color:var(--muted);font-size:.85rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button,.chip-file{border:1px solid var(--border);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:999px;max-width:100%;padding:8px 12px;font-size:.9rem;overflow:hidden}.chips .active{border-color:var(--accent);color:var(--accent)}.video-inline{align-items:center;gap:10px;font-size:.9rem;display:flex}.video-inline input[type=range]{max-width:260px;accent-color:var(--accent);flex:1}.video-inline input[type=color]{background:0 0;border:none;width:40px;height:28px;padding:0}.video-export{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.video-export .bar{flex:1;min-width:160px}.video-export button,.video-export .button{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:10px;padding:10px 16px;text-decoration:none}.video-export .primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.small{font-size:.8rem}.home-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-bar{align-items:center;gap:12px;min-height:1.5em;font-size:.9rem;display:flex;overflow:hidden}.account-bar .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button{border:1px solid var(--border);color:var(--text);text-align:center;border-radius:10px;padding:10px 16px;text-decoration:none;display:inline-block}.button.primary,.auth-form button.primary{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);font-weight:600}.signin-card{background:var(--surface);border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;display:flex}.signin-card p{margin:0}.library li{align-items:stretch;gap:4px;display:flex}.library a{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.library-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-remove{background:var(--surface);width:40px;color:var(--muted);border:none;border-radius:10px;font-size:1.2rem}.auth{max-width:420px}.auth-form{background:var(--surface);border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.auth-form h2{color:var(--text);margin:0}.auth-form label{flex-direction:column;gap:6px;font-size:.9rem;display:flex}.auth-form input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:10px 12px}.auth-form button.primary{border-radius:10px;padding:12px}.auth-tabs{background:var(--bg);border-radius:12px;gap:4px;padding:4px;display:flex}.auth-tabs button{color:var(--muted);background:0 0;border:none;border-radius:9px;flex:1;padding:8px}.auth-links{justify-content:space-between;align-items:center;display:flex}.history{flex-direction:column;gap:8px;max-height:40dvh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history li{align-items:baseline;gap:12px;display:flex}.history strong{font-variant-numeric:tabular-nums;min-width:3.2em}.history-chart svg{width:100%;height:auto;display:block}.history-chart polyline{fill:none;stroke:var(--accent);stroke-width:2px}.history-chart circle{fill:var(--accent)}.history-chart .grid{stroke:var(--border);stroke-width:1px}.transpose-controls{flex:1;align-items:center;gap:10px;display:flex}.transpose-controls>button:not(.link){border:1px solid var(--border);background:var(--bg);border-radius:50%;width:36px;height:36px;font-size:1.1rem}.transpose-controls>button:disabled{opacity:.4}.transpose-value{text-align:center;font-variant-numeric:tabular-nums;min-width:5.5em}.song-overview{background:var(--surface);touch-action:none;cursor:pointer;border-radius:10px;width:100%;margin-top:-4px;display:block}.overview-times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-8px;font-size:.8rem;display:flex}.mute{background:0 0;border:none;border-radius:50%;width:2.2em;height:2.2em;font-size:1rem;line-height:1}.mute.on{background:var(--bg)}.volume:has(.mute.on) input{opacity:.35}.points-overlay{pointer-events:none;border-radius:12px;position:absolute;inset:0;overflow:hidden}.points-box{text-align:right;position:absolute;top:10px;right:12px}.points-total{font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 2px 8px #0009;font-size:1.6rem;font-weight:800}.points-combo{background:var(--accent);color:var(--on-accent);border-radius:999px;margin-top:2px;padding:2px 8px;font-size:.8rem;font-weight:700;animation:.35s ease-out combo-pulse;display:inline-block}@keyframes combo-pulse{0%{transform:scale(1.35)}to{transform:scale(1)}}.points-pop{white-space:nowrap;text-shadow:0 2px 8px #000000b3;font-size:1.1rem;font-weight:800;animation:1.1s ease-out forwards points-float;position:absolute;top:28%;left:calc(33% + 30px)}.points-pop span{opacity:.9;font-size:.9rem}.points-pop.perfect{color:var(--good)}.points-pop.good{color:var(--accent)}.points-pop.ok{color:var(--text-2)}.points-pop.miss{color:var(--error);font-size:.95rem}@keyframes points-float{0%{opacity:0;transform:translateY(8px)scale(.85)}15%{opacity:1;transform:translateY(0)scale(1.05)}to{opacity:0;transform:translateY(-40px)scale(1)}}.wait-countdown p{margin:0 0 8px}.wait-countdown strong{font-variant-numeric:tabular-nums}.wait .bar{width:100%}.ad-slot{border:1px dashed var(--border);background:var(--surface);border-radius:12px;justify-content:flex-end;align-items:flex-start;width:min(100%,336px);height:280px;margin:8px auto 0;padding:6px 10px;display:flex}.landing{gap:0}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:40px 0 56px;display:grid}.hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.08}.lead{color:var(--muted);margin:0 0 24px;font-size:1.1rem;line-height:1.5}.roll-art{width:100%;height:auto;box-shadow:0 20px 60px #00000080, 0 0 0 1px var(--border);border-radius:18px;display:block}.landing-section{border-top:1px solid var(--border);padding:48px 0}.landing-section h2{color:var(--text);margin:0 0 24px;font-size:1.7rem;font-weight:800}.features{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.feature{background:var(--surface);border-radius:16px;padding:20px}.feature-icon{font-size:1.6rem}.feature h3,.how-steps h3{margin:10px 0 6px;font-size:1.05rem}.feature p,.how-steps p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.step-num{background:var(--accent);width:34px;height:34px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.faq{flex-direction:column;gap:10px;max-width:760px;display:flex}.faq details{background:var(--surface);border-radius:14px;padding:14px 18px}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);margin:10px 0 0;line-height:1.5}.landing-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:28px 0 12px;font-size:.85rem;display:flex}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:28px;padding:24px 0 40px}.how-steps{grid-template-columns:1fr}}.cta{flex-wrap:wrap;gap:12px;display:flex}.cta .button{height:56px;color:var(--text);border:1px solid #f5ebdd47;border-radius:999px;align-items:center;padding:0 28px;font-size:1.05rem;display:inline-flex}.admin-stats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.admin-stat{background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;padding:16px;display:flex}.admin-stat strong{font-variant-numeric:tabular-nums;font-size:1.8rem}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-head h2{color:var(--text);font-size:1.15rem}.admin-search,.admin select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:8px 10px}.admin-table-wrap{background:var(--surface);border-radius:14px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}.admin-table td:first-child{white-space:normal}.admin-table th{color:var(--muted);font-weight:500}.admin-badge{background:var(--accent);color:var(--on-accent);border-radius:6px;margin-left:8px;padding:1px 6px;font-size:.75rem;font-weight:700}.trust{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.trust li:before{content:"✓ ";color:var(--good)}.prose p,.prose li{max-width:760px;color:var(--text-2);line-height:1.65}.prose ul{padding-left:20px}.compare-table{border-collapse:collapse;width:100%}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}.compare-table th{color:var(--muted);font-weight:500}.compare-table .yes{color:var(--good);font-weight:700}.tips{gap:12px;margin:0;padding-left:22px;display:grid}.tips h3{margin:0 0 4px;font-size:1.02rem}.tips p{color:var(--muted);margin:0;line-height:1.5}.final-cta{text-align:center;background:radial-gradient(120% 140% at 50% 0%, #f5a62329, var(--surface) 60%);border-radius:22px;flex-direction:column;align-items:center;gap:8px;margin:24px 0;padding:44px 20px;display:flex}.final-cta h2{color:var(--text);margin:0;font-size:1.7rem}.final-cta p{margin:0 0 12px}.topic-hero{max-width:820px;padding:40px 0 32px}.topic-hero h1{margin:0 0 14px;font-size:clamp(1.9rem,4.2vw,2.8rem);line-height:1.1}.see-also{flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none;display:flex}.footer-links{flex-wrap:wrap;gap:8px 20px;display:flex}.footer-links a{color:var(--text);text-decoration:none}.footer-meta{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;margin-top:14px;display:flex}.landing-footer{flex-direction:column}.logo{color:var(--text);font-family:var(--font-head);letter-spacing:-.01em;align-items:center;gap:12px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.logo:hover{color:var(--text)}.account-bar{gap:10px}.account-chip{background:var(--surface-3);height:44px;color:var(--text);border-radius:999px;align-items:center;gap:10px;min-width:0;padding:0 16px 0 5px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.account-chip:hover{color:var(--text);background:#655c91}.avatar{background:var(--bg);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.account-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn-ghost,.pill-link{height:44px;color:var(--text);white-space:nowrap;background:0 0;border:1px solid #f5ebdd47;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn-ghost:hover,.pill-link:hover{color:var(--text);border-color:#f5ebdd80}.button{border-radius:999px;font-weight:700}.button.primary,button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button.primary:hover,button.primary:hover{background:var(--accent-hi);border-color:var(--accent-hi);color:var(--on-accent)}@media (max-width:600px){.account-email{display:none}.account-chip{padding:0 5px}}.auth-page{flex-direction:column;gap:72px;max-width:1700px;min-height:100dvh;padding:40px 96px 64px;display:flex}.auth-header{justify-content:space-between;align-items:center;display:flex}.auth-home{color:var(--text-2);padding:12px 4px;font-size:15px;font-weight:600;text-decoration:none}.auth-main{flex:1;justify-content:space-between;align-items:center;gap:80px;display:flex}.auth-main-single{justify-content:center}.auth-intro{flex-direction:column;gap:28px;max-width:600px;display:flex}.auth-intro h1{margin:0;font-size:52px;line-height:1.08}.auth-intro p{color:var(--text-2);max-width:520px;margin:0;font-size:19px;line-height:1.55}.auth-art{width:100%;max-width:560px;height:auto;margin-top:16px}.auth-form{background:var(--surface-3);border-radius:28px;flex:none;gap:24px;width:460px;max-width:100%;padding:36px;box-shadow:0 30px 60px -30px #0a061499}.auth-tabs{background:var(--surface-2);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:5px;display:grid}.auth-tabs button{height:46px;color:var(--text-2);border-radius:999px;font-size:16px;font-weight:600}.auth-tabs button.active{background:var(--bg);color:var(--text);font-weight:700}.auth-form label{gap:8px;font-size:14px;font-weight:600}.auth-form input{border:1px solid var(--border);background:var(--bg);border-radius:14px;height:52px;padding:0 16px;font-size:16px}.auth-form button.primary{border-radius:999px;height:56px;padding:0;font-size:17px}.auth-links{justify-content:center}.auth-links button.link,.auth-links a{color:var(--accent-hi);font-size:15px;font-weight:600}@media (max-width:900px){.auth-page{gap:32px;padding:24px 20px 40px}.auth-main{flex-direction:column;align-items:stretch;gap:28px}.auth-intro{gap:14px}.auth-intro h1{font-size:30px}.auth-intro p{font-size:16px}.auth-form{border-radius:24px;width:100%;padding:20px}}.home{flex-direction:column;gap:24px;display:flex}.dashboard-page{flex-direction:column;gap:40px;display:flex}.home-header{gap:16px}.dashboard{flex-direction:column;gap:40px;display:flex}.dashboard-intro{flex-direction:column;gap:10px;display:flex}.dashboard-intro h1{margin:0;font-size:36px}.dashboard-intro p{color:var(--text-2);margin:0;font-size:17px;line-height:1.5}.dropzone{background:var(--surface);border:2px dashed #f5ebdd4d;border-radius:28px;gap:14px;min-height:220px}.dropzone strong{font-size:20px}.drop-icon{background:var(--surface-3);width:60px;height:60px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.drop-hint{color:var(--text-2);font-size:15px}.drop-link{color:var(--accent-hi);text-underline-offset:3px;font-weight:600;text-decoration:underline}.drop-title-phone{display:none}.library-section{flex-direction:column;gap:16px;display:flex}.library-head{align-items:baseline;gap:10px;display:flex}.library-head h2{color:var(--text);margin:0;font-size:20px;font-weight:700}.library-count{color:var(--text-2);font-size:14px;font-weight:600}.song-cards{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.song-card{background:var(--surface-3);border-radius:22px;align-items:center;gap:20px;padding:14px;display:flex}.song-thumb{background:var(--bg);border-radius:16px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.song-card-main{min-width:0;color:var(--text);flex-direction:column;flex:1;gap:6px;text-decoration:none;display:flex}.song-card-main:hover{color:var(--text)}.song-card-name{overflow-wrap:anywhere;font-size:18px;font-weight:700}.song-chip{background:var(--surface-2);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:13px;font-weight:600}.sing-button{background:var(--accent);height:48px;color:var(--on-accent);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 22px 0 18px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.sing-button:hover{background:var(--accent-hi);color:var(--on-accent)}.icon-button{width:48px;height:48px;color:var(--text-2);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:#f5ebdd14}@media (max-width:600px){.dashboard-page,.dashboard{gap:24px}.dashboard-intro h1{font-size:26px}.dashboard-intro p{font-size:15px}.drop-title-desk{display:none}.drop-title-phone{display:inline}.dropzone{min-height:170px}.song-thumb{display:none}.song-card{gap:12px;padding:14px 10px 14px 16px}.song-card-name{font-size:16px}.sing-button{justify-content:center;width:48px;padding:0}.sing-label,.btn-ghost-label{display:none}.btn-ghost{padding:0 13px}}input[type=range]{accent-color:var(--accent)}.song.song-ready,.song.song-waiting{max-width:1700px;padding:20px 32px 32px}.song.song-waiting{gap:32px;max-width:1104px;padding-top:40px}.song-page{flex-direction:column;gap:16px;display:flex}.song-head{align-items:center;gap:16px;min-height:48px;display:flex}.song-head h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:26px;overflow:hidden}.round-back{background:var(--surface-3);width:44px;height:44px;color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.round-back:hover{color:var(--text);background:#655c91}.song-pills{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.pill{background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;display:inline-flex}.pill-label{color:var(--text-2)}.pill .accent{color:var(--accent)}.song-links{gap:16px;display:flex}.icon-link{color:var(--accent-hi);text-underline-offset:3px;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:0 6px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.phone-only{display:none!important}.score{margin:0}.song-grid{grid-template-columns:300px minmax(0,1fr) minmax(300px,400px);grid-template-areas:"roll roll lyrics""extra extra extra""left sound transport";gap:16px;display:grid}.roll-card{background:var(--surface);border-radius:22px;flex-direction:column;grid-area:roll;gap:6px;min-width:0;padding:12px;display:flex}.roll-card .piano-roll{border-radius:12px;height:440px;min-height:300px}.overview-row{align-items:center;gap:10px;display:flex}.overview-time{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.overview-row .song-overview{background:var(--bg);border-radius:12px;flex:1;min-width:0;margin:0}.lyrics-card{background:var(--surface-3);border-radius:22px;flex-direction:column;grid-area:lyrics;min-width:0;padding:22px 24px 16px;display:flex}.lyrics-card .lyrics{flex-direction:column;flex:1;gap:12px;display:flex}.lyrics-card .lyrics-frame{background:0 0;border-radius:0;flex:1;max-width:none;display:flex}.lyrics-card .lyrics-viewport{flex:1;height:auto;min-height:260px;max-height:440px}.lyrics-card .lyrics-line{color:var(--text-2);transform-origin:50%;padding-left:9%;padding-right:9%;font-size:17px;font-weight:700;transition:color .5s,opacity .5s,filter .5s,transform .5s}.lyrics-card .lyrics-line.current{color:var(--text);transform:scale(1.2)}.lyrics-card .lyrics-viewport.aligned .lyrics-line.current{transform:none}.lyrics-card .lyrics-tools{border-top:1px solid var(--border);color:var(--text);justify-content:space-between;padding-top:12px;font-size:13px}.lyrics-card .lyrics-plain{background:0 0;flex:1;max-height:440px}.shift{align-items:center;gap:6px;display:inline-flex}.shift-label{color:var(--text-2)}.lyrics-tools .shift button{background:var(--surface-2);width:32px;height:32px;color:var(--text);border:none;border-radius:50%;padding:0;font-size:16px;font-weight:700}.shift-value{text-align:center;font-variant-numeric:tabular-nums;width:52px}.lyrics-card .lyrics-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.empty-icon{background:var(--surface-2);width:56px;height:56px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.lyrics-empty>strong{font-size:18px}.lyrics-empty>p{max-width:260px;color:var(--text-2);margin:0 0 8px;font-size:14px;line-height:1.5}.lyrics-empty>button.dashed-button{height:44px;color:var(--text);background:0 0;border:1.5px dashed #f5ebdd59;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-weight:700;display:inline-flex}.song-extra{grid-area:extra}.song-left{flex-direction:column;grid-area:left;justify-content:center;align-items:center;gap:22px;display:flex}.block-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin:0;font-size:12px;font-weight:700;display:none}.sing-block{flex-direction:column;align-items:center;gap:12px;display:flex}.sing-buttons{gap:10px;display:flex}.btn-cream{white-space:nowrap;background:var(--text);height:44px;color:var(--on-accent);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:15px;font-weight:700;display:inline-flex}.btn-cream.on{background:var(--good)}.sing-buttons .rec .rec-dot{background:var(--error);width:11px;height:11px}.sing-buttons .rec.on{border-color:var(--error);color:var(--error)}.rec-hint{color:var(--text-2);font-size:13px;display:none}.octave-check{max-width:300px;font-size:13px}.octave-check input{accent-color:var(--accent)}.calib-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.calib-line .calib-icon{color:var(--accent-hi)}.calib-line button.link{font-weight:700}.edit-block{flex-direction:column;align-items:center;gap:10px;display:flex}.edit-buttons{gap:10px;display:flex}.tool{background:var(--surface-2);width:56px;height:56px;color:var(--text);border:none;border-radius:16px;justify-content:center;align-items:center;display:inline-flex;position:relative}.tool:hover{background:#524878}.tool.on{background:var(--accent);color:var(--on-accent)}.tool.hide.on{background:var(--text-2)}.tool-label{display:none}@media (hover:hover){[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);background:var(--text);color:var(--on-accent);white-space:nowrap;pointer-events:none;z-index:5;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}}.regions-note{text-align:center;margin:0}.sound-block{flex-direction:column;grid-area:sound;justify-content:center;gap:18px;min-width:0;padding:0 12px;display:flex}.sound-block .volume{background:0 0;grid-template-columns:150px minmax(0,1fr) 48px 2.2em 2.2em;gap:20px;height:48px;padding:0}.sound-block .volume>span:first-child{font-size:15px;font-weight:600}.sound-block .volume-value{width:auto;color:var(--text-2);font-size:14px}.sound-block .volume-value.strong{color:var(--text);font-weight:700}.sound-block .transpose-controls{background:var(--bg);border-radius:999px;flex:none;justify-content:space-between;gap:0;width:240px;padding:3px}.sound-block .transpose-controls>button:not(.link){background:var(--surface-3);border:none;width:36px;height:36px;font-size:17px;font-weight:700}.sound-block .transpose-value{font-size:14px;font-weight:700}.transpose-reset{justify-self:start;font-size:13px}.mute{color:var(--text-2)}.transport-block{flex-direction:column;grid-area:transport;justify-content:center;align-items:center;gap:16px;display:flex}.transport-block .sing-block{gap:8px}.transport{align-items:center;gap:20px;display:flex}.transport .round{background:var(--surface-3);width:56px;height:56px;color:var(--text);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.transport .round.play{background:var(--accent);width:76px;height:76px;color:var(--on-accent);box-shadow:0 16px 32px -14px #f2b56b99}.wait{flex-direction:column;align-items:center;gap:32px;display:flex}.wait-card{background:var(--surface-3);border-radius:28px;flex-direction:column;gap:28px;width:100%;padding:32px 36px;display:flex}.wait-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.wait-status{flex-direction:column;gap:4px;display:flex}.wait-caption{color:var(--text-2);font-size:16px;font-weight:600}.wait-count{font-family:var(--font-head);color:var(--accent);font-variant-numeric:tabular-nums;font-size:64px;line-height:1.1}.wait-count-text{font-size:32px}.wait-steps{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.wait-step{background:var(--bg);height:40px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.wait-step.done{color:var(--text)}.wait-step.done svg{color:var(--accent)}.wait-step.running{color:var(--text)}.wait-dot{opacity:.6;background:currentColor;border-radius:50%;width:8px;height:8px}.wait-step.running .wait-dot{background:var(--accent);opacity:1;animation:1s ease-in-out infinite alternate wait-pulse}@keyframes wait-pulse{to{opacity:.4;transform:scale(1.6)}}.wait-bar{background:var(--bg);border-radius:999px;height:12px;overflow:hidden}.wait-bar>div{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}@media (max-width:900px){.song.song-ready,.song.song-waiting{padding:24px 20px 32px}.song-page{gap:18px}.song-head{flex-wrap:wrap;gap:12px}.song-head h1{white-space:normal;flex:1;font-size:21px;line-height:1.2}.song-pills{gap:6px;width:100%;margin-left:0}.pill{height:30px;padding:0 11px}.song-links{width:100%}.icon-link{padding:0}.phone-only{display:inline-flex!important}.desktop-only{display:none!important}.song-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"roll""lyrics""transport""extra""left""sound";gap:18px}.roll-card{border-radius:20px;padding:10px 10px 6px}.roll-card .piano-roll{height:330px}.lyrics-card{padding:18px 18px 14px}.lyrics-card .lyrics-viewport{min-height:180px;max-height:220px}.lyrics-card .lyrics-line{font-size:16px}.transport .round{width:52px;height:52px}.transport .round.play{width:72px;height:72px}.song-left{align-items:stretch;gap:18px}.song-block.sing-block,.song-block.edit-block{background:var(--surface-3);border-radius:22px;align-items:stretch;gap:14px;padding:18px}.block-title{display:block}.sing-buttons{grid-template-columns:1fr 1fr;display:grid}.btn-cream,.sing-buttons .rec{height:50px;font-size:16px}.rec-hint{display:block}.octave-check{max-width:none;font-size:14px}.calib-line{border-top:1px solid var(--border);justify-content:flex-start;padding-top:12px}.calib-line .calib-icon{display:none}.edit-buttons{grid-template-columns:1fr 1fr;display:grid}.edit-buttons .tool:first-child:nth-last-child(3){grid-column:1/-1}.tool{border-radius:14px;width:auto;height:48px;font-size:14px;font-weight:600}.tool svg{display:none}.tool-label{display:inline}.regions-note{text-align:left}.sound-block{background:var(--surface);border-radius:22px;gap:0;padding:6px 16px}.sound-block .volume{border-bottom:1px solid #f5ebdd1a;grid-template-columns:minmax(0,1fr) auto 2.2em 2.2em;grid-template-areas:"label value mute download""slider slider slider slider";gap:10px 12px;height:auto;padding:14px 0}.sound-block .volume>span:first-child{grid-area:label;font-size:14px}.sound-block .volume input{grid-area:slider}.sound-block .volume .volume-value{grid-area:value;font-size:13px}.sound-block .volume .mute{grid-area:mute}.sound-block .volume .download-link{grid-area:download}.sound-block .volume.transpose{border-bottom:none;flex-wrap:wrap;justify-content:space-between;padding:12px 0;display:flex}.sound-block .transpose-controls{gap:2px;width:auto}.sound-block .transpose-controls>button:not(.link){width:40px;height:40px}.sound-block .transpose-value{text-align:center;width:86px}.wait-card{gap:20px;padding:22px}.wait-count{font-size:48px}}@media (min-width:901px){.song-left .edit-block{display:contents}.song-left .edit-buttons{order:2}.song-left .regions-note{order:3}.song-left .calib-line{order:4}.song-left .octave-check{text-align:left;order:6;justify-content:center}}.modal-backdrop{background:#080412cc}.modal{background:var(--surface-3);text-align:left;width:min(520px,100%);color:var(--text);border:none;border-radius:28px;gap:18px;padding:32px;box-shadow:0 30px 60px -30px #0a061499}.modal p{line-height:1.5}.modal-title{align-items:center;gap:14px;font-size:22px;font-weight:800;display:flex}.modal-icon{background:var(--bg);width:44px;height:44px;color:var(--accent);border-radius:14px;flex:none;justify-content:center;align-items:center;display:inline-flex}.modal .field{color:var(--text);gap:8px;font-size:14px;font-weight:600}.modal .field input,.modal .lyrics-input{border:1px solid var(--border);background:var(--bg);border-radius:14px;height:52px;padding:0 16px;font-size:16px}.modal .lyrics-input{height:auto;padding:12px 16px}.modal-actions{gap:10px;margin-top:4px}.modal-actions button:not(.link){height:48px;color:var(--text);background:0 0;border:1.5px solid #f5ebdd4d;border-radius:999px;padding:0 22px;font-size:15px;font-weight:700}.modal-actions button.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.modal-actions button.link.modal-skip{width:100%;color:var(--accent-hi);margin-top:2px;font-size:15px;font-weight:600}.song-guess{font-family:var(--font-head);font-size:22px;line-height:1.25}@media (max-width:600px){.modal{border-radius:24px;padding:22px}.modal-actions button:not(.link){flex:100%}}.modal-actions button.link{background:0 0;border:none;border-radius:0;padding:0}.download-link{width:2.2em;height:2.2em;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.download-link:hover{color:var(--text);background:#f5ebdd14}@media (hover:hover){.download-link[data-tip]:hover:after{left:auto;right:0;transform:none}}.roll-card .piano-roll.with-lane{height:494px}@media (max-width:900px){.roll-card .piano-roll.with-lane{height:384px}}@media (min-width:901px){.song.song-ready{height:100dvh;min-height:620px;padding-bottom:20px}.song-page{flex:1;min-height:0}.song-grid{flex:1;grid-template-rows:minmax(0,1fr) auto auto;min-height:0}.roll-card,.lyrics-card{min-height:0}.roll-card .roll-wrap{flex:1;min-height:0}.roll-card .piano-roll,.roll-card .piano-roll.with-lane{height:100%;min-height:240px}.lyrics-card .lyrics,.lyrics-card .lyrics-frame,.lyrics-card .lyrics-viewport{min-height:0;max-height:none}}button.download-link{background:0 0;border:none;padding:0}.takes{flex-direction:column;gap:8px;min-width:0;display:flex}.takes-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex-direction:column;gap:18px;max-height:114px;display:flex;overflow-y:auto}.take-row{flex:none}.take-name{align-items:center;gap:4px;min-width:0;display:flex}.take-seek{color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;font-weight:600}.take-seek:hover{color:var(--accent-hi)}.take-delete{width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.take-delete:hover{color:var(--error);background:#f5ebdd14}.takes-footer{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}@media (hover:hover){.takes-list [data-tip]:hover:after{inset:50% auto auto calc(100% + 8px);transform:translateY(-50%)}.takes-list .download-link[data-tip]:hover:after{left:auto;right:calc(100% + 8px)}}@media (max-width:900px){.takes-list{gap:0;max-height:190px}.takes-footer{padding:8px 0 4px}}.song-pills.live .pill b{font-variant-numeric:tabular-nums}.invisible{visibility:hidden}.roll-notice{max-width:calc(100% - 80px);color:var(--text-2);text-align:center;pointer-events:none;z-index:3;background:#2c263feb;border-radius:12px;margin:0;padding:8px 14px;font-size:13px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.roll-notice.error{color:var(--error)}.calib-line{white-space:nowrap}.history li{align-items:center}.ghost-toggle{background:0 0;border:1.5px solid #f5ebdd59;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex}.ghost-toggle:hover:not(:disabled),.ghost-toggle.on{border-color:var(--text)}.ghost-toggle .ghost-swatch{width:12px;height:12px}.ghost-toggle.none{opacity:.35;border-style:dashed}.ghost-swatch{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.ghost-legend{z-index:2;background:#2c263fd9;border-radius:12px;flex-direction:column;gap:4px;margin:0;padding:6px;list-style:none;display:flex;position:absolute;top:10px;left:54px}.ghost-legend li{align-items:center;display:flex}.ghost-item{color:var(--text);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:3px 6px;font-size:12px;font-weight:600;display:inline-flex}.ghost-item:hover{background:#f5ebdd14}.ghost-legend li.off .ghost-item{color:var(--muted);text-decoration:line-through}.ghost-legend li.off .ghost-swatch{opacity:.3}.ghost-remove{width:22px;height:22px;color:var(--muted);background:0 0;border:none;border-radius:50%;padding:0;font-size:16px;line-height:1}.ghost-remove:hover{color:var(--text);background:#f5ebdd14}.rec-live{min-width:64px;color:var(--text-2);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.rec-live .rec-dot{background:#ff4d4d;animation:1s steps(2,start) infinite rec-blink}.takes-body{position:relative}.takes-list{scrollbar-width:none}.takes-list::-webkit-scrollbar{display:none}.takes-scroll{pointer-events:none;background:#f5ebdd1a;border-radius:2px;width:4px;position:absolute;top:0;bottom:0;right:-10px}.takes-thumb{background:var(--lilac);border-radius:2px;width:100%;position:absolute;left:0}.takes-list.more-below{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.takes-list.more-above{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(0deg,#000 calc(100% - 28px),#0000)}.takes-list.more-above.more-below{-webkit-mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000)}.takes-more{font-weight:700}.sing-switch{background:var(--surface-3);height:44px;color:var(--text);border:none;border-radius:999px;align-items:center;gap:12px;padding:0 18px 0 6px;font-size:15px;font-weight:700;display:inline-flex}.sing-switch:disabled{opacity:.7}.switch-track{background:var(--bg);border-radius:999px;width:56px;height:32px;transition:background .2s;display:inline-block;position:relative}.switch-knob{background:var(--text-2);width:26px;height:26px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:inline-flex;position:absolute;top:3px;left:3px}.sing-switch.on .switch-track{background:var(--good)}.sing-switch.on .switch-knob{color:#2f7d68;background:#fff;transform:translate(24px)}.history-delete{margin-left:auto}.count-badge{background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}@media (max-width:900px){.transport-block .sing-block{align-self:stretch}}@media (min-width:901px){.sound-block{gap:12px}.sound-block .volume{height:40px}.takes{gap:4px}.takes-list{scroll-snap-type:y mandatory;gap:12px;max-height:40px}.take-row{scroll-snap-align:start}.takes-list.more-above,.takes-list.more-below{-webkit-mask-image:none;mask-image:none}.takes-empty{height:40px;color:var(--muted);border:1.5px dashed #f5ebdd2e;border-radius:12px;align-items:center;padding:0 14px;font-size:13px;display:flex}.takes-footer{min-height:18px}}@media (max-width:900px){.takes-empty,.takes-footer:empty{display:none}}.transport-block .sing-buttons{position:relative}.transport-block .rec-live{white-space:nowrap;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}@media (min-width:901px){.song-left .edit-buttons{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:290px;display:grid}.song-left .tool{width:auto;height:40px;color:var(--text);white-space:nowrap;border-radius:12px;justify-content:flex-start;gap:8px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none}.song-left .tool.on{color:var(--on-accent)}.song-left .tool svg{flex:none;width:18px;height:18px}.song-left .tool-label{text-overflow:ellipsis;display:inline;overflow:hidden}}.transpose-row{background:var(--surface-3);border-radius:12px;align-items:center;gap:8px;width:100%;max-width:290px;height:40px;padding:0 6px 0 12px;display:flex}.transpose-label{flex:1;font-size:13px;font-weight:600}.transpose-row .transpose-controls{background:var(--bg);border-radius:999px;align-items:center;gap:2px;padding:2px;display:flex}.transpose-row .transpose-controls>button{background:var(--surface-3);width:28px;height:28px;color:var(--text);border:none;border-radius:50%;padding:0;font-size:15px;font-weight:700}.transpose-row .transpose-value{text-align:center;min-width:70px;font-size:12px;font-weight:700}.transpose-reset-icon{width:26px;height:26px;color:var(--accent-hi);background:0 0;border:none;border-radius:50%;padding:0;font-size:16px}.transpose-reset-icon:hover{background:#f5ebdd14}@media (min-width:901px){.takes-list{gap:6px;height:132px;max-height:none}.takes-empty{justify-content:center;height:132px}}@media (max-width:900px){.transpose-row{max-width:none;height:48px}}@media (min-width:901px){.song-left .transpose-row,.song-left .transpose-row+.error{order:2}.song-left .edit-buttons{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;max-width:none}.song-left .tool{gap:6px;padding:0 10px}.song-left .transpose-row{max-width:none}.sound-block{gap:4px}.sound-block .volume{height:36px}.takes{gap:4px}.takes-list{gap:4px;height:116px}.takes-empty{height:116px}.song-left .tool{padding:0 8px;font-size:12.5px}}.song-card-meta{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.song-chip.record{color:var(--accent-hi);background:#f2b56b2e}.song-dates{color:var(--text-2);font-size:13px}.feature-roll{border-top:1px solid var(--border);position:relative}.feature-roll-stage{flex-direction:column;justify-content:center;gap:20px;height:100dvh;padding:24px 0;display:flex;position:sticky;top:0}.feature-roll-stage h2{color:var(--text);margin:0;font-size:1.7rem;font-weight:800}.feature-roll-frame{height:min(520px,64dvh);position:relative}.feature-roll-box{z-index:5;transform-origin:0 0;will-change:transform;background:var(--bg);box-shadow:0 20px 60px #00000073, 0 0 0 1px var(--border);border-radius:28px;position:absolute;inset:0;overflow:hidden}.feature-roll-svg{width:100%;height:100%;display:block}.roll-note{fill:var(--lilac);opacity:.85}.roll-note.feature{fill:var(--accent);opacity:1}.roll-voice{fill:none;stroke:var(--good);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.roll-playhead{fill:var(--text);opacity:.8}.roll-card-pop{transform-origin:0 0;border:2px solid var(--accent);background:var(--surface-3);opacity:0;pointer-events:none;will-change:transform;border-radius:22px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 24px 60px -20px #0009}.roll-card-content{opacity:var(--content,0);flex-direction:column;gap:8px;padding:24px 26px;display:flex}.roll-card-icon{background:var(--accent);width:48px;height:48px;color:var(--on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.roll-key-icon{font-size:26px;font-weight:800;line-height:1}.roll-card-step{letter-spacing:.06em;color:var(--text-2);font-size:12px;font-weight:700}.roll-card-content h3{font-family:var(--font-display);margin:0;font-size:22px;line-height:1.2}.roll-card-content p{color:var(--text-2);margin:0;font-size:15px;line-height:1.5}.feature-roll-dots{justify-content:center;gap:8px;display:flex}.feature-roll-dots button{background:var(--surface-3);cursor:pointer;border:none;border-radius:4px;width:8px;height:8px;padding:0;transition:width .3s,background .3s}.feature-roll-dots button.on{background:var(--accent);width:24px}.feature-roll-static{display:none}.feature-roll-static .roll-card-icon{margin-bottom:8px}@media (prefers-reduced-motion:reduce){.feature-roll{padding:48px 0;height:auto!important}.feature-roll-stage{display:none}.feature-roll-static{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}}@media (max-width:900px){.feature-roll-stage h2{font-size:1.35rem}.feature-roll-frame{height:min(420px,58dvh)}.roll-card-content{padding:18px}.roll-card-content h3{font-size:19px}.roll-card-content p{font-size:14px}}.landing-more{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px 32px;display:grid}.landing-more h3{margin:0 0 6px;font-size:15px}.landing-more p{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}.hero-art#hero-roll-slot{aspect-ratio:2}.hero-art-fallback{display:none}@media (max-width:900px){.hero-art#hero-roll-slot{aspect-ratio:1}}@media (prefers-reduced-motion:reduce){.hero-art#hero-roll-slot{aspect-ratio:auto}.hero-art-fallback{display:block}}.scroll-hint{z-index:4;color:var(--text-2);pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:none;position:fixed;bottom:7vh;left:50%;transform:translate(-50%)}@media (min-width:901px){.scroll-hint{display:flex}}.scroll-mouse{border:2px solid #f5ebdd8c;border-radius:14px;width:26px;height:42px;position:relative}.scroll-wheel{background:var(--accent);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.6s ease-in-out infinite scroll-wheel;position:absolute;top:7px;left:50%}@keyframes scroll-wheel{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:0;transform:translateY(14px)}to{opacity:0;transform:translateY(14px)}}.scroll-chevrons{flex-direction:column;align-items:center;margin-top:-2px;display:flex}.scroll-chevrons span{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);width:10px;height:10px;margin-top:-3px;animation:1.6s ease-in-out infinite scroll-chevron;transform:rotate(45deg)}.scroll-chevrons span:nth-child(2){animation-delay:.2s}@keyframes scroll-chevron{0%,to{opacity:.15}50%{opacity:1}}.scroll-hint-text{letter-spacing:.02em;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){.scroll-wheel,.scroll-chevrons span{opacity:1;animation:none}}.feature-roll-swipe{display:none}@media (max-width:900px){.feature-roll{height:auto!important}.feature-roll-stage{height:auto;padding:40px 0;position:static}.feature-roll-box{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.feature-roll-swipe{color:var(--text-2);justify-content:center;align-items:center;gap:10px;margin:-6px 0 0;font-size:13px;font-weight:600;transition:opacity .4s;display:flex}.feature-roll.swiped .feature-roll-swipe{opacity:0}.hero-art#hero-roll-slot{display:none}.feature-roll-dots button{border-radius:5px;width:10px;height:10px}.feature-roll-dots button.on{width:26px}.transport-block .sing-buttons{position:static}.transport-block .rec-live{position:static;transform:none}body{overflow-x:clip}}.swipe-track{background:#f5ebdd14;border-radius:11px;width:64px;height:22px;position:relative;overflow:hidden}.swipe-finger{background:var(--accent);border-radius:50%;width:16px;height:16px;animation:1.8s ease-in-out infinite swipe-finger;position:absolute;top:3px;left:44px;box-shadow:14px 0 12px -4px #f2b56b73}@keyframes swipe-finger{0%{opacity:0;transform:translate(0)}15%{opacity:1}70%{opacity:1;transform:translate(-40px)}to{opacity:0;transform:translate(-40px)}}.swipe-arrows{color:var(--accent);letter-spacing:-2px;font-size:18px;font-weight:800;animation:1.8s ease-in-out infinite scroll-chevron}@media (prefers-reduced-motion:reduce){.swipe-finger,.swipe-arrows{animation:none}}@media (max-width:900px){.piano-roll:not(.selecting):not(.with-lane){touch-action:pan-y;cursor:default}.lyrics-card .lyrics-viewport:not(.editing){touch-action:pan-y;overflow:hidden}}.lyrics-full{z-index:50;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.lyrics-full-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;font-size:16px;display:flex}.lyrics-full-close{background:var(--surface-3);width:40px;height:40px;color:var(--text);border:none;border-radius:50%;padding:0;font-size:24px;line-height:1}.lyrics-full-list{overscroll-behavior:contain;flex:1;padding:24px 20px 40vh;overflow-y:auto}.lyrics-full-line{color:var(--muted);margin:0;padding:10px 0;font-size:20px;font-weight:700;line-height:1.35}.lyrics-full-line.past{color:var(--text-2);opacity:.6}.lyrics-full-line.current{color:var(--accent-hi)}.lyrics-full-line.break{color:var(--muted);font-size:16px}.landing>.home-header,.dashboard-page>.home-header{z-index:30;pointer-events:none;position:sticky;top:5px}.landing>.home-header>*,.dashboard-page>.home-header>*{pointer-events:auto}.landing>.home-header .logo,.dashboard-page>.home-header .logo{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border-radius:999px;margin-left:-5px;padding:5px 16px 5px 5px}.landing>.home-header .btn-ghost,.dashboard-page>.home-header .btn-ghost{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background:#2c263f40}.landing>.home-header .account-bar,.dashboard-page>.home-header .account-bar{overflow:visible}.auth-form .button-link{background:var(--accent);height:56px;color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex}.auth-form .error.small{font-size:13px}.verify-banner{background:#f2b56b1f;border:1px solid #f2b56b59;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 18px;font-size:14px;display:flex}.verify-banner .link{font-weight:700}@media (max-width:900px){.auth-page,.auth-main{gap:16px}.auth-intro{gap:8px}.auth-intro h1{font-size:20px;line-height:1.25}.auth-intro p{display:none}.auth-art{align-self:center;width:auto;max-width:100%;height:90px;margin-top:0}}@media (min-width:901px){.landing>.home-header,.dashboard-page>.home-header{top:16px}}@media (max-width:900px){.auth-main{flex:none;justify-content:flex-start}}.footer-langs{flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.8rem;display:flex}.footer-langs a{color:var(--muted);text-decoration:none}.footer-langs a:hover{color:var(--text)}.footer-langs [aria-current]{color:var(--text);font-weight:700}.lang-switch{position:relative}.lang-trigger{gap:6px;padding:0 12px 0 14px}.lang-chevron{transition:transform .2s}.lang-chevron.open{transform:rotate(180deg)}.lang-menu{z-index:40;background:var(--surface-3);min-width:200px;box-shadow:0 18px 50px #00000073, 0 0 0 1px var(--border);border-radius:16px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.lang-menu button{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.lang-menu button:hover{background:#f5ebdd14}.lang-menu .lang-code{width:26px;color:var(--text-2);font-size:12px;font-weight:800}.lang-menu .current{color:var(--accent-hi)}.lang-menu .lang-check{margin-left:auto}.auth-header-right{align-items:center;gap:16px;display:flex}@media (max-width:900px){.lang-trigger{padding:0 12px}.lang-chevron{display:none}}.account-bar{overflow:visible}.owner-banner{background:#8b80c429;border-radius:12px;margin:-4px 0 0;padding:8px 14px;font-size:13px;font-weight:600}.song-left .tool:disabled{opacity:.45;cursor:not-allowed}.google-button{color:#1f1f1f;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:52px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.google-button:hover{color:#1f1f1f;background:#f1f1f1}.auth-or{color:var(--text-2);align-items:center;gap:12px;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--border);flex:1;height:1px}.consent-banner{z-index:60;background:var(--surface-3);width:min(760px,100% - 32px);box-shadow:0 18px 50px #00000080, 0 0 0 1px var(--border);border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 18px;font-size:14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.consent-banner>span{flex:280px}.consent-actions{gap:10px;display:flex}.consent-accept{background:var(--accent);height:44px;color:var(--on-accent);border:none;border-radius:999px;padding:0 20px;font-weight:700}.privacy-page article h1{margin:0 0 6px;font-size:2rem}.privacy-page article section h2{margin:28px 0 8px;font-size:1.25rem}.auth-agree{text-align:center;margin:0;line-height:1.5}.auth-agree a{color:var(--accent-hi)}