@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:TBJ Interval;src:url(/assets/TBJInterval-Light-Ce1m0Xpb.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:TBJ Interval;src:url(/assets/TBJInterval-Regular-BXMFvrTh.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:TBJ Interval;src:url(/assets/TBJInterval-Bold-Cglcswvs.woff2)format("woff2");font-weight:700;font-display:swap}: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-family-time:var(--color-brand-mauve);--color-family-time-ink:#c24ad6;--color-brand-neon:#fdbd12;--color-brand-acid:#25dd9d;--font-sans:"DM Sans Variable", system-ui, -apple-system, sans-serif;--font-mono:"TBJ Interval", ui-monospace, "SF Mono", Menlo, monospace;--mono-tracking:-.03em;--page-glow:radial-gradient(70% 70% at 50% 50%, color-mix(in srgb, var(--color-bg) 96%, #1d1e22), var(--color-bg));--text-xs:.6875rem;--text-sm:.8125rem;--text-md:1rem;--text-sentence:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius:8px;--radius-pill:8px;--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}.crashed{place-content:center;gap:var(--space-3);min-height:100vh;padding:var(--space-4);text-align:center;background:var(--color-bg);display:grid}.crashed h1{margin:0;font-size:1.5rem;font-weight:500}.crashed p{color:var(--color-text-muted);margin:0}.crashed .pill{justify-self:center}.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;text-transform:uppercase;letter-spacing:var(--mono-tracking);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}}.stage-guide{cursor:auto;place-items:normal;display:block}.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;text-transform:uppercase;letter-spacing:var(--mono-tracking);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}}.vault{--track:var(--color-text);--track-rgb:29 30 34;--on-track:#fff;--side:minmax(300px, 29rem);--gutter:clamp(var(--space-8), 8vw, 10rem);height:100dvh;padding:2.5rem clamp(var(--space-4), 5.5vw, 6.5rem) var(--space-8);font-size:var(--text-sm);background:var(--page-glow);overflow-y:auto}.vault button{font:inherit;color:inherit;cursor:pointer}.vault .cell{font:400 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--mono-tracking)}.vault-top{grid-template-columns:var(--side) minmax(0, 1fr);column-gap:var(--gutter);align-items:center;margin-bottom:3.5rem;display:grid}.vault-back{justify-self:start;height:36px}.vault-back .cell{padding:0 16px}.vault-back .cell-icon{padding:0 12px}.vault-top-right{justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;display:flex}.vault-heading{align-items:baseline;gap:1.6rem;display:flex}.vault-title{letter-spacing:-.02em;color:var(--color-text);cursor:pointer;white-space:nowrap;align-items:center;gap:.3rem;font-size:1.65rem;display:inline-flex;position:relative}.vault-title-word{text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:2px}.vault-title .icon{width:13px;height:13px;margin-left:.15rem}.vault-title .icon .fill{fill:var(--color-text)}.vault-count{letter-spacing:-.01em;color:#8a8f98;font-size:1.3rem}.vault-account{height:36px}.vault-account .cell{padding:0 20px;font-size:9px}.vault-body{grid-template-columns:var(--side) minmax(0, 1fr);column-gap:var(--gutter);align-items:start;display:grid}.vault-detail{border-radius:var(--panel-radius,14px);background:#ffffffb8;position:sticky;top:0;overflow:hidden;box-shadow:0 30px 60px #1d1e220f,0 2px 6px #1d1e220a}.vault-detail-empty{padding:var(--space-8);color:var(--color-text-muted)}.vault .vault-detail-bar{background:var(--track);border-radius:0;gap:0;width:100%;height:36px;display:flex}.vault .vault-detail-bar .cell,.vault .vault-detail-bar .cell:first-child,.vault .vault-detail-bar .cell:last-child{color:var(--on-track);background:var(--track);box-shadow:none;border-radius:0;flex:auto;gap:8px;padding:0 8px;font-size:9px}.vault .vault-detail-bar .cell+.cell{border-left:1px solid #fff6}.vault .vault-detail-bar .cell:hover:not(:disabled){background:color-mix(in srgb, var(--track) 88%, #000);color:var(--on-track)}.vault .vault-detail-bar .cell:disabled{opacity:.6;background:var(--track);color:var(--on-track)}.vault .vault-detail-bar .icon{width:13px;height:13px}.vault .vault-detail-bar .icon .fill{fill:var(--on-track)}.vault-detail-body{padding:1.9rem 1.9rem 2.6rem 2.1rem}.vault-selected{letter-spacing:-.02em;align-items:center;gap:.4rem;font-size:1.65rem;line-height:1.2;display:flex}.vault-selected-label{color:#8a8f98;flex:none}.vault-selected-name{min-width:0;color:var(--color-text);text-underline-offset:.14em;align-items:baseline;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.vault-selected-name input{min-width:2ch;max-width:15ch;font:inherit;letter-spacing:inherit;color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;field-sizing:content;background:0 0;border:0;outline:none;padding:0}.vault-round-play{background:rgb(var(--track-rgb) / .1);border:0;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;margin-left:auto;padding:0;display:grid}.vault-round-play .icon{width:17px;height:17px}.vault-round-play .icon .fill{fill:var(--track)}.vault-settings{margin-top:.7rem;font-size:10.5px}.vault-choice{color:var(--color-text);cursor:pointer;align-items:center;gap:4px;display:inline-flex;position:relative}.vault-choice-label{color:#8a8f98}.vault-choice-value{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.vault-choice .icon{width:9px;height:9px}.vault-choice .icon .fill{fill:var(--color-text)}.vault-picture{aspect-ratio:1;width:78%;margin:.6rem auto .8rem;display:block}.vault-section{margin-top:1.9rem}.vault-section h3{font:400 11px/1 var(--font-mono);color:#a6abb3;text-transform:uppercase;letter-spacing:var(--mono-tracking);margin:0 0 .95rem}.vault-specs{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;font-size:11px;display:grid}.vault-specs dl{align-content:start;gap:7px;margin:0;display:grid}.vault-specs dl>div{white-space:nowrap;gap:5px;display:flex}.vault-specs dt{color:var(--color-text)}.vault-specs dd{color:#8a8f98;margin:0}.vault-specs dd .vault-choice{color:#8a8f98}.vault-specs dd .vault-choice .icon .fill{fill:#8a8f98}.vault-stems{flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.vault-stems li{align-items:center;gap:9px;display:inline-flex}.vault-stems li:before{content:"";background:var(--dot);border-radius:50%;width:5px;height:5px}.vault-stems button{color:var(--color-text);text-underline-offset:2px;text-transform:capitalize;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.vault-stems button[aria-pressed=true]{color:var(--dot)}.vault-section:last-child{margin-top:2.6rem}.vault .vault-downloads{background:var(--track);border-radius:var(--cell-radius,11px);width:100%;height:40px;box-shadow:var(--cell-shadow);gap:0;display:flex;overflow:hidden}.vault .vault-downloads .cell,.vault .vault-downloads .cell:first-child,.vault .vault-downloads .cell:last-child{color:var(--on-track);background:var(--track);box-shadow:none;border-radius:0;flex:1;font-size:10.5px}.vault .vault-downloads .cell+.cell{border-left:1px solid #fff6}.vault .vault-downloads .cell:hover:not(:disabled){background:color-mix(in srgb, var(--track) 88%, #000);color:var(--on-track)}.vault .vault-downloads .cell:disabled{opacity:.55;background:var(--track);color:var(--on-track)}.vault-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);grid-auto-flow:dense;gap:10px;display:grid}.vcard{--track:#8a8f98;--track-rgb:138 143 152;aspect-ratio:1;background:var(--color-surface);border-radius:var(--panel-radius,14px);cursor:pointer;min-width:0;transition:box-shadow .15s var(--ease);border:2px solid #0000;flex-direction:column;justify-content:space-between;padding:8px 8px 22px;display:flex;position:relative;box-shadow:0 2px 8px #c6cfdc2e}.vcard[data-tier=special]{aspect-ratio:auto;grid-column:span 2}.vcard[data-tier=core]{aspect-ratio:auto;grid-area:span 2/span 2}.vcard:hover{box-shadow:0 8px 24px #c6cfdc59}.vcard[data-selected=true]{background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, linear-gradient(135deg, var(--track), rgb(var(--track-rgb) / .35) 30%, transparent 65%) border-box;box-shadow:0 10px 30px rgb(var(--track-rgb) / .12)}.vcard-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.vcard-tag{min-width:0;font:400 8px/1.15 var(--font-mono);color:#8a8f98;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:var(--mono-tracking);border-radius:2px;padding:4px 6px;overflow:hidden}.vcard[data-track] .vcard-tag{color:var(--on-track);background:var(--track)}.vcard-bpm{font:400 8px/1.15 var(--font-mono);color:var(--track);text-transform:uppercase;letter-spacing:var(--mono-tracking);flex:none;padding:4px 4px 0 0}.vcard-bottom{justify-content:space-between;align-items:center;gap:10px;padding:0 8px;display:flex}.vcard-name{min-width:0;color:var(--color-text);font-size:.86rem;line-height:1.4}.vcard[data-tier=core] .vcard-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:17rem;font-size:.86rem;display:-webkit-box;overflow:hidden}.vcard-play{background:rgb(var(--track-rgb) / .12);border:0;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;padding:0;display:grid}.vcard[data-tier=core] .vcard-play{width:34px;height:34px}.vcard-play .icon{width:11px;height:11px}.vcard[data-tier=core] .vcard-play .icon{width:15px;height:15px}.vcard-play .icon .fill{fill:color-mix(in srgb, var(--track) 55%, #5d626b)}.vcard[data-playing=true] .vcard-play{background:0 0}@media (width<=1300px){.vault-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1000px){.vault-top,.vault-body{row-gap:var(--space-6);grid-template-columns:1fr}.vault-detail{position:static}.vault-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-top-right{flex-wrap:wrap}}.vault-delete-account{margin:var(--space-8) 0 0;font:400 10px/1 var(--font-mono);color:#a6abb3;text-transform:uppercase;letter-spacing:var(--mono-tracking);background:0 0;border:0;padding:0;text-decoration:underline;display:block}.vault-signin{gap:var(--space-3);flex-direction:column;max-width:24rem;margin:0 auto;display:flex}.vault-signin h2{font-size:var(--text-md);margin:0;font-weight:500}.vault-signin input{font:inherit;border-radius:var(--cell-radius,11px);padding:var(--space-2) var(--space-3);box-shadow:var(--cell-shadow);border:0}.pass-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f5f6f8cc;place-items:center;display:grid;position:fixed;inset:0}.pass-window{width:min(26rem,100vw - 2rem);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-pop);gap:var(--space-3);font-size:var(--text-sm);flex-direction:column;display:flex}.pass-window h2{font-size:var(--text-md);margin:0;font-weight:500}.pass-window p{margin:0}.pass-price{color:var(--color-text-muted)}.pass-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.pass-window{border-radius:var(--panel-radius,14px);border:0}.vault-drop-open{align-items:center;gap:inherit;font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.vault-menu{--family:var(--track,var(--color-text));min-width:12rem;font-size:var(--text-md);letter-spacing:0}.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);color:var(--color-text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:var(--mono-tracking);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-acid)}.track-tab[data-track="5"]{--track:var(--color-brand-neon)}.track-tab[data-active=true]{background:var(--color-surface);border-color:var(--track)}.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::-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);text-transform:uppercase;letter-spacing:var(--mono-tracking);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);text-transform:uppercase;letter-spacing:var(--mono-tracking);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}@media (width>=1001px){.studio-words{justify-content:flex-start;align-self:stretch;padding-top:6rem}.studio-words>.melody,.studio-words>.chop-card{margin-top:auto}}.studio-words .sentence{align-self:flex-start}.visualiser{width:100%;height:100%;min-height:0;max-height:34rem;position:relative}.visualiser-layer{width:100%;height:100%;position:absolute;inset:0}@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}.sentence{--text-sentence:1.875rem}}.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-acid)}.melody[data-track="5"]{--track:var(--color-brand-neon)}.melody-card{min-width:0;padding:var(--space-6) var(--space-4) 1.25rem;background:color-mix(in srgb, var(--color-surface) 35%, transparent);border:1.5px solid color-mix(in srgb, var(--track) 55%, transparent);border-radius:var(--radius)}.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);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--mono-tracking);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;letter-spacing:var(--mono-tracking)}.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-4);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);color:color-mix(in srgb, var(--color-text-muted) 75%, transparent);white-space:nowrap;text-transform:uppercase;letter-spacing:var(--mono-tracking);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}[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=time]{--family:var(--color-family-time)}[data-family=none]{--family:var(--color-text)}.phrase[data-exact=false]{text-decoration-style:dotted}.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);color:var(--color-surface);background:var(--family);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:var(--mono-tracking)}.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);color:var(--family);text-transform:uppercase;letter-spacing:var(--mono-tracking);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)}.word-menu .fine-tune-head{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);opacity:.7;text-transform:uppercase;letter-spacing:var(--mono-tracking);justify-content:space-between;align-items:center;display:flex}.word-menu .fine-tune-head:hover,.word-menu .fine-tune-head:focus-visible,.word-menu .fine-tune[data-open=true] .fine-tune-head{color:var(--family);opacity:1}.fine-tune-body{gap:var(--space-4);width:17rem;padding:var(--space-2) var(--space-3) var(--space-3);display:grid}.fine-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);text-transform:uppercase;letter-spacing:var(--mono-tracking)}.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)}.fine-tool input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:2px 0 0}.fine-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}.fine-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}.fine-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}.fine-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-align:center;color:var(--color-text-muted);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:var(--mono-tracking);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-acid)}.pill-track[data-track="5"]{--track:var(--color-brand-neon)}.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-row{align-items:baseline;gap:var(--space-4);display:flex}.changed{gap:var(--space-4);min-width:0;min-height:1.4em;font-size:var(--text-sm);color:var(--color-text-muted);transition:opacity .6s var(--ease);flex-wrap:wrap;flex:1;margin:0;display:flex}.changed[data-visible=false]{opacity:0}.guide-tip{animation:fade-in .6s var(--ease)}.guide-kind{font-family:var(--font-mono);font-size:var(--text-xs);margin-right:var(--space-1);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--mono-tracking)}.guide-tip[data-kind=careful] .guide-kind{color:var(--color-family-red)}@keyframes fade-in{0%{opacity:0}}.about-open{font:inherit;font-size:var(--text-sm);color:#b9bec6;text-underline-offset:3px;cursor:pointer;transition:color .15s var(--ease);background:0 0;border:0;flex:none;padding:0;text-decoration:underline;text-decoration-thickness:1px}.about-open:hover{color:var(--color-text-muted)}.about{z-index:1000;padding:var(--space-6) 16px;animation:fade-in .35s var(--ease);cursor:default;background:#fffffffa;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.about-text{text-align:left;max-width:30rem;font-size:var(--text-sm);color:var(--color-text);line-height:1.65}.about-text p{margin:0 0 1em}.about-text a{color:var(--color-brand-red);text-decoration:none}.about-text a:hover{text-underline-offset:3px;text-decoration:underline}.about-text .about-copyright{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--mono-tracking)}.about-close{margin-top:var(--space-2);font:inherit;font-size:var(--text-xs);color:#b9bec6;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.about-close:hover{color:var(--color-text-muted)}.change{animation:pop .25s var(--ease);color:var(--color-text)}.change-aspect{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--family);margin-right:var(--space-1);text-transform:uppercase;letter-spacing:var(--mono-tracking)}.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 li 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 li button:hover{opacity:1}.trail li 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);text-transform:uppercase;letter-spacing:var(--mono-tracking)}.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{--text-sentence:1.5rem;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 li 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-acid)}:is(.chop-sentence,.chop-card)[data-track="5"]{--track:var(--color-brand-neon)}.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-4);min-width:0;padding:var(--space-6) var(--space-4) 1.25rem;background:color-mix(in srgb, var(--color-surface) 35%, transparent);border:1.5px solid color-mix(in srgb, var(--track) 55%, transparent);border-radius:var(--radius);transition:background .2s var(--ease), border-color .2s var(--ease);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-name svg{vertical-align:-.1em;fill:none;stroke:currentColor;stroke-width:1.4px;width:.9em;height:.9em;margin-right:.15em}.chop-tile-name svg circle{fill:currentColor;stroke:none}.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}.sentence-tools{--track:var(--color-family-red);align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;align-self:flex-start;display:flex}.sentence-tools[data-track="1"]{--track:var(--color-family-blue)}.sentence-tools[data-track="2"]{--track:var(--color-family-green-ink)}.sentence-tools[data-track="3"]{--track:var(--color-brand-mauve)}.sentence-tools[data-track="4"]{--track:var(--color-brand-acid)}.sentence-tools[data-track="5"]{--track:var(--color-brand-neon)}.tool-group{border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:0;padding:2px;display:inline-flex}.tool{font:inherit;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;border-radius:var(--radius-pill);cursor:pointer;transition:color .15s var(--ease), background .15s var(--ease);background:0 0;border:0;align-items:center;gap:7px;padding:.38rem .85rem;display:inline-flex}.tool-back{padding-left:0}.tool:hover{color:var(--color-text)}.tool:active{transform:scale(.97)}.tool:disabled{opacity:.4;cursor:default}.tool:disabled:hover{color:var(--color-text-muted)}.tool-main{color:var(--color-text)}.tool[aria-pressed=true]{color:var(--color-text);background:color-mix(in srgb, var(--color-text) 6%, transparent)}.tool-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.tool-icon-solid{fill:currentColor;stroke:none}.tool-main .tool-icon-solid{fill:var(--track)}.pill-track-quiet{--track:var(--color-family-red);color:var(--track)}.pill-track-quiet[data-track="1"]{--track:var(--color-family-blue)}.pill-track-quiet[data-track="2"]{--track:var(--color-family-green-ink)}.pill-track-quiet[data-track="3"]{--track:var(--color-brand-mauve)}.pill-track-quiet[data-track="4"]{--track:color-mix(in srgb, var(--color-brand-acid) 70%, var(--color-text))}.pill-track-quiet[data-track="5"]{--track:color-mix(in srgb, var(--color-brand-neon) 80%, var(--color-text))}.void-wave{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;height:3.75rem;position:relative}.void-wave:active{cursor:grabbing}.void-wave:focus-visible{outline:1.5px solid var(--track);outline-offset:4px;border-radius:6px}.void-peaks{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.void-outline{fill:var(--color-text-muted);opacity:.16}.void-centre{stroke:var(--color-text-muted);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.25}.void-window{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:-.2rem;bottom:-.2rem}.void-handle{flex:none;width:16px;height:100%;overflow:visible}.void-handle[data-end=true]{transform:scaleX(-1)}.void-handle line,.void-handle path{vector-effect:non-scaling-stroke;stroke-linecap:round;fill:none;stroke:var(--track);transition:stroke-width .15s var(--ease)}.void-handle .solid{stroke-width:3px}.void-handle .thin,.void-handle .tick{stroke-width:1.25px}.void-handle .line{stroke-width:2px}.void-handle .dots{stroke-width:2.5px;stroke-dasharray:.1 5}.void-handle .fill{fill:var(--track);stroke:none}.void-wave:hover .void-handle .solid,.void-wave:active .void-handle .solid{stroke-width:4px}.void-playhead{background:var(--track);opacity:.55;width:1px;position:absolute;top:.35rem;bottom:.35rem}.melody-fine-tune{--family:var(--track)}.melody-fine-title{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--mono-tracking);display:block}.melody-fine-foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-1);display:flex}.melody-fine-note{font-size:var(--text-xs);color:var(--color-text-muted)}.melody-fine-foot .melody-tool:disabled{opacity:.4;cursor:default}.melody-dials{gap:var(--space-3) var(--space-6);padding:var(--space-1) 0 var(--space-2);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.fine-tool[data-set=true] .tool-name:after{content:"";background:var(--family);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:6px;display:inline-block}.melody-fine-switch{margin-left:auto}.melody-fine-switch[aria-pressed=true]{color:var(--color-surface);background:var(--track)}.melody-fine-switch:disabled{opacity:.35;cursor:default}.track-volume::-webkit-slider-runnable-track{background:var(--color-border);border-radius:0;height:1px}.track-volume::-moz-range-track{background:var(--color-border);height:1px}.track-volume::-moz-range-progress{background:var(--track);border-radius:2px;height:3px}.track-volume::-webkit-slider-thumb{border-radius:2px;width:3px;height:12px;margin-top:-5.5px}.track-volume::-moz-range-thumb{border-radius:2px;width:3px;height:12px}.melody-card>*+*,.chop-card>*+*{margin-top:var(--space-2)}.melody-fine-tune{margin-block:var(--space-4)}.melody-words{margin-block:var(--space-4)!important}.chop-card>:not(:first-child):not(:last-child){margin-block:var(--space-2)}:root{--line:#e8eaee;--cell-bg:var(--color-surface);--cell-off:#eceef2;--cell-ink:#4f525a;--cell-radius:4px;--cell-h:32px}[data-track="0"]{--track:var(--color-family-red);--track-rgb:242 70 56;--on-track:#fff}[data-track="1"]{--track:var(--color-family-blue);--track-rgb:74 115 255;--on-track:#fff}[data-track="2"]{--track:var(--color-family-green-ink);--track-rgb:38 166 17;--on-track:#fff}[data-track="3"]{--track:var(--color-brand-mauve);--track-rgb:234 112 250;--on-track:#fff}[data-track="4"]{--track:var(--color-brand-acid);--track-rgb:37 221 157;--on-track:#fff}[data-track="5"]{--track:var(--color-brand-neon);--track-rgb:253 189 18;--on-track:var(--color-text)}.cells{height:var(--cell-h);background:var(--cell-bg);border:1px solid var(--line);border-radius:var(--cell-radius);flex:none;align-items:stretch;display:inline-flex;overflow:hidden}.cell{height:100%;font:400 10.5px/1 var(--font-mono);color:var(--cell-ink);white-space:nowrap;background:var(--cell-bg);cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease);text-transform:uppercase;letter-spacing:var(--mono-tracking);border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.cell-text{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.cell-note{color:#b4b8c0}.cell-plain{text-decoration:none}.cell:hover:not(:disabled,[aria-disabled=true]){color:var(--color-text);background:#f7f8fa}.cell:active:not(:disabled){background:#f0f1f4}.cell:disabled,.cell[aria-disabled=true]{background:var(--cell-off);color:#b4b8c0;cursor:default}.cell[aria-pressed=true],.cell[aria-checked=true]{background:var(--track,var(--color-text));color:var(--on-track,#fff)}.cell-track{color:var(--track)}.icon{flex:none;width:15px;height:15px}.icon .line{fill:none;stroke:var(--track,currentColor);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.icon .fill{fill:var(--track,currentColor);stroke:none}.cell[aria-pressed=true] .icon .line,.cell[aria-checked=true] .icon .line{stroke:var(--on-track,#fff)}.cell[aria-pressed=true] .icon .fill,.cell[aria-checked=true] .icon .fill{fill:var(--on-track,#fff)}.cell-mark-dark .icon .fill{fill:var(--color-text)}.cell-icon .icon .line{stroke:var(--cell-ink)}.studio-header{align-items:center}.studio-header>.actions,.studio-header .keep{border:1px solid var(--line);border-radius:var(--cell-radius);background:var(--cell-bg);gap:0;height:34px;padding:0}.keep .record-dot{width:6px;height:6px}.keep .cell[data-recording=true]{color:var(--color-brand-red)}.tracks{grid-template-columns:repeat(3,minmax(0,1fr)) 4.5rem;grid-auto-rows:26px;align-items:stretch;gap:10px 12px;display:grid}.tracks>.track-tab{grid-column:auto;min-width:0}.tracks-side{flex-direction:column;grid-area:1/4/span 2;gap:10px;display:flex}.tracks-side .cells.cell,.tracks-side .tracks-add>.cell{width:100%;height:26px;padding:0 10px;font-size:10px}.tracks-side .tracks-add{display:block;position:relative}.tracks-side .tracks-add>.cell{justify-content:space-between}.tracks-side .tracks-add .icon{width:12px;height:12px}.tracks-side .tracks-add .icon .line{stroke:var(--cell-ink)}.tracks-side .cell[aria-pressed=true]{background:var(--color-core);color:#fff}.track-tab{background:var(--cell-bg);border:1px solid var(--line);border-radius:var(--cell-radius);min-width:0;height:26px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--mono-tracking);align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.track-tab>*+*{border-left:1px solid var(--line)}.track-tab button{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--mono-tracking)}.track-scope-cell{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:40px;padding:0;display:grid}.track-scope-cell .track-scope{width:22px;height:14px}.track-tab .track-name{border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0;flex:0 auto;align-items:center;gap:10px;min-width:0;max-width:55%;padding:0 4px 0 14px;display:flex}.track-tab .track-label{color:var(--color-text);flex:none;font-size:11.5px}.track-tab .track-sources{min-width:0;text-overflow:"..";white-space:nowrap;color:var(--cell-ink);font-size:9px;overflow:hidden}.track-tab .track-volume-cell{border-left:0;flex:auto;align-items:center;min-width:3.5rem;padding:0 14px 0 10px;display:flex}.track-tab .track-volume{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;padding:0}.track-tab .track-volume::-webkit-slider-runnable-track{background:linear-gradient(90deg, rgb(var(--track-rgb) / .05), var(--track)) left center / var(--fill,50%) 2px no-repeat, linear-gradient(var(--line), var(--line)) center / 100% 1px no-repeat;border-radius:0;height:2px}.track-tab .track-volume::-moz-range-track{background:var(--line);height:1px}.track-tab .track-volume::-moz-range-progress{background:linear-gradient(90deg, rgb(var(--track-rgb) / .05), var(--track));height:2px}.track-tab .track-volume::-webkit-slider-thumb{-webkit-appearance:none;background:var(--track);border:0;border-radius:1px;width:3px;height:14px;margin-top:-6px}.track-tab .track-volume::-moz-range-thumb{background:var(--track);border:0;border-radius:1px;width:3px;height:14px}.track-tab .track-mute,.track-tab .track-remove{border:0;border-left:1px solid var(--line);cursor:pointer;text-transform:uppercase;height:100%;letter-spacing:var(--mono-tracking);background:0 0;border-radius:0;flex:none;place-items:center;padding:0;display:grid;font:400 10px/1 var(--font-mono)!important;color:var(--cell-ink)!important}.track-tab .track-mute{width:3.4rem}.track-tab .track-remove{width:26px}.track-tab .track-remove .icon{width:10px;height:10px}.track-tab .track-remove .icon .line{stroke:#9a9ea6;stroke-width:1.3px}.track-tab .track-remove:disabled{cursor:default}.track-tab .track-remove:disabled .icon{opacity:.35}.track-tab[data-active=true]{border-color:rgb(var(--track-rgb) / .5)}.track-tab[data-active=true] .track-scope-cell,.track-tab[data-active=true] .track-mute,.track-tab[data-active=true] .track-remove{background:var(--track);border-left-color:#ffffff59;color:var(--on-track)!important}.track-tab[data-active=true] .track-label{color:var(--track)}.track-tab[data-active=true] .track-scope{filter:brightness(0)invert()}.track-tab[data-active=true][data-track="5"] .track-scope{filter:brightness(0)}.track-tab[data-muted=true]{opacity:1}.track-tab[data-muted=true] :is(.track-scope-cell,.track-name,.track-volume-cell){opacity:.3}.track-tab[data-muted=true] .track-mute{background:var(--color-core)!important;color:#fff!important}.track-tab[data-muted=true] .track-name:after{display:none}.sentence-tools{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--mono-tracking);align-items:center;gap:14px;display:flex}.sentence-tools .cell[aria-pressed=true]{background:var(--color-core);color:#fff}.sentence-tools .cell[aria-pressed=true] .icon .line{stroke:#fff}.sentence-tools .cell[aria-pressed=true] .icon .fill{fill:#fff}.tool-back{font:400 10.5px/1 var(--font-mono);color:#a3a7af;cursor:pointer;text-transform:uppercase;letter-spacing:var(--mono-tracking);background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.tool-back .icon{width:11px;height:11px}.tool-back .icon .line{stroke:currentColor}.tool-back:hover:not(:disabled){color:var(--color-text)}.tool-back:disabled{opacity:.4;cursor:default}.sentence{color:var(--color-text)}.sentence .phrase{color:var(--color-text);text-decoration:none;transition:none;position:relative}.sentence .phrase-mark{color:var(--color-text)}.phrase-text{text-underline-offset:.2em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px;text-decoration-line:underline;text-decoration-thickness:2px}.phrase[data-family=none] .phrase-text{color:var(--track);-webkit-text-decoration-color:var(--track);text-decoration-color:var(--track)}.phrase[data-aspect=feeling] .phrase-text{color:var(--color-text);text-decoration-color:#9a9ea6}.phrase[data-family=blue] .phrase-text{color:color-mix(in srgb, var(--track) 70%, #000);text-decoration-style:dashed;-webkit-text-decoration-color:var(--track);text-decoration-color:var(--track)}.phrase[data-family=green] .phrase-text{text-decoration-style:dotted;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--track);text-decoration-color:var(--track)}.phrase[data-family=red] .phrase-text{background:rgb(var(--track-rgb) / .2);padding:0 .04em;text-decoration:none}.phrase[data-family=time] .phrase-text{-webkit-text-decoration-color:var(--color-text);text-decoration-color:var(--color-text);font-style:italic;text-decoration-thickness:2.5px}.phrase[data-exact=false]:not([data-family=red]) .phrase-text{text-decoration-style:wavy;text-decoration-thickness:1.5px}.phrase[data-exact=false][data-family=red] .phrase-text{outline:1px dashed var(--track);outline-offset:-1px}.sentence .phrase:hover .phrase-text,.sentence .phrase[aria-expanded=true] .phrase-text{color:var(--on-track);background:var(--track);text-decoration-color:#0000}.sentence .phrase[data-off=true]{opacity:.4}.sentence .phrase:focus-visible{outline:none}.sentence .phrase:focus-visible .phrase-text{outline:2px solid var(--track);outline-offset:2px}[data-tip]:hover:after{content:attr(data-tip);z-index:20;font:400 10px/1.2 var(--font-mono);color:#fff;white-space:nowrap;background:var(--color-core);pointer-events:none;text-transform:uppercase;letter-spacing:var(--mono-tracking);border-radius:3px;padding:3px 6px;font-style:normal;position:absolute;top:calc(100% + 4px);left:72%}.phrase[aria-expanded=true]:after{display:none}.mchip:has([aria-expanded=true]):after{display:none}.melody-card{padding:0;box-shadow:none!important;background:0 0!important;border:0!important}.melody-head{flex-wrap:wrap;align-items:center;gap:12px 40px;display:flex}.melody-head .cell{padding:0 12px;font-size:9.5px}.melody-takes{align-items:center;gap:18px;display:inline-flex}.melody-take-name{font:400 11px/1 var(--font-sans);color:var(--color-text)}.melody-mode .cell[aria-checked=true]{background:var(--track);color:var(--on-track)}.melody .mchip{position:relative}.melody .mchip-label{display:none}.melody .mchip-word{color:var(--color-text);text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--track);text-decoration-color:var(--track);text-underline-offset:.3em;border-radius:2px;font-size:1.05rem}.melody .mchip-word:hover,.melody .mchip-word[aria-expanded=true]{color:var(--on-track);background:var(--track);text-decoration-color:#0000}.melody .mchip-mark{color:var(--color-text)}.melody-more .melody-tool{color:#a3a7af}.tracks{margin-top:var(--space-6)}.sentence-tools{margin-bottom:var(--space-2)}.track-tab .track-name{min-width:5.4rem;max-width:62%}.studio-header>.actions{justify-content:flex-start;justify-self:center}@media (width<=1100px){.studio-header>.actions{justify-self:start}.tracks{grid-template-columns:repeat(2,minmax(0,1fr)) 4.5rem}.tracks-side{grid-column:3}}@media (width<=640px){.tracks{grid-template-columns:minmax(0,1fr) 4.5rem}.tracks-side{grid-column:2}.track-tab .track-sources{display:none}.keep{flex-wrap:wrap;height:auto}}.melody-head .melody-mode{background:var(--cell-bg);border-radius:var(--cell-radius);padding:0}.melody-head .melody-mode .cell{box-shadow:none;font:400 9.5px/1 var(--font-mono);color:var(--cell-ink);text-transform:uppercase;letter-spacing:var(--mono-tracking);border-radius:0;padding:0 12px}.melody-head .melody-mode .cell[aria-checked=true]{background:var(--track);color:var(--on-track)}.melody .melody-words{gap:0;line-height:2.4;display:block}.melody .mchip{display:inline}.melody .mchip .phrase-anchor{display:inline;position:relative}.melody .mchip-word{border:0;padding:0 1px;font-size:1.05rem;line-height:1.3;display:inline}.melody .mchip-mark{margin:0 .35em 0 0;font-size:1.05rem}.melody .melody-joiner{padding:0 .3em}.melody .melody-more{padding:0 0 0 .4em;display:inline-flex}.melody .melody-more .melody-tool{font-size:var(--text-sm);color:#a3a7af;text-transform:lowercase;background:0 0;border:0;padding:0}.melody .melody-more .melody-tool:before{content:"+ "}.melody .melody-more .melody-tool:hover{color:var(--color-text)}:root{--cell-radius:11px;--track-radius:10px;--panel-radius:14px;--cell-shadow:0 4px 12px #c6cfdc1a}.track-tab{background:0 0;border-radius:0;gap:0;overflow:visible;border:0!important}.track-tab>*{background:var(--cell-bg);box-shadow:var(--cell-shadow)}.track-tab>*+*{margin-left:2px;border-left:0!important}.track-tab>.track-volume-cell{margin-left:0}.track-tab>.track-name{box-shadow:none}.track-tab>.track-volume-cell{box-shadow:var(--cell-shadow)}.track-tab>:first-child{border-radius:var(--track-radius) 0 0 var(--track-radius)}.track-tab>:last-child{border-radius:0 var(--track-radius) var(--track-radius) 0}.track-tab .track-name{border-left:0}.track-tab .track-scope-cell,.track-tab .track-mute,.track-tab .track-remove{background:var(--cell-bg)}.track-tab :is(.track-name,.track-mute,.track-remove,.track-scope-cell):hover,.track-tab .track-name:hover+.track-volume-cell{background:#f7f8fa}.track-tab[data-active=true] .track-scope-cell,.track-tab[data-active=true] .track-mute,.track-tab[data-active=true] .track-remove{background:var(--track)}.track-tab[data-muted=true] .track-mute{background:var(--color-core)!important}.word-menu,.melody-menu,.kind-menu{border-radius:var(--panel-radius)}.track-tab .track-name,.track-tab .track-volume-cell{background:var(--cell-bg)}.track-tab .track-name:hover,.track-tab .track-name:hover+.track-volume-cell{background:#f7f8fa}:root{--cell-h:36px;--track-radius:8px}.cell{gap:11px;padding:0 20px}.cells.cell{padding:0 20px}.studio-header .cell{padding:0 22px}.studio-header>.actions,.studio-header .keep{height:38px}.sentence-tools .cells{height:36px}.cell-icon{padding:0 13px}.melody-head .cells{height:32px}.melody-head .cell{padding:0 16px}.melody-head .cell-icon{padding:0 11px}.tracks{grid-auto-rows:31px}.track-tab{height:31px}.tracks-side .cells.cell,.tracks-side .tracks-add>.cell{height:31px;padding:0 14px}:root{--outline:#d1d5dd}.cells,.studio-header>.actions,.studio-header .keep{border:1px solid var(--outline);border-radius:var(--cell-radius);box-shadow:none;background:0 0;gap:0;overflow:visible}.cell,.cells.cell{box-shadow:none;background:0 0}.cells>.cell+.cell{border-left:1px solid var(--outline)}.cells>.cell:first-child{border-radius:calc(var(--cell-radius) - 1px) 0 0 calc(var(--cell-radius) - 1px)}:is(.cells>.cell:last-child,.cells>.cell:nth-last-child(2):has(+:not(.cell))){border-radius:0 calc(var(--cell-radius) - 1px) calc(var(--cell-radius) - 1px) 0}.cells>.cell:only-child{border-radius:calc(var(--cell-radius) - 1px)}.cells>.cell:first-child:nth-last-child(2):has(+:not(.cell)){border-radius:calc(var(--cell-radius) - 1px)}.cells.cell{border-radius:var(--cell-radius)}.cell:hover:not(:disabled,[aria-disabled=true]),.cells.cell:hover:not(:disabled,[aria-disabled=true]),.cell:active:not(:disabled){color:var(--color-text);background:#fff}.cell:disabled,.cell[aria-disabled=true],.cells.cell[aria-disabled=true]{color:#b4b8c0;background:0 0}.cell:disabled .icon :is(.fill,.art){fill:#c9cdd4}.cell:disabled .icon .ring{stroke:#c9cdd4}.cell-text{text-decoration:none}.cell[aria-pressed=true],.cell[aria-checked=true],.melody-head .melody-mode .cell[aria-checked=true],.melody-mode .cell[aria-checked=true]{color:var(--track,var(--color-text));background:0 0}.cell[aria-pressed=true]:hover,.cell[aria-checked=true]:hover{color:var(--track,var(--color-text));background:#fff}.melody-mode .cell[aria-checked=true]:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;margin-right:-2px}.melody-head .melody-mode{background:0 0}.icon[data-icon=surprise],.icon[data-icon=variation]{width:16px;height:11px}.icon:is([data-icon=effects],[data-icon=pin],[data-icon=half]){width:11px;height:11px}.icon .art{fill:var(--track,var(--cell-ink));stroke:none}.icon .ring{fill:none;stroke:var(--track,var(--cell-ink));stroke-width:1px}.melody-head .cell-icon .icon{width:12px;height:12px}.sentence-tools .cell[aria-pressed=true]{color:var(--cell-ink);background:0 0}.sentence-tools .cell[aria-pressed=true]:hover{color:var(--color-text);background:#fff}.sentence-tools .cell[aria-pressed=true] .icon .art{fill:#b4b8c0}.sentence-tools .cell[aria-pressed=true] .icon .ring{stroke:#b4b8c0}.header-right{align-items:center;gap:22px;display:flex}.studio-header .account{height:38px}.account .cell-note{color:#b4b8c0;text-transform:none}.tracks-side .cells.cell[aria-pressed=true]{color:var(--color-text);background:#dfe2e7;border-color:#dfe2e7}.tracks-side span.cells.cell[aria-disabled=true]{color:#b4b8c0;background:0 0;border:0;justify-content:center}.tracks-side .cells.cell{border:1px solid var(--outline)}.track-tab,.track-tab button{font-family:var(--font-sans);text-transform:none;letter-spacing:normal}.track-tab .track-mute{text-transform:uppercase;letter-spacing:var(--mono-tracking)}.track-tab .track-label{font-size:12px}.track-tab .track-sources{color:#8a8f98;font-size:10px}.track-tab[data-active=true] .track-scope-cell,.track-tab[data-active=true] .track-mute,.track-tab[data-active=true] .track-remove{background:var(--cell-bg);color:var(--track)!important}.track-tab[data-active=true] .track-label{color:var(--track);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.track-tab[data-active=true] .track-remove .icon .line{stroke:var(--track)}.track-tab[data-active=true] .track-scope,.track-tab[data-active=true][data-track="5"] .track-scope{filter:none}.track-tab[data-active=true] :is(.track-mute,.track-remove,.track-scope-cell):hover{background:#f7f8fa}.track-tab[data-active=true][data-track="5"] :is(.track-label,.track-mute,.track-remove){color:#c99400!important}.track-tab[data-active=true][data-track="5"] .track-remove .icon .line{stroke:#c99400}.track-tab[data-muted=true] .track-mute{color:var(--cell-ink)!important;background:#dfe2e7!important}.phrase[data-family=blue] .phrase-text{text-decoration-style:solid;-webkit-text-decoration-color:color-mix(in srgb, var(--track) 70%, #000);text-decoration-color:color-mix(in srgb, var(--track) 70%, #000)}.phrase[data-family=green] .phrase-text{text-decoration-thickness:2px}.phrase[data-family=red] .phrase-text{background:rgb(var(--track-rgb) / .15)}.track-tab[data-active=true]{background:0 0}.track-tab[data-active=true]>.track-name{border-radius:var(--track-radius) 0 0 var(--track-radius)}.track-tab[data-active=true]>.track-volume-cell{border-radius:0 var(--track-radius) var(--track-radius) 0}.track-tab[data-active=true] .track-name,.track-tab[data-active=true] .track-volume-cell{background:color-mix(in srgb, var(--track) 11%, var(--color-bg))}.track-tab[data-active=true]>.track-volume-cell{box-shadow:none}.track-tab[data-active=true]>.track-scope-cell{border-radius:var(--track-radius)}.track-tab[data-active=true]>.track-mute{border-radius:var(--track-radius) 0 0 var(--track-radius)}.trail{border-top:0;align-items:center;min-width:0;margin:0;padding:0;display:flex;overflow:visible}.trail-back{height:var(--cell-h);flex:none}.trail-back .icon{width:11px;height:11px}.trail-back .icon .line{stroke:currentColor}.trail-steps{scrollbar-width:none;flex:1;min-width:0;margin-left:30px;display:flex;overflow-x:auto}.trail-steps::-webkit-scrollbar{display:none}.trail-steps ol{margin-left:auto}.trail li button[aria-current=true]{background:var(--cell-bg);box-shadow:var(--cell-shadow);border:0;border-radius:10px}.trail{padding-top:var(--space-4);position:relative}.trail:before{content:"";top:0;left:calc(-1 * clamp(var(--space-4), 6vw, 6rem));right:calc(-1 * clamp(var(--space-4), 6vw, 6rem));border-top:1px solid #d1d5dd80;position:absolute}@media (width>=1001px){.studio-main{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.studio-words{padding-top:var(--space-6)}.studio-words>.melody,.studio-words>.chop-card{margin-top:0}.studio-words .sentence{font-size:var(--fit-sentence,var(--text-sentence));min-height:calc(var(--fit-lines,5) * 1.45em);max-width:max(22em,46rem)}.studio[data-tight="1"],.studio[data-tight="2"]{row-gap:var(--space-3)}:is(.studio[data-tight="1"],.studio[data-tight="2"]) .studio-words{gap:var(--space-3);padding-top:0}.studio[data-tight="2"] .melody-dials{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.studio[data-tight="2"] .melody-dials .tool-hint{display:none}}.void-card{box-shadow:none;gap:var(--space-4);background:0 0;border:0;border-radius:0;padding:0}.void-card[data-over=true]{outline:1.5px dashed var(--track);outline-offset:8px;border-radius:var(--cell-radius);background:0 0}.void-head{justify-content:flex-start;gap:12px 14px}.void-lengths-label{font:400 11px/1 var(--font-sans);color:var(--color-text)}.void-lengths .cell[aria-checked=true]{color:var(--track)}.void-lengths .cell[aria-checked=true]:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;margin-right:-2px}.void-head .cell[data-recording=true]{color:var(--color-brand-red)}.void-note{margin:0}.void-note .chop-private{color:#a3a7af}.void-lengths .cell{gap:7px;padding:0 11px}.void-head .cells+.cells{margin-left:14px}.word-menu[data-family]{--family:var(--track,var(--color-text))}[data-track="5"] .word-menu[data-family]{--family:#c99400}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}}.studio-header .logo,.studio>.tracks,.studio-words .sentence,.studio-main>.visualiser,.studio>.changed-row,.studio>.trail{animation:arrive .9s var(--ease-out) both}.studio>.tracks{animation-delay:.12s}.studio-words .sentence{animation-delay:.24s}.studio-main>.visualiser{animation-duration:1.4s;animation-delay:.36s}.studio>.changed-row{animation-delay:.5s}.studio>.trail{animation-delay:.6s}.studio-header>.actions,.studio-header>.header-right,.sentence-tools{transition:opacity .7s var(--ease-out), transform .7s var(--ease-out), visibility 0s}.stage:not([data-revealed=true]) :is(.studio-header>.actions,.sentence-tools){opacity:0;visibility:hidden;transition:none;transform:translateY(-6px)}.studio-header>.header-right{opacity:0;transition:opacity .7s var(--ease-out) .45s, transform .7s var(--ease-out) .45s;transform:translateY(-6px)}.stage[data-revealed=true] .studio-header>.header-right{opacity:1;transform:none}.trail-back{transition:opacity .5s var(--ease-out), background .2s var(--ease-out), color .2s var(--ease-out)}.studio-words>:is(.melody,.void-card,.chop-card){animation:arrive .55s var(--ease-out) both}.cell,.cells.cell,.track-tab>*,.trail li button,.word-menu button,.book-index a{transition:background-color .22s var(--ease-out), color .22s var(--ease-out), border-color .22s var(--ease-out), opacity .22s var(--ease-out), box-shadow .22s var(--ease-out)}.cell .icon{transition:transform .3s var(--ease-out)}.cell:hover:not(:disabled,[aria-disabled=true]) .icon{transform:scale(1.12)}.cell:active:not(:disabled) .icon{transition-duration:.1s;transform:scale(.94)}.sentence .phrase-text,.melody .mchip-word{transition:background-color .2s var(--ease-out), color .2s var(--ease-out), text-decoration-color .2s var(--ease-out)}.word-menu{animation:pop .24s var(--ease-out)}@media (prefers-reduced-motion:reduce){.studio *,.stage *{transition:none!important;animation:none!important}}@keyframes slide-in{0%{opacity:0;transform:translate(-40px)}}.track-tab,.trail li{animation:slide-in .65s var(--ease-out) both}.studio>.tracks,.studio-header{z-index:6;position:relative}.studio-words{z-index:5;position:relative}.studio-words>:has(.word-menu,.melody-menu){z-index:4;position:relative}.studio-words:has(.word-menu,.melody-menu){z-index:7}.stage[data-revealed=true] .sentence-tools{transition-delay:0s}.stage[data-revealed=true] .studio-header>.actions{transition-delay:.3s}.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);text-transform:uppercase;letter-spacing:var(--mono-tracking);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);text-transform:uppercase;letter-spacing:var(--mono-tracking);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);text-transform:uppercase;letter-spacing:var(--mono-tracking)}