@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");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}:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#dfe3e8;--color-text:#1d1e22;--color-text-muted:#7a7f88;--color-core:#1d1e22;--color-warning:#c7861a;--shadow-pop:0 12px 40px #1d1e221f, 0 2px 6px #1d1e220f;--color-family-blue:#4a73ff;--color-family-green:#38e01a;--color-family-red:#f24638;--color-brand-red:#f24638;--color-brand-mauve:#ea70fa;--color-family-green-ink:#26a611;--color-brand-neon:#dcc000;--color-brand-acid:#00b8d0;--font-sans:"DM Sans Variable", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-md:1rem;--text-sentence:clamp(1.5rem, min(2.8vw, 4.4vh), 2.6rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius:8px;--radius-pill:999px;--duration-bloom:2.5s;--duration-fade:.8s;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}.stage{cursor:pointer;place-items:center;height:100dvh;display:grid;position:relative}.prompt{top:var(--space-8);right:clamp(var(--space-4), 6vw, 6rem);font-size:var(--text-sm);color:var(--color-text-muted);pointer-events:none;transition:opacity var(--duration-fade) ease-out;margin:0;position:absolute}.stage[data-started=true] .prompt{opacity:0}.debug{top:var(--space-4);right:var(--space-4);width:17rem;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm);cursor:default;position:absolute}.debug h2{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.debug dl{gap:2px var(--space-3);margin:0 0 var(--space-3);grid-template-columns:1fr auto;display:grid}.debug dt{color:var(--color-text-muted)}.debug dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.debug dd[data-over=true]{color:var(--color-warning)}.debug-buttons{gap:var(--space-2);display:grid}.debug button{width:100%;padding:var(--space-2);font:inherit;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0}.debug button[aria-pressed=true]{background:var(--color-border)}@media (width<=640px){.prompt{top:auto;right:0;bottom:calc(6.5rem + env(safe-area-inset-bottom));text-align:center;left:0}}.hood{left:50%;bottom:var(--space-4);gap:var(--space-2);width:min(100% - 2 * var(--space-4), 64rem);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);cursor:default;display:grid;position:absolute;translate:-50%}.hood-row{--family:var(--color-text-muted);align-items:center;gap:var(--space-3);padding-left:var(--space-3);border-left:3px solid var(--family);grid-template-columns:8rem repeat(4,minmax(0,1fr)) auto;display:grid}.hood-row[data-colour=blue]{--family:var(--color-family-blue)}.hood-row[data-colour=green]{--family:var(--color-family-green)}.hood-row[data-colour=red]{--family:var(--color-family-red)}.hood-family{font-size:var(--text-sm);color:var(--family);margin:0;font-weight:500}.hood-control{gap:2px;display:grid}.hood-label{justify-content:space-between;align-items:baseline;gap:var(--space-2);white-space:nowrap;display:flex}.hood-value{text-overflow:ellipsis;color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow:hidden}.hood-control input{width:100%;accent-color:var(--family);cursor:pointer;margin:0}.hood-switches{gap:var(--space-2);display:flex}.hood-switch{min-width:3.75rem;padding:var(--space-2);font:inherit;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0}.hood-switch[aria-pressed=true]{color:var(--color-bg);background:var(--family);border-color:var(--family)}@media (width<=960px){.hood-row{row-gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr))}.hood-family,.hood-switches{grid-column:1/-1}}.studio{overscroll-behavior:contain;padding:calc(var(--space-8) + env(safe-area-inset-top)) calc(clamp(var(--space-4), 6vw, 6rem) + env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) calc(clamp(var(--space-4), 6vw, 6rem) + env(safe-area-inset-left));gap:var(--space-6);cursor:default;grid-template-rows:max-content max-content minmax(min-content,1fr) max-content max-content;display:grid;position:absolute;inset:0;overflow-y:auto}.studio-header{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;min-height:1.5rem;display:flex}.header-right{justify-content:flex-end;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-left:auto;display:flex}@media (width<=1180px){.header-right{gap:var(--space-1) var(--space-2)}.header-right .pill{font-size:var(--text-xs);padding:.4rem .65rem}}@media (width<=900px){.header-right{justify-content:space-between;width:100%;margin-left:0}}.keep{gap:var(--space-2);display:flex}.keep .pill{align-items:center;gap:var(--space-2);display:flex}.record-dot{background:var(--color-brand-red);border-radius:50%;width:8px;height:8px}.keep .pill[data-recording=true] .record-dot{animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.logo{letter-spacing:-.04em;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:.5rem;min-width:max-content;font-size:1.6rem;line-height:1;display:grid}.logo-mark{width:1.23882em;height:1.3em;fill:var(--color-brand-red)}.logo-words{white-space:nowrap;align-items:baseline;gap:.32rem;display:flex}.logo-name{color:var(--color-text);font-weight:500}.logo-product{color:var(--color-text-muted);white-space:nowrap;margin-left:0;font-weight:300}.logo-motto{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.01em;color:var(--color-text-muted);white-space:nowrap;grid-column:2;margin-top:.1rem;font-weight:400}.tracks{align-items:center;gap:var(--space-2);white-space:nowrap;flex-wrap:wrap;min-width:0;display:flex}.tracks>*{flex:none}.tracks>.track-tab{flex:0 auto;min-width:15.5rem}.track-tab{--track:var(--color-family-red);border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:background .15s var(--ease);background:0 0;align-items:center;display:flex}.track-tab[data-track="1"]{--track:var(--color-family-blue)}.track-tab[data-track="2"]{--track:var(--color-family-green-ink)}.track-tab[data-track="3"]{--track:var(--color-brand-mauve)}.track-tab[data-track="4"]{--track:var(--color-brand-neon)}.track-tab[data-track="5"]{--track:var(--color-brand-acid)}.track-tab[data-active=true]{background:var(--color-surface);border-color:var(--track)}.track-tab[data-muted=true]{opacity:.5}.track-tab button{font:inherit;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;background:0 0;border:0}.track-name{align-items:center;gap:var(--space-2);white-space:nowrap;flex:0 auto;min-width:0;max-width:20rem;padding:.4rem .4rem .4rem .8rem;display:flex;overflow:hidden}.track-label{flex:none}.track-scope{flex:none;width:22px;height:14px}.track-sources{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-muted);flex:0 auto;overflow:hidden}.track-volume{appearance:none;width:4.5rem;height:16px;margin:0 var(--space-1);cursor:pointer;background:0 0;flex:none}.track-volume::-webkit-slider-runnable-track{background:var(--color-border);border-radius:2px;height:3px}.track-volume::-moz-range-track{background:var(--color-border);border-radius:2px;height:3px}.track-volume::-webkit-slider-thumb{-webkit-appearance:none;background:var(--track);border-radius:50%;width:10px;height:10px;margin-top:-3.5px}.track-volume::-moz-range-thumb{background:var(--track);border:0;border-radius:50%;width:10px;height:10px}.track-mute,.track-remove{font-family:var(--font-mono);flex:none;padding:.4rem .6rem;font-size:var(--text-xs)!important;color:var(--color-text-muted)!important}.track-mute[aria-pressed=true]{color:var(--color-family-red)!important}.track-remove{padding-right:.8rem}.kind-menu{min-width:16rem}.word-menu.kind-menu button{white-space:normal;gap:2px;display:grid}.word-menu.kind-menu button:disabled{opacity:.45;cursor:default}.word-menu.kind-menu button:disabled:hover{background:0 0}.kind-name{font-weight:600}.kind-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.coming-soon{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.word-menu .source-row button:disabled{color:var(--color-text-muted);cursor:default}.studio-main{align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:0;display:grid}.studio-words{justify-content:center;gap:var(--space-6);flex-direction:column;min-width:0;min-height:0;display:flex}.studio-words .sentence{align-self:flex-start}.studio-words:has(.melody) .sentence{font-size:clamp(1.3rem,min(2.4vw,3.5vh),2.2rem)}.visualiser{width:100%;height:100%;min-height:0;max-height:34rem}@media (width<=1000px){.studio-main{grid-template-rows:minmax(10rem,1fr) auto;grid-template-columns:1fr;align-items:start}.visualiser{order:-1;max-height:min(34rem,32dvh)}.studio-words .sentence{max-width:none}}.melody{--track:var(--color-family-red);min-width:0}.melody[data-track="1"]{--track:var(--color-family-blue)}.melody[data-track="2"]{--track:var(--color-family-green-ink)}.melody[data-track="3"]{--track:var(--color-brand-mauve)}.melody[data-track="4"]{--track:var(--color-brand-neon)}.melody[data-track="5"]{--track:var(--color-brand-acid)}.melody-card{min-width:0;padding:var(--space-3) var(--space-4) var(--space-2);background:color-mix(in srgb, var(--color-surface) 35%, transparent);border:1.5px solid color-mix(in srgb, var(--track) 55%, transparent);border-radius:18px}.melody-head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.melody-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);align-items:center;gap:6px;display:inline-flex}.melody-title .slot-icon{width:14px;height:14px;color:var(--track);opacity:1}.melody-mode{background:var(--color-bg);border-radius:var(--radius-pill);padding:3px;display:inline-flex}.melody-mode button{font:inherit;font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;padding:.3rem .8rem}.melody-mode button[aria-checked=true]{color:var(--color-text);background:var(--color-surface);box-shadow:0 1px 3px #1d1e221f}.melody-tools{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:inline-flex}.melody-tool{font:inherit;font-size:var(--text-sm);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:border-color .15s var(--ease), transform .1s var(--ease);background:0 0;align-items:center;gap:4px;padding:.3rem .75rem;display:inline-flex}.melody-tool:hover,.melody-tool[aria-expanded=true]{border-color:var(--color-text-muted)}.melody-tool:active{transform:scale(.97)}.melody-caret{color:var(--color-text-muted);font-size:.7em}.melody-pin{width:2rem;height:2rem;color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;transition:color .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease);background:0 0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.melody-pin svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;width:15px;height:15px}.melody-pin:hover{color:var(--color-text);border-color:var(--color-text-muted)}.melody-pin[aria-pressed=true]{color:var(--color-text);border-color:var(--color-text)}.melody-pin[aria-pressed=true] svg{fill:currentColor}.melody-pin:active{transform:scale(.94)}.melody-take{border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;display:inline-flex}.melody-take button{width:1.9rem;font:inherit;font-size:var(--text-md);color:var(--color-text);cursor:pointer;background:0 0;border:0;padding:.3rem 0;line-height:1}.melody-take button:disabled{color:var(--color-border);cursor:default}.melody-take-name{min-width:3.6rem;font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.melody-idle{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.melody-words{align-items:flex-end;gap:var(--space-3) var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.mchip{flex-direction:column;gap:4px;min-width:0;max-width:100%;display:inline-flex}.mchip-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text-muted) 75%, transparent);white-space:nowrap;align-items:center;gap:5px;padding-left:3px;font-size:.56rem;display:inline-flex}.mchip-label .slot-icon{color:var(--color-text);stroke-width:1.6px;opacity:1}.slot-icon{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;opacity:.8;flex:none;width:12px;height:12px}.mchip .phrase-anchor{white-space:normal}.mchip-word{max-width:100%;font:inherit;letter-spacing:-.01em;text-align:left;color:var(--color-text);text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, var(--track) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--track) 55%, transparent);text-underline-offset:.22em;cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;padding:.1rem .15rem .15rem;font-size:1.05rem;line-height:1.3}.mchip-word:hover,.mchip-word[aria-expanded=true]{-webkit-text-decoration-color:var(--track);text-decoration-color:var(--track);background:color-mix(in srgb, var(--track) 7%, transparent)}.mchip-mark{color:var(--color-text-muted);margin-left:-.18rem;font-size:1.05rem}.mchip-word:active{transform:scale(.98)}.mchip-word:focus-visible{outline:2px solid var(--track);outline-offset:2px}.mchip[data-shared=true] .mchip-word{opacity:.5}.melody-joiner{padding:0 var(--space-1) .55rem;font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.melody-more{gap:var(--space-2);flex-wrap:wrap;padding-bottom:.2rem;display:inline-flex}.note-strip{width:100%;height:48px;margin-top:var(--space-2);display:block}.melody-menu{min-width:16rem}.melody-menu .word-menu-title{align-items:center;gap:6px;display:inline-flex}.word-menu .melody-remove{margin-top:var(--space-2);color:var(--color-text-muted)}.sentence{max-width:22em;font-size:var(--text-sentence);letter-spacing:-.02em;color:var(--color-text-muted);text-wrap:balance;align-self:center;margin:0;font-weight:400;line-height:1.45}.phrase-anchor{white-space:nowrap;max-width:100%;display:inline-block;position:relative}.phrase{--family:var(--color-text);white-space:normal;text-align:left;max-width:100%;font:inherit;letter-spacing:inherit;color:var(--color-text);cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:color-mix(in srgb, var(--family) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--family) 55%, transparent);text-underline-offset:.22em;transition:text-decoration-color .2s var(--ease), color .2s var(--ease);background:0 0;border:0;padding:0}.phrase:hover,.phrase[aria-expanded=true]{-webkit-text-decoration-color:var(--family);text-decoration-color:var(--family)}.phrase:focus-visible{outline:2px solid var(--family);outline-offset:4px;border-radius:4px}.phrase-mark{color:var(--color-text-muted);display:inline-block}.phrase[data-exact=false]{text-decoration-style:dotted}[data-family=blue]{--family:var(--color-family-blue)}[data-family=green]{--family:var(--color-family-green-ink)}[data-family=red]{--family:var(--color-family-red)}[data-family=none]{--family:var(--color-text)}.phrase[data-off=true]{opacity:.4}.forced-off{vertical-align:super;opacity:.8;cursor:help;width:.32em;height:.32em;margin-left:.08em;display:inline-block}.forced-off svg{fill:none;width:100%;height:100%;stroke:var(--color-text-muted);stroke-width:1.3px;display:block}.phrase-dice{font-size:inherit;vertical-align:.05em;width:.72em;height:.72em;color:var(--color-text-muted);cursor:pointer;transition:color .15s var(--ease), transform .25s var(--ease);background:0 0;border:0;place-items:center;margin-left:.18em;padding:0;display:inline-grid}.phrase-dice svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:100%;height:100%}.phrase-dice svg circle{fill:currentColor;stroke:none}.phrase-dice:hover{color:var(--color-text);transform:rotate(-12deg)}.phrase-dice:active{transform:rotate(90deg)scale(.9)}.word-menu{z-index:10;top:calc(100% + var(--space-2));min-width:13rem;padding:var(--space-2);font-size:var(--text-md);letter-spacing:0;background:var(--color-surface);box-shadow:var(--shadow-pop);max-height:46vh;animation:pop .18s var(--ease);border-radius:14px;line-height:1.3;display:grid;position:absolute;left:0;overflow-y:auto}.word-menu[data-left=true]{left:auto;right:0}.word-menu[data-up=true]{top:auto;bottom:calc(100% + var(--space-2))}.word-menu-head{justify-content:space-between;align-items:center;display:flex}.word-menu .on-off{padding:2px var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-surface);background:var(--family);border-radius:var(--radius-pill)}.word-menu .on-off[aria-checked=true]{color:var(--color-surface);font-weight:400}.word-menu .on-off[aria-checked=false]{color:var(--color-text-muted);background:var(--color-bg)}.word-menu-title{margin:var(--space-1) var(--space-3) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--family);display:block}.word-menu button{padding:var(--space-2) var(--space-3);font:inherit;text-align:left;color:var(--color-text);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;border:0}.word-menu button:hover,.word-menu button:focus-visible{background:var(--color-bg);outline:none}.word-menu button[aria-checked=true]{color:var(--family);font-weight:600}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.word-menu-hint{margin:0 var(--space-3) var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:block}.source-menu{min-width:18rem}.word-menu .source-row button{align-items:center;gap:var(--space-3);width:100%;display:flex}.source-group{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);display:block}.source-name{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.source-feel{font-size:var(--text-xs);color:var(--color-text-muted);white-space:normal;font-weight:400}.source-line{align-items:center;display:flex}.word-menu .source-row .source-expand{width:28px;color:var(--color-text-muted);flex:none;justify-content:center}.source-expand span{transition:transform .15s var(--ease);line-height:1;display:inline-block;transform:translateY(-3px)}.source-expand[aria-expanded=true] span{transform:translateY(2px)rotate(180deg)}.source-check{border:1.5px solid var(--color-border);width:14px;height:14px;transition:background .15s var(--ease), border-color .15s var(--ease);border-radius:4px;flex:none}.source-row[data-on=true] .source-check{background:var(--color-text);border-color:var(--color-text);box-shadow:inset 0 0 0 2.5px var(--color-surface)}.source-row[data-on=true]>button{font-weight:600}.source-tools{gap:var(--space-3);margin:0 0 var(--space-2) calc(var(--space-3) + 14px + var(--space-3));padding:var(--space-2) var(--space-3) var(--space-3) 0;white-space:normal;display:grid}.fine-tune{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);white-space:normal}.fine-tune[data-placement=top]{margin:0 0 var(--space-2);padding:0 0 var(--space-2);border-top:0;border-bottom:1px solid var(--color-border)}.fine-tune-head{top:calc(-1 * var(--space-2));z-index:1;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--family);background:var(--color-surface);position:sticky}.word-menu .fine-tune-jump{z-index:2;margin:var(--space-2) auto 0;width:max-content;font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-surface);background:var(--color-text);border-radius:var(--radius-pill);box-shadow:var(--shadow-pop);animation:pop .18s var(--ease);padding:.35rem .9rem;position:sticky;bottom:0}.word-menu .fine-tune-jump:hover,.word-menu .fine-tune-jump:focus-visible{background:#000}.fine-tune-body{gap:var(--space-4);width:17rem;padding:var(--space-2) var(--space-3) var(--space-3);display:grid}.tool{gap:2px;display:grid}.tool-head{justify-content:space-between;align-items:baseline;display:flex}.tool-name,.tool-value{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em}.tool-name{text-transform:uppercase;color:var(--family)}.tool-value{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.tool-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.tool input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:2px 0 0}.tool input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-border) var(--low), color-mix(in srgb, var(--family) 35%, var(--color-border)) var(--low), color-mix(in srgb, var(--family) 35%, var(--color-border)) var(--high), var(--color-border) var(--high));border-radius:2px;height:4px}.tool input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--color-border) var(--low), color-mix(in srgb, var(--family) 35%, var(--color-border)) var(--low), color-mix(in srgb, var(--family) 35%, var(--color-border)) var(--high), var(--color-border) var(--high));border-radius:2px;height:4px}.tool input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-surface);border:2px solid var(--family);border-radius:50%;width:14px;height:14px;margin-top:-5px}.tool input[type=range]::-moz-range-thumb{background:var(--color-surface);border:2px solid var(--family);border-radius:50%;width:10px;height:10px}.tool-switches{gap:var(--space-2);display:flex}.word-menu .tool-switch{padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;text-align:center;color:var(--color-text-muted);border:1px solid var(--color-border);flex:1}.word-menu .tool-switch[aria-pressed=true]{color:var(--color-surface);background:var(--family);border-color:var(--family)}.actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.make-it-gap{flex:1}.pill{white-space:nowrap;font:inherit;font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease);padding:.45rem .95rem}.pill:hover{border-color:var(--color-text-muted)}.pill:active{transform:scale(.97)}.pill:disabled{opacity:.4;cursor:default}.pill-quiet{background:0 0;border-color:#0000}.pill-track{--track:var(--color-family-red);border-color:var(--track)}.pill-track:hover{border-color:var(--track);background:rgb(from var(--track) r g b / 8%)}.pill-track[data-track="1"]{--track:var(--color-family-blue)}.pill-track[data-track="2"]{--track:var(--color-family-green-ink)}.pill-track[data-track="3"]{--track:var(--color-brand-mauve)}.pill-track[data-track="4"]{--track:var(--color-brand-neon)}.pill-track[data-track="5"]{--track:var(--color-brand-acid)}.pill-strong{color:var(--color-surface);background:var(--color-text);border-color:var(--color-text)}.pill-strong:hover{border-color:var(--color-text);background:#000}.changed{gap:var(--space-4);min-height:1.4em;font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;margin:0;display:flex}.change{animation:pop .25s var(--ease);color:var(--color-text)}.change-aspect{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--family);margin-right:var(--space-1)}.change-arrow{color:var(--color-text-muted)}.trail{margin:0 calc(-1 * clamp(var(--space-4), 6vw, 6rem));padding:var(--space-2) clamp(var(--space-4), 6vw, 6rem) 0;border-top:1px solid var(--color-border);scrollbar-width:none;overflow-x:auto}.trail ol{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.trail button{width:10rem;padding:var(--space-1) var(--space-3);font:inherit;text-align:left;border-radius:var(--radius);cursor:pointer;opacity:.55;transition:opacity .15s var(--ease), background .15s var(--ease);background:0 0;border:1px solid #0000;gap:2px;display:grid}.trail button:hover{opacity:1}.trail button[aria-current=true]{opacity:1;background:var(--color-surface);border-color:var(--color-border)}.trail-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.trail-text{-webkit-line-clamp:1;font-size:var(--text-xs);color:var(--color-text);-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.word-menu,.change{animation:none}}@media (width<=640px){.studio{padding:calc(var(--space-3) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-4) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));gap:var(--space-4)}.studio-header{gap:var(--space-2);flex-wrap:wrap}.header-right{justify-content:space-between;gap:var(--space-2);width:100%;margin-left:0}.actions,.keep{gap:2px}.header-right .pill,.studio-header>.actions .pill{font-size:var(--text-xs);padding:.4rem .55rem}.logo{column-gap:.35rem;font-size:1.15rem}.logo-words{gap:.25rem}.logo-motto{margin-top:.05rem;font-size:.625rem}.tracks{gap:var(--space-2);white-space:normal;grid-template-columns:1fr 1fr;display:grid}.tracks>.track-tab{min-width:0;padding:var(--space-1) var(--space-1) var(--space-1) 0;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;display:grid}.track-name{grid-column:1/-1;max-width:none;padding:.35rem .6rem .1rem}.track-volume{width:auto;min-width:0;margin:0 0 0 .6rem}.track-mute,.track-remove{padding:.35rem .45rem}.tracks>.phrase-anchor{display:block}.tracks>.phrase-anchor>.pill{border:1px dashed var(--color-border);border-radius:14px;width:100%;height:100%;min-height:3.6rem}.tracks>.make-it-gap{display:none}.tracks>.pill{grid-column:1/-1;justify-self:end}.studio-main{gap:var(--space-4);grid-template-rows:minmax(9rem,30dvh) auto}.sentence{font-size:clamp(1.3rem,6vw,1.75rem);line-height:1.5}.word-menu,.word-menu[data-up=true],.word-menu[data-left=true]{z-index:50;top:auto;left:calc(var(--space-2) + env(safe-area-inset-left));right:calc(var(--space-2) + env(safe-area-inset-right));bottom:calc(var(--space-2) + env(safe-area-inset-bottom));min-width:0;max-height:62dvh;padding:var(--space-2) var(--space-2) var(--space-3);animation:sheet .22s var(--ease);border-radius:20px;position:fixed;box-shadow:0 -8px 40px #1d1e222e,0 2px 6px #1d1e220f}.word-menu button{padding:.7rem var(--space-3);white-space:normal}.fine-tune-body{width:auto}.melody-card{padding:var(--space-3)}.melody-tools{width:100%;margin-left:0}.mchip-word{font-size:1rem}.trail{margin:0 calc(-1 * var(--space-4));padding:var(--space-2) var(--space-4) 0}.trail button{width:8.5rem}}@keyframes sheet{0%{opacity:0;transform:translateY(24px)}}.studio-header{grid-template-columns:1fr auto 1fr;display:grid}.studio-header>.actions{background:color-mix(in srgb, var(--color-surface) 60%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-pill);flex-wrap:nowrap;justify-self:center;gap:2px;padding:3px}.studio-header>.header-right{justify-self:end;width:auto;margin-left:0}@media (width<=1180px){.studio-header{column-gap:var(--space-6)}}@media (width<=1100px){.studio-header{row-gap:var(--space-4);grid-template-columns:1fr auto}.studio-header>.actions{grid-area:2/1/auto/-1;justify-content:space-between;justify-self:stretch}}.chop-sentence,.chop-card{--track:var(--color-family-red)}:is(.chop-sentence,.chop-card)[data-track="1"]{--track:var(--color-family-blue)}:is(.chop-sentence,.chop-card)[data-track="2"]{--track:var(--color-family-green-ink)}:is(.chop-sentence,.chop-card)[data-track="3"]{--track:var(--color-brand-mauve)}:is(.chop-sentence,.chop-card)[data-track="4"]{--track:var(--color-brand-neon)}:is(.chop-sentence,.chop-card)[data-track="5"]{--track:var(--color-brand-acid)}.chop-sentence{max-width:24em;margin-bottom:var(--space-2)}.chop-sentence .phrase{--family:var(--track)}.chop-sound-word{color:var(--color-text)}.chop-more{font:inherit;color:var(--color-text-muted);cursor:pointer;vertical-align:middle;background:0 0;border:0;margin-left:.2em;padding:0;font-size:.5em}.chop-more:hover{color:var(--color-text)}.sentence[data-kind=chop]{font-size:calc(var(--text-sentence) * .6);margin-bottom:var(--space-4);line-height:1.6}.chop-card{gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-surface) 35%, transparent);border:1.5px solid color-mix(in srgb, var(--track) 55%, transparent);transition:background .2s var(--ease), border-color .2s var(--ease);border-radius:18px;flex-direction:column;display:flex}.chop-card[data-over=true]{background:color-mix(in srgb, var(--track) 8%, transparent);border-style:dashed;border-color:var(--track)}.chop-tiles{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}@media (width<=720px){.chop-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.chop-tile{min-width:0;padding:var(--space-2) var(--space-3);text-align:left;font:inherit;color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease);background:0 0;border-radius:12px;flex-direction:column;gap:3px;display:flex}.chop-tile:hover,.chop-tile:focus-visible{border-color:color-mix(in srgb, var(--track) 60%, transparent)}.chop-tile[aria-checked=true]{border-color:var(--track);background:color-mix(in srgb, var(--track) 8%, transparent)}.chop-tile[data-loading=true]{opacity:.6}.chop-tile-name{font-size:.84rem;font-weight:500}.chop-tile-feel{color:var(--color-text-muted);font-size:.7rem;line-height:1.35}.chop-drop{align-items:center;gap:var(--space-2) var(--space-3);color:var(--color-text-muted);flex-wrap:wrap;margin:0;font-size:.82rem;display:flex}.chop-drop [data-recording=true]{color:var(--track);border-color:var(--track)}.chop-private{margin-left:auto;font-size:.72rem}.listen{max-width:640px;font-family:var(--font-sans);color:var(--color-text);margin:0 auto;padding:48px 16px 64px}.listen h1{margin:0 0 12px;font-size:1.75rem;font-weight:600}.listen-intro{color:var(--color-text-muted);margin:0 0 32px;line-height:1.5}.listen-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px}.listen-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:16px}.listen-row{flex-wrap:wrap;gap:8px;display:flex}.listen button{font:inherit;font-size:var(--text-sm);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:8px 14px}.listen button:hover{border-color:var(--color-text-muted)}.listen .listen-primary,.listen .listen-chosen{background:var(--color-core);border-color:var(--color-core);color:var(--color-surface)}.listen-status{min-height:1.5em;font-size:var(--text-sm);color:var(--color-text-muted);margin:12px 0 20px}.listen-question{margin:0 0 12px;font-weight:600}.listen-progress{gap:4px;margin-top:28px;display:flex}.listen-progress span{background:var(--color-border);border-radius:2px;flex:1;height:4px}.listen-progress .rated{background:var(--color-text-muted)}.listen-progress .now{background:var(--color-core)}.listen .listen-back{color:var(--color-text-muted);background:0 0;border:none;margin-top:20px;padding:0}.listen-marks{grid-template-columns:auto auto;justify-content:start;gap:8px 24px;margin:0 0 24px;display:grid}.listen-marks dd{font-family:var(--font-mono);margin:0}.listen-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin-top:32px}.listen-table th,.listen-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:6px 8px 6px 0}.listen-table th{color:var(--color-text-muted);font-weight:500}.listen-num{font-family:var(--font-mono)}