.studio{--bg: #14161a;--panel: #1d2026;--panel-2: #272c35;--line: #363c47;--text: #e8eaed;--muted: #9aa3b0;--accent: #8a6bff;--grid: #2a2f38;--grid-strong: #3b4250;--head: 188px;--sheet-height: calc(100dvh - var(--topbar-h, 4rem));color-scheme:dark;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow:hidden}.studio *,.studio *:before,.studio *:after{box-sizing:border-box}.studio input,.studio select,.studio button,.studio textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;font:inherit;padding:.3rem .5rem}.studio button{cursor:pointer}.studio button:hover:not(:disabled){border-color:var(--accent)}.studio button:disabled,.studio input:disabled,.studio select:disabled{opacity:.5;cursor:default}.studio button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.studio .icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.2em;padding-inline:.5em}.studio button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.studio button.danger{background:#7a2630;border-color:#a33a46;color:#fff}.studio button.link{background:none;border:none;color:#b9a8ff;text-decoration:underline;padding:0}.studio a{color:#b9a8ff}.studio .muted{color:var(--muted);opacity:1}.studio .card{background:var(--panel);border-color:var(--line);margin-block:.75rem}.studio-loading{padding:2rem}.studio-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .9rem;padding:.5rem .9rem;background:var(--panel);border-block-end:1px solid var(--line)}.studio-top .spacer{flex:1}.st-back{align-self:center;font-size:1.4rem;text-decoration:none;padding:0 .3rem}.st-transport{display:flex;align-items:center;gap:.35rem;align-self:center}.st-transport button{min-inline-size:2.4rem;min-block-size:2.4rem;font-size:1.05rem}.st-play.on{background:#c0392b;border-color:#c0392b;color:#fff}.st-position{min-inline-size:3.2rem;text-align:center;font-variant-numeric:tabular-nums;font-size:1.1rem;background:#0e1013;border:1px solid var(--line);border-radius:6px;padding:.3rem .5rem}.song-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .7rem}.song-fields label{font-size:.7rem;color:var(--muted);gap:2px}.song-fields input[type=number]{inline-size:4.4rem}.song-fields .sf-title input{inline-size:11rem}.st-presence{align-self:center;font-size:.8rem;color:var(--muted);max-inline-size:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-zoom{display:flex;gap:.25rem;align-self:center}.st-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-self:center}.studio-top label.inline{align-self:center}.studio .karaoke{margin:0;border-radius:0;border-inline:none;padding:.25rem 1rem;background:var(--panel);border-color:var(--line)}.studio .karaoke p{font-size:1.1rem;margin:.1rem 0}.studio .karaoke-lines{max-block-size:4.2rem}.studio .syllable.now{color:#b9a8ff}.arrangement{flex:1;min-block-size:0;overflow:auto;position:relative;background:var(--bg)}.studio.sheet-open .arrangement{padding-block-end:var(--sheet-height)}.ar-grid{position:relative;min-block-size:100%}.ar-row{display:flex}.ar-head{position:sticky;inset-inline-start:0;z-index:5;flex:none;inline-size:var(--head);background:var(--panel);border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line)}.ar-ruler-row{position:sticky;inset-block-start:0;z-index:6;background:var(--panel)}.ar-corner{z-index:7;display:flex;align-items:center;padding-inline:.6rem;font-size:.75rem}.ar-track{position:relative;flex:none;border-block-end:1px solid var(--line);background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--bar) - 1px),var(--grid-strong) calc(var(--bar) - 1px),var(--grid-strong) var(--bar)),repeating-linear-gradient(to right,transparent 0,transparent calc(var(--beat) - 1px),var(--grid) calc(var(--beat) - 1px),var(--grid) var(--beat))}.ar-ruler{background-color:var(--panel);cursor:text}.ar-bar-number{position:absolute;inset-block-start:14px;inset-block-end:0;padding-inline-start:4px;font-size:.7rem;color:var(--muted);border-inline-start:1px solid var(--grid-strong);pointer-events:none}.ar-marker{position:absolute;inset-block-start:0;font-size:.66rem;background:var(--accent);color:#fff;padding:0 .4rem;border-radius:0 0 4px;white-space:nowrap;pointer-events:none}.ar-chord-row .ar-head{display:flex;align-items:center;padding-inline:.5rem}.ar-chords-button{font-size:.78rem;padding:.15rem .5rem}.ar-chord{position:absolute;inset-block:3px;background:#472e60;border:1px solid hsl(270 45% 50%);color:#efe9ff;border-radius:4px;font-size:.78rem;padding:0 .35rem;overflow:hidden;white-space:nowrap;text-align:start}.ar-lane-row .ar-track{cursor:cell}.ar-add-row .ar-head{padding:.4rem .5rem;border-block-end:none}.ar-add-lane{inline-size:100%}.ar-clips{position:absolute;z-index:3;pointer-events:none}.clip-block{position:absolute;margin:3px 1px;border-radius:6px;pointer-events:auto;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:hsl(var(--hue) 48% 27%);border:1px solid hsl(var(--hue) 55% 48%);color:hsl(var(--hue) 90% 86%)}.clip-block:focus-visible{outline:2px solid #fff;outline-offset:1px}.clip-block.selected{outline:2px solid #fff;outline-offset:-1px;z-index:2}.clip-block.dragging{cursor:grabbing;opacity:.85;z-index:4;box-shadow:0 4px 14px #00000080}.clip-block.muted{opacity:.45}.clip-label{position:absolute;inset-block-start:1px;inset-inline-start:6px;font-size:.7rem;font-weight:600;z-index:1;pointer-events:none;white-space:nowrap}.clip-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.clip-resize{position:absolute;inset-block:0;inset-inline-end:0;inline-size:12px;cursor:ew-resize;touch-action:none;background:linear-gradient(to right,transparent,hsl(var(--hue) 70% 70% / .45))}.playhead{position:absolute;inset-block:0;inline-size:2px;background:#ff5a4f;pointer-events:none;z-index:4;will-change:transform}.lane-head-cell{display:flex;flex-direction:column;gap:4px;padding:5px 8px}.lh-line{display:flex;align-items:center;gap:6px}.lh-name{inline-size:1.5rem;text-align:center;background:var(--panel-2);border-radius:4px;flex:none}.lh-line select{flex:1;min-inline-size:0}.lh-buttons{gap:4px}.lh-buttons button{padding:.1rem .55rem}.lh-record{color:#ff6b5f}.studio .mixer{gap:.25rem}.studio .mixer .toggle{padding:.1rem .45rem}.studio .volume input{inline-size:4.2rem;padding:0}.selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .9rem;background:var(--panel);border-block-start:1px solid var(--line)}.sb-info{margin-inline-end:auto}dialog.overlay{padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}dialog.overlay[open]{display:flex;flex-direction:column}dialog.overlay::backdrop{background:#0000009e}.overlay-dialog{inline-size:min(760px,96vw);max-block-size:90dvh;margin:auto}.overlay-sheet{position:fixed;inset:auto 0 0 0;inline-size:100%;max-inline-size:none;margin:0;block-size:var(--sheet-height);border-radius:12px 12px 0 0;box-shadow:0 -8px 28px #00000080;z-index:20}.overlay-head{display:flex;align-items:center;gap:.6rem;padding:.3rem .75rem;border-block-end:1px solid var(--line);flex:none}.overlay-head h2{font-size:.95em;margin:0}.overlay-close{font-size:1.2rem;line-height:1;padding:.1rem .6rem}.overlay-help-toggle{font-weight:700;line-height:1;padding:.1rem .55rem;border-radius:50%}.overlay-help-toggle.on{background:var(--accent, #4f8cff);color:#fff}.overlay-help{flex:none;max-block-size:40%;overflow:auto;margin:.4rem .75rem 0;padding:.4rem .75rem;border:1px solid var(--line);border-inline-start:3px solid var(--accent, #4f8cff);border-radius:6px;background:#7f7f7f1a}.overlay-help p{margin:0 0 .3rem}.overlay-help ul{margin:0;padding-inline-start:1.1rem}.overlay-help li{margin-block:.15rem}.overlay-body{overflow:auto;padding:.5rem .75rem .75rem;flex:1;min-block-size:0}.overlay-body>.card{border:none;padding:0;margin-block:0}.overlay-body>.card>h2:first-child{display:none}.record-dialog section{margin-block:1rem}.record-dialog h3{margin:0 0 .4rem;font-size:.95rem}.rd-fields{display:flex;gap:1rem;flex-wrap:wrap}.studio .note-editor canvas,.studio .lane-scroll{background:transparent}.studio .clip-editor{border:none;padding:0}@media (max-width: 720px){.studio{--head: 148px}.song-fields .sf-title input{inline-size:8rem}}.studio dialog.overlay{--ov-font: 12.5px;font-size:var(--ov-font);line-height:1.35}.studio dialog.overlay input,.studio dialog.overlay select,.studio dialog.overlay button,.studio dialog.overlay textarea{font-size:var(--ov-font);padding:.15rem .45rem;border-radius:5px}.studio dialog.overlay input[type=range]{padding:0}.studio dialog.overlay input[type=checkbox]{padding:0;inline-size:auto}.studio dialog.overlay label{gap:1px;font-size:.74em;color:var(--muted)}.studio dialog.overlay label:has(>input[type=checkbox]){flex-direction:row;align-items:center;gap:.3rem}.studio dialog.overlay .muted{font-size:.85em}.studio dialog.overlay p{margin-block:.25rem}.studio dialog.overlay h3{font-size:1em;margin:0 0 .3rem}.studio dialog.overlay .clip-toolbar,.studio dialog.overlay .note-toolbar,.studio dialog.overlay .cleanup{gap:.3rem .5rem;margin-block-end:.3rem}.studio dialog.overlay .clip-toolbar input[type=number]{inline-size:3.6rem}.studio dialog.overlay .clip-toolbar strong,.studio dialog.overlay .cleanup strong{font-size:1em}.studio dialog.overlay .overlay-close{font-size:1.1rem;padding:0 .5rem}.studio dialog.overlay .fitting-chords,.studio dialog.overlay .lyrics-fit,.studio dialog.overlay .lyrics-review{padding:.3rem .5rem;margin-block:.3rem}.studio dialog.overlay .chord-chips{gap:.3rem;margin-block:.2rem}.studio dialog.overlay .chip-choose{padding:.1rem .4rem;font-size:1em}.studio dialog.overlay .chip-add{padding:.1rem .45rem}.studio dialog.overlay .comments{padding-inline:0;margin-block:.2rem}.studio dialog.overlay .comment-form textarea{min-block-size:0}.studio dialog.overlay .lyric-section{margin-block:.4rem}.studio dialog.overlay .lyric-section textarea{font-size:var(--ov-font)}.studio dialog.overlay .clip-tools{margin-block:.3rem;border:1px solid var(--line);border-radius:6px;padding:.2rem .5rem}.studio dialog.overlay .clip-tools summary{cursor:pointer;color:var(--muted)}.studio dialog.overlay .clip-tools[open] summary{margin-block-end:.3rem}.studio dialog.overlay .assign-preview{margin:.2rem 0}.studio dialog.overlay .song-meta,.studio dialog.overlay .version-list li{margin-block:.2rem}.studio dialog.overlay .rd-fields{gap:.6rem}.studio dialog.overlay .record-dialog section{margin-block:.6rem}.studio dialog.overlay p>button+button{margin-inline-start:.3rem}.st-snap{align-self:flex-end}.overlay-full{inline-size:100vw;max-inline-size:none;block-size:100dvh;max-block-size:none;margin:0;border-radius:0;border:none}.overlay-full .overlay-body{padding:0;display:flex}.kr{display:flex;flex-direction:column;flex:1;min-block-size:0;padding:1rem 2rem;gap:.9rem;font-size:1rem}.kr-empty{padding:2rem;font-size:1rem}.kr-stage{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.9rem;min-block-size:0;overflow:hidden;text-align:center}.kr-line{margin:0;line-height:1.25;transition:opacity .2s}.kr-line.past{font-size:1.4rem;opacity:.35}.kr-line.now{font-size:clamp(2.2rem,6vw,4rem);font-weight:700}.kr-line.next{font-size:clamp(1.4rem,3.5vw,2.2rem);opacity:.7}.kr-line .syllable.todo{opacity:.55}.kr-line.now .syllable.done{opacity:.8}.kr-line .syllable.now{color:#b9a8ff}.studio .syllable.now{color:#b9a8ff;font-weight:700}.kr-countdown{min-block-size:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;font-size:1.3rem;color:var(--muted)}.kr-countdown .go{color:#6de58b;font-weight:700;font-size:1.8rem}.kr-bar{inline-size:min(28rem,80%);block-size:8px;background:var(--panel-2);border-radius:4px;overflow:hidden}.kr-bar>span{display:block;block-size:100%;background:var(--accent)}.kr-progress{block-size:4px;background:var(--panel-2);border-radius:2px;overflow:hidden}.kr-progress>span{display:block;block-size:100%;background:#6d7a90}.kr-controls{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:.6rem 1.2rem;padding-block:.4rem}.studio .kr-controls button.kr-play{font-size:1.1rem;padding:.5rem 1.6rem;background:var(--accent);border-color:var(--accent);color:#fff}.studio .kr-controls button.kr-play.on{background:#c0392b;border-color:#c0392b}.generate-dialog{display:flex;flex-direction:column;gap:.5rem}.gd-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .9rem}.gd-fields input[type=number]{inline-size:4.5rem}.studio .lh-generate{font-size:.8rem}.studio dialog.overlay .gd-check{flex-direction:row;align-items:center;gap:.3rem;font-size:1em;color:var(--text)}.note-name{min-inline-size:2.6rem;text-align:center;font-weight:600}.note-hint{margin:0 0 .3rem;min-block-size:1.4em}.gain-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.4rem .7rem;margin-block:.3rem}.gain-controls input[type=range]{inline-size:14rem}.gain-value{min-inline-size:4.5rem;font-variant-numeric:tabular-nums}.gain-peak{color:var(--muted);align-self:center}.gain-peak.clipping{color:#ff6b5f;font-weight:600}.audio-to-notes{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.4rem .7rem;margin-block:.6rem;padding-block-start:.5rem;border-block-start:1px solid var(--line)}.ar-section{position:absolute;inset-block-end:0;z-index:2;background:#ffd6331a;border-inline:2px solid hsl(48 100% 60% / .7);pointer-events:none}.ar-section-ruler{position:absolute;inset-block:0;background:#ffd63347;border-inline:2px solid hsl(48 100% 60% / .9);pointer-events:none}.ar-ruler{touch-action:pan-y}.tap-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.studio dialog.overlay .tap-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-block-size:9rem;font-size:1.1em;border:2px solid var(--line);border-radius:12px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.tap-zone span{font-size:.7em;color:var(--muted)}.tap-zone.hit{background:var(--accent, #6d4aff);color:#fff;border-color:var(--accent, #6d4aff)}.tap-zone.hit span{color:#fff}.studio-top,.studio dialog.overlay{--ctl-h: 2.1rem}.studio-top{align-items:flex-end}.studio-top :is(input:not([type=checkbox],[type=range]),select,button,.st-position),.studio dialog.overlay :is(.ce-bar,.ce-tool,.note-toolbar) :is(input:not([type=checkbox],[type=range]),select,button,output){block-size:var(--ctl-h);min-block-size:0;box-sizing:border-box;padding-block:0;line-height:1}.studio-top :is(button,.st-position),.studio dialog.overlay :is(.ce-bar,.ce-tool,.note-toolbar) :is(button,output){display:inline-flex;align-items:center;justify-content:center}.studio-top :is(.st-back,.st-transport,.st-zoom,.st-actions,.st-presence){align-self:flex-end}.studio-top .st-back{display:inline-flex;align-items:center;block-size:var(--ctl-h)}.studio-top .st-presence{line-height:var(--ctl-h)}.st-transport button{min-inline-size:var(--ctl-h);min-block-size:0;font-size:1rem}.st-position{font-size:1rem;padding-inline:.5rem}.studio-top button.icon-button{inline-size:var(--ctl-h);padding-inline:0}.st-caption,.studio dialog.overlay .field-label{font-size:.7rem;color:var(--muted);line-height:1.1;white-space:nowrap}.st-snap,.st-practice,.studio dialog.overlay .field{display:flex;flex-direction:column;gap:3px}.st-actions button{padding-inline:.7rem;font-size:.85rem}.st-practice{padding:0;margin:0;border:none;font-size:inherit}.st-practice-row{display:flex;align-items:center;gap:.3rem}.st-practice-row input[type=number]{inline-size:4.6rem;padding-inline:.3rem;text-align:center;font-size:.8rem}.st-practice-row button.toggle{padding-inline:.6rem;font-size:.8rem;white-space:nowrap}.st-practice-row button.icon-button:last-child{color:var(--muted)}.ce-bar{display:flex;flex-direction:column;gap:.5rem;margin-block-end:.5rem}.studio dialog.overlay .ce-check{flex-direction:row;align-items:center;gap:.3rem;font-size:.8em;padding-inline:.3rem}.ce-groups{display:flex;flex-wrap:wrap;gap:.6rem}.ce-group{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .6rem;padding:.4rem .6rem .5rem;border:1px solid var(--line);border-radius:8px;background:#7f7f7f0d}.studio dialog.overlay .ce-group input[type=number]{inline-size:4.2rem;text-align:center}.studio dialog.overlay .ce-group select{min-inline-size:7rem}.studio dialog.overlay .stepper button{min-inline-size:2.1rem;padding-inline:.4rem}.studio dialog.overlay .stepper output{min-inline-size:2.4rem}.studio dialog.overlay .mixer{display:flex;align-items:center;gap:.3rem;block-size:var(--ctl-h)}.studio dialog.overlay .mixer button{min-inline-size:2.1rem;padding-inline:.4rem}.studio dialog.overlay .mixer .volume{display:flex;flex-direction:row;align-items:center}.studio dialog.overlay .mixer input[type=range]{inline-size:7rem;margin:0}.ce-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.6rem;margin-block:.6rem;align-items:stretch}.ce-tool{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.5rem .7rem .6rem;border:1px solid var(--line);border-radius:8px;background:#7f7f7f0d;min-inline-size:0}.ce-tool.wide{grid-column:1 / -1}.studio dialog.overlay .ce-tool h4{margin:0;font-size:.95em}.studio dialog.overlay .ce-tool>p{margin:0;flex:1}.ce-tool-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .6rem}.studio dialog.overlay .ce-tool .field{display:flex;flex-direction:column;gap:3px}.detect-result{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.detect-result li{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .4rem}.studio .icon{inline-size:1.1rem;block-size:1.1rem;flex:none}.st-actions{flex-wrap:nowrap}.lang-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--ctl-h);block-size:var(--ctl-h);border:1px solid var(--line);border-radius:6px;background:var(--panel-2);cursor:pointer}.lang-icon:hover,.lang-icon:focus-within{border-color:var(--accent)}.lang-icon select{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;opacity:0;cursor:pointer;padding:0}.clip-comment-flag{display:inline-flex;vertical-align:middle;margin-inline-start:.35em;color:#ffd166}.clip-comment-flag .icon{inline-size:.85rem;block-size:.85rem}.clip-comments{margin-block-start:.75rem;border-block-start:1px solid var(--line);padding-block-start:.5rem}.clip-comments h3{margin:0 0 .2rem;font-size:.95rem}.st-rec{position:relative;display:inline-flex;align-self:flex-end}.studio-top .st-rec button.rec-button{inline-size:var(--ctl-h);padding:0;background:#c0392b;border-color:#c0392b;color:#fff}.studio-top .st-rec button.rec-button:disabled{opacity:.55}.studio-top .st-rec button.rec-button.on{animation:rec-pulse 1.2s ease-in-out infinite}.rec-dot{inline-size:.9rem;block-size:.9rem;border-radius:50%;background:#fff;flex:none}.rec-stop{inline-size:.8rem;block-size:.8rem;border-radius:2px;background:#fff;flex:none}.st-rec-error{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:5;background:var(--panel);font-size:.7rem;max-inline-size:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes rec-pulse{50%{box-shadow:0 0 0 4px #c0392b59}}.export-lanes{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1rem;margin-block:.5rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:8px}.export-lanes legend{font-size:.8rem;color:var(--muted);padding-inline:.3rem}.export-notation{max-inline-size:16rem;margin-block:.5rem}.enhance-toggle[aria-pressed=true]{background:var(--accent, #6d4aff);border-color:var(--accent, #6d4aff);color:#fff}.enhance{display:flex;flex-direction:column;gap:.45rem;margin-block:.5rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.enhance-head{display:flex;align-items:center;gap:.6rem}.enhance-head .muted{flex:1;font-size:.8rem}.enhance-turns{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;max-block-size:11rem;overflow-y:auto}.enhance-turns li{display:flex;flex-direction:column;gap:1px;font-size:.85rem}.enhance-you{font-weight:600}.enhance-you:before{content:"› ";color:var(--muted)}.enhance-form{display:flex;gap:.4rem}.enhance-form input{flex:1;min-inline-size:0}.lane-scroll{position:relative}.clip-playline{position:absolute;inset-block:0;inset-inline-start:0;inline-size:2px;margin-inline-start:-1px;background:#ff5a4f;pointer-events:none;z-index:3;will-change:transform}.st-actions .lang-icon{flex:none}.studio-top button.icon-button.has-open-comments{background:#ffd166;border-color:#ffd166;color:#3a2a00}.studio-top button.icon-button.has-open-comments:hover{background:#ffdc8a}:root{color-scheme:dark;--gap: 1rem;--bg: #0f1115;--surface: #181b21;--surface-2: #232830;--accent: #8a6bff;--accent-2: #ff5fa2;--accent-3: #34d1bf;--text: #eceef2;--subtle: #9aa3b0;--border: #2d333d;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:var(--bg);color:var(--text);background-image:radial-gradient(60rem 30rem at 85% -10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(40rem 25rem at -10% 10%,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 70%);background-repeat:no-repeat;min-block-size:100dvh}h1,h2,h3{line-height:1.15;letter-spacing:-.02em}a{color:#b9a8ff}.topbar{position:sticky;inset-block-start:0;z-index:5;display:flex;align-items:center;gap:var(--gap);padding-block:.7rem;padding-inline:1.25rem;border-block-end:1px solid var(--border);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.1rem;letter-spacing:-.02em;text-decoration:none;color:var(--text)}.brand:before{content:"";inline-size:.8rem;block-size:.8rem;border-radius:3px;background:linear-gradient(135deg,var(--accent),var(--accent-2));transform:rotate(45deg);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 70%,transparent)}.spacer{flex:1}.content{max-inline-size:64rem;margin-inline:auto;padding:2rem 1.25rem 4rem}.card{display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.25rem;margin-block:var(--gap);box-shadow:0 10px 30px -18px #000}.card.narrow{max-inline-size:24rem;margin-inline:auto}.card h2,.card h3{margin:0}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--subtle)}label.inline{flex-direction:row;align-items:center}input,select,textarea{font:inherit;padding:.55rem .75rem;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:.6rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;padding:.55rem .9rem;cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:.6rem;transition:border-color .15s,transform .15s,filter .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button[type=submit]{background:linear-gradient(135deg,var(--accent),#6d4aff 55%,var(--accent-2) 160%);border-color:transparent;color:#fff;font-weight:600}button[type=submit]:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}button.link{background:none;border:none;color:#b9a8ff;text-decoration:underline;padding:0}.list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6rem}.list li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.badge{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#cdc2ff;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px;padding-block:.15rem;padding-inline:.6rem}.muted{color:var(--subtle)}.error{color:#ff7b86;margin:0}.notice{border:1px solid #f9a825;background:#f9a82514;border-radius:.75rem;padding:.6rem .9rem}.page-head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-block-end:1.5rem}.page-head h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);background:linear-gradient(120deg,#fff,#c9bcff 60%,#ff9cc6);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-3);margin:0 0 .4rem}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin-block:2.25rem .75rem}.section-title h2{margin:0;font-size:1.25rem}.section-title .count{color:var(--subtle);font-size:.85rem}.tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}.tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;min-block-size:9rem;padding:1.1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s,border-color .18s,box-shadow .18s}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsl(var(--hue, 260) 80% 60% / .28),transparent 60%);pointer-events:none}.tile:after{content:"";position:absolute;inset-inline-end:-1.5rem;inset-block-start:-1.5rem;inline-size:5rem;block-size:5rem;border-radius:50%;background:hsl(var(--hue, 260) 85% 62% / .35);filter:blur(24px)}.tile:hover{transform:translateY(-3px);border-color:hsl(var(--hue, 260) 80% 65%);box-shadow:0 16px 36px -20px hsl(var(--hue, 260) 90% 60%)}.tile>*{position:relative;z-index:1}.tile-name{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;word-break:break-word}.tile-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--subtle);font-size:.85rem}.tile-glyph{display:flex;align-items:flex-end;gap:3px;block-size:1.4rem}.tile-glyph i{inline-size:4px;border-radius:2px;background:hsl(var(--hue, 260) 85% 70%);animation:eq 1.6s ease-in-out infinite}.tile-glyph i:nth-child(1){block-size:40%;animation-delay:-.2s}.tile-glyph i:nth-child(2){block-size:90%;animation-delay:-.6s}.tile-glyph i:nth-child(3){block-size:60%;animation-delay:-1s}.tile-glyph i:nth-child(4){block-size:75%;animation-delay:-.4s}@keyframes eq{50%{transform:scaleY(.45);transform-origin:bottom}}.tile.new{border-style:dashed;background:transparent;justify-content:center}.tile.new:before,.tile.new:after{display:none}.empty{text-align:center;padding:2.5rem 1rem;border:1px dashed var(--border);border-radius:1rem;color:var(--subtle);margin-block-end:1rem}.inline-create{display:flex;gap:.5rem;align-items:flex-end}.inline-create label{flex:1}.band-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}@media (min-width: 52rem){.band-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}.song-row{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:.9rem 1.1rem;border:1px solid var(--border);border-radius:.9rem;background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s,background .15s}.song-row:hover{border-color:var(--accent);background:var(--surface-2);transform:translate(3px)}.song-row strong{font-size:1.05rem}.song-row .muted{grid-column:1 / -1;font-size:.85rem}.avatar{display:grid;place-items:center;inline-size:2.4rem;block-size:2.4rem;border-radius:50%;font-weight:700;background:linear-gradient(135deg,hsl(var(--hue, 260) 80% 55%),hsl(calc(var(--hue, 260) + 50) 80% 60%));color:#fff;flex:none}.member-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:.9rem;background:var(--surface)}.member-meta{display:flex;flex-direction:column;flex:1;min-inline-size:0}.landing{display:grid;gap:2.5rem;align-items:center;min-block-size:calc(100dvh - 8rem)}@media (min-width: 56rem){.landing{grid-template-columns:1.3fr 1fr}}.hero h1{font-size:clamp(2.4rem,6vw,4.2rem);margin:0 0 1rem;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--accent),var(--accent-2) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lede{font-size:1.15rem;color:var(--subtle);max-inline-size:34rem;margin:0 0 1.75rem;line-height:1.55}.features{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem}.features li{padding:.45rem .9rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);font-size:.9rem}.features li:before{content:"♪ ";color:var(--accent-3)}.wave{display:flex;align-items:center;gap:4px;block-size:4.5rem;margin-block-start:2.25rem}.wave i{flex:1;max-inline-size:6px;min-block-size:8%;border-radius:3px;background:linear-gradient(to top,var(--accent),var(--accent-2));animation:pulse 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.09s)}@keyframes pulse{50%{transform:scaleY(.3)}}@media (prefers-reduced-motion: reduce){.wave i,.tile-glyph i{animation:none}}.landing .card{margin:0;max-inline-size:none;padding:1.75rem;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:0 30px 60px -30px color-mix(in srgb,var(--accent) 60%,#000)}.landing .imprint{grid-column:1 / -1;font-size:.8rem;color:var(--subtle);text-align:center}.landing .card h1{font-size:1.6rem;margin:0}code{word-break:break-all}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}button.danger{background:#c62828;color:#fff;border:none;border-radius:.25rem}.transport{display:flex;gap:.5rem;margin-block:var(--gap)}.lanes{display:flex;flex-direction:column;gap:.75rem}.lane{border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.lane-head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .75rem}.record{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.lane-scroll{overflow-x:auto}.lane-body{position:relative}.playhead{position:absolute;inset-block:0;inset-inline-start:0;inline-size:2px;background:#e53935;pointer-events:none;will-change:transform}.mixer{display:flex;align-items:center;gap:.35rem}.volume input{inline-size:6rem}button.toggle[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.clip-picker{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 .75rem .5rem}.clip-editor{border-block-start:1px solid var(--border);padding:.5rem .75rem}.clip-toolbar,.note-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-block-end:.5rem}.clip-toolbar input[type=number]{inline-size:4.5rem}.stepper{display:inline-flex;align-items:center;gap:.25rem}.stepper output{min-inline-size:2.5rem;text-align:center}.drum-grid{display:flex;flex-direction:column;gap:2px;inline-size:max-content}.drum-row{display:grid;grid-template-columns:9rem repeat(var(--steps),1.4rem);gap:2px;align-items:center}.drum-name{font-size:.85rem}.drum-step{block-size:1.6rem;padding:0;border:1px solid var(--border);border-radius:.2rem;background:transparent}.drum-step.beat{border-inline-start-color:currentColor}.drum-step.bar{border-inline-start-width:3px}.drum-step[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.comments{margin-block:.4rem;padding-inline:.75rem}.comments ul{list-style:none;padding:0;margin:.4rem 0}.comments li{border-inline-start:3px solid var(--border);padding-inline-start:.6rem;margin-block:.4rem}.comments li.resolved{opacity:.55}.comments p{margin:.15rem 0;white-space:pre-wrap}.comment-meta{font-size:.85rem}.comment-form{display:flex;gap:.5rem;align-items:flex-end}.comment-form textarea{flex:1}.lyric-list{list-style:none;padding:0}.lyric-section{margin-block:.75rem}.lyric-head{display:flex;gap:.5rem;align-items:center;margin-block-end:.3rem}.lyric-section textarea{inline-size:100%;font:inherit}.chord-strip{position:relative;block-size:2.2rem}.chord-block{position:absolute;inset-block:.2rem;background:color-mix(in srgb,var(--accent) 20%,transparent);border:1px solid var(--accent);border-radius:.25rem;padding-inline:.4rem;display:flex;align-items:center;font-weight:600;overflow:hidden;white-space:nowrap}.chord-list{list-style:none;padding:0 .75rem;margin:.4rem 0;display:flex;flex-direction:column;gap:.3rem}.chord-row,.chord-add{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.chord-add{padding:0 .75rem .6rem}.chord-row input[type=number]{inline-size:4rem}input[aria-invalid=true]{outline:2px solid #c62828}.version-list{list-style:none;padding:0}.version-list li{margin-block:.4rem}.restore-confirm{margin-block:.4rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.restore-confirm p{margin:0 0 .5rem}.inline-form{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap}.cleanup{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-block-end:.5rem}.lyrics-fit{border:1px dashed var(--border);border-radius:.5rem;padding:.6rem .75rem;margin-block:.5rem}.lyrics-fit-head{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.fit-lines,.fit-candidates{list-style:none;padding:0;margin:.4rem 0}.fit-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-block:.35rem}.fit-text{flex:1 1 14rem}.fit-row input[type=number]{inline-size:4rem}.fit-candidates{margin-inline-start:1rem;border-inline-start:3px solid var(--accent);padding-inline-start:.6rem}.fit-ok{color:#2e7d32}.fit-bad{color:#c62828}.lyrics-review{flex-basis:100%;border:1px dashed var(--border);border-radius:.5rem;padding:.6rem .75rem}.lyrics-review textarea{inline-size:100%;font:inherit}.song-settings{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.song-settings label{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.song-settings input[type=number]{inline-size:6rem}.fitting-chords{margin-block:.5rem;padding:.5rem .75rem;border:1px dashed var(--border);border-radius:.5rem}.chord-chips{list-style:none;padding:0;margin:.3rem 0;display:flex;flex-wrap:wrap;gap:.5rem}.chord-chips li{border:1px solid var(--border);border-radius:.4rem;padding:.2rem .5rem;display:flex;align-items:baseline;gap:.3rem}.chord-chips li.seventh{font-style:italic}.chip-symbol{font-weight:700}.chip-tones{font-size:.8rem;opacity:.8}.assign-preview{list-style:none;padding:0;margin:.3rem 0}.karaoke{border:1px solid var(--border);border-radius:.5rem;padding:.5rem 1rem;margin-block:var(--gap)}.karaoke-lines{max-block-size:11rem;overflow-y:auto;position:relative}.karaoke p{font-size:1.4rem;margin:.25rem 0;line-height:1.4}.syllable.todo{opacity:.55}.syllable.done{opacity:.8}.syllable.now{color:var(--accent);font-weight:700}.lane-intro{margin:0 .75rem .5rem}.chord-chips li{padding:0}.chord-chips li.chosen{border-color:#2e9e5b;box-shadow:0 0 0 1px #2e9e5b}.chip-choose{background:none;border:none;padding:.2rem .5rem;display:flex;align-items:baseline;gap:.3rem;font:inherit;color:inherit;cursor:pointer}.chip-add{border:none;border-inline-start:1px solid var(--border);background:none;padding:.2rem .55rem;font-weight:700;cursor:pointer;color:#2e9e5b;align-self:stretch}.song-item{display:flex;align-items:stretch;gap:.5rem}.song-item .song-row{flex:1;min-inline-size:0}.song-item.locked .song-row{opacity:.8;border-style:dashed}.song-actions{display:flex;align-items:center;gap:.4rem}.song-actions select{padding-block:.35rem;font-size:.85rem}button.small{padding:.25rem .6rem;font-size:.8rem}button.icon{padding:.4rem .55rem}button.danger-ghost:hover:not(:disabled){border-color:#ff7b86;background:#ff7b8618}.hint{font-size:.85rem;margin-block:-.25rem .5rem}.code-card{margin-block-start:1.5rem}.code-card p{margin:0;font-size:.9rem}.code-row{display:flex;align-items:center;gap:.6rem}.invite-code{flex:1;text-align:center;font-size:1.35rem;font-weight:700;letter-spacing:.12em;padding:.55rem;border-radius:.7rem;background:var(--surface-2);border:1px dashed color-mix(in srgb,var(--accent) 60%,var(--border));word-break:normal}.code-input{text-transform:uppercase;letter-spacing:.1em}.code-input::placeholder{letter-spacing:.1em}.member-row{flex-wrap:wrap}