@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(../../../fonts/space-grotesk-latin-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/ibm-plex-mono-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/ibm-plex-mono-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#f4f7f5;--surface-void:#c9d5cf;--ink:#0f1613;--ink-body:#26302c;--ink-secondary:#3d4a45;--ink-tertiary:#5b6a64;--ink-quiet:#6f7d77;--ink-mono:#64726b;--ink-disabled:#8a968f;--brand:oklch(53% .13 158);--brand-text:oklch(50% .13 158);--brand-ink:#f4f7f5;--brand-tint:#00814e24;--panel:#1050380d;--tag:#10503814;--rule:#1050381c;--rule-soft:#10503817;--divider:#1050381c;--border:#10503824;--border-strong:#10503838;--border-dashed:#10503842;--art-bg:#dfe7e2;--danger-ink:oklch(48% .2 27);--danger-bg:#cc282717;--danger-border:#cc282752;--danger-body:#6b3a33;--destructive:oklch(48% .2 27);--destructive-tint:#cc282717;--ok-ink:oklch(52% .14 152);--ok-bg:#008f4517;--ok-border:#008f4552;--info-ink:#3d4a45;--info-bg:#1050380d;--info-ink-quiet:#5b6a64;--warn-ink:oklch(50% .11 75);--tap:2.75rem;--tap-primary:3.25rem;--tap-inline:2.25rem;--tap-chip:2rem;--page:34rem;--page-narrow:26rem;--tab-bar:3.875rem;--composer:4.0625rem;--mini-player:4.625rem;--radius-sm:.5625rem;--radius:.6875rem;--radius-lg:.875rem;--radius-tag:.5625rem;--radius-pill:1.375rem;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--track-label:.18em;--track-meta:.12em}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#080d0b;--surface-void:#040806;--ink:#eaf2ee;--ink-body:#eaf2ee;--ink-secondary:#cfdcd6;--ink-tertiary:#8b9a94;--ink-quiet:#7d8a85;--ink-mono:#74837d;--ink-disabled:#5e6d67;--brand:oklch(75% .13 158);--brand-text:oklch(75% .13 158);--brand-ink:#080d0b;--brand-tint:#5bc78e24;--panel:#96ffd20e;--tag:#96ffd214;--rule:#96ffd21f;--rule-soft:#96ffd21a;--divider:#96ffd21f;--border:#96ffd224;--border-strong:#96ffd233;--border-dashed:#96ffd23d;--art-bg:#12201a;--danger-ink:oklch(75% .16 27);--danger-bg:#e2494224;--danger-border:#e2494273;--danger-body:#e6c9c4;--destructive:oklch(75% .16 27);--destructive-tint:#e2494224;--ok-ink:oklch(78% .15 152);--ok-bg:#62d28624;--ok-border:#62d28673;--info-ink:#cfdcd6;--info-bg:#96ffd20e;--info-ink-quiet:#8b9a94;--warn-ink:oklch(80% .12 85)}}body{font-family:var(--font-sans);background:var(--surface);color:var(--ink);margin:0;line-height:1.5}code,kbd,samp,pre{font-family:var(--font-mono)}a,a:visited{color:var(--brand-text)}button,input,select,textarea{font:inherit}main{max-width:var(--page);padding:0 1.25rem 3rem;padding-inline:max(1.25rem, env(safe-area-inset-left), env(safe-area-inset-right));margin:3rem auto}main.narrow{max-width:var(--page-narrow)}h1{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700;line-height:1.05}h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-mono);margin:2.5rem 0 .5rem;font-size:.625rem;font-weight:400;line-height:1}label{font-size:.9rem;font-weight:600}label em{opacity:.6;font-weight:400}.button{box-sizing:border-box;min-height:var(--tap-primary);border-radius:var(--radius);background:var(--brand);color:var(--brand-ink);cursor:pointer;border:0;justify-content:center;align-items:center;padding:.5rem .9rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.button:disabled:not(.secondary){background:var(--tag);color:var(--ink-disabled);cursor:default;border-color:#0000}.button.secondary:disabled{opacity:.5;cursor:default}.button.secondary{min-height:var(--tap);border:1px solid var(--border-strong);color:inherit;white-space:nowrap;background:0 0;padding:.5rem .9rem;font-size:.95rem;font-weight:400}.button.destructive{min-height:var(--tap);border:1px solid var(--destructive);color:var(--destructive);overflow-wrap:anywhere;background:0 0;padding:.5rem .9rem}.field{box-sizing:border-box;min-height:var(--tap-primary);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--tag);color:var(--ink);padding:.5rem .7rem;font-size:1rem;font-weight:400}textarea.field{resize:vertical}.notice{border-radius:var(--radius);border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-ink);margin:0 0 1rem;padding:.7rem;font-size:.95rem}.notice.ok{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok-ink)}.notice.info{border-color:var(--border);background:var(--info-bg);color:var(--info-ink)}.stack{flex-direction:column;gap:.35rem;display:flex}.hint{color:var(--ink-tertiary);margin:.15rem 0 0;font-size:.85rem}.row{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.6rem .85rem;display:flex}.row.dead{opacity:.55}.quiet{color:var(--ink-tertiary);margin:0 0 1rem;font-size:.9rem}.plain-list{margin:0;padding:0;list-style:none}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--track-meta);color:var(--ink-mono);vertical-align:.04em;font-size:.625rem;font-weight:400;line-height:1}.mono.label{letter-spacing:var(--track-label)}.mono.accent{color:var(--brand-text)}.disclosure summary{min-height:var(--tap);text-transform:uppercase;letter-spacing:.06em;opacity:.6;cursor:pointer;align-items:center;gap:.4rem;font-size:.75rem;list-style:none;display:flex}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:before{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:.35rem;height:.35rem;transition:transform .15s;transform:rotate(-45deg)}.disclosure[open] summary:before{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.disclosure summary:before{transition:none}}.card-list{border:1px solid var(--border);border-radius:var(--radius-lg);margin:0 0 1rem;padding:0;list-style:none;overflow:hidden}.card-list>li+li{border-top:1px solid var(--divider)}.card-list>.selected{background:var(--panel)}.card-list :focus-visible{outline-offset:-3px}.chip-row{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.variant-chip{box-sizing:border-box;min-height:var(--tap);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--tag);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.variant-chip input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.variant-chip:has(input:checked){background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.variant-chip:has(input:focus-visible){outline:2px solid var(--brand-text);outline-offset:2px}.variant-chip.new{border-style:dashed;border-color:var(--border-dashed);background:0 0}.drop-zone{box-sizing:border-box;border:1px dashed var(--border-dashed);border-radius:var(--radius-lg);background:var(--panel);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:9.375rem;padding:1.25rem;display:flex}.drop-zone .glyph{color:var(--brand-text);justify-content:center;line-height:1;display:flex}.drop-zone .prompt{color:var(--ink);font-size:1rem;font-weight:500}.drop-zone input[type=file]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drop-zone:has(input:focus-visible){outline:2px solid var(--brand-text);outline-offset:2px}.upload-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);padding:.9rem 1rem}.upload-card.processing{opacity:.75}.upload-card.failed{border-color:var(--danger-border);background:var(--danger-bg)}.upload-card .filename{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-card progress{appearance:none;background:var(--tag);border:0;border-radius:2px;width:100%;height:4px;margin:.6rem 0 0;display:block;overflow:hidden}.upload-card progress::-webkit-progress-bar{background:var(--tag)}.upload-card progress::-webkit-progress-value{background:var(--brand);transition:inline-size .15s}.upload-card progress::-moz-progress-bar{background:var(--brand)}.tab-bar{inset-inline:0;z-index:20;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0}.tab-bar ul{max-width:var(--page);padding-inline:max(1.25rem, env(safe-area-inset-left), env(safe-area-inset-right));margin-inline:auto;display:flex}.tab-bar li{flex:1}.tab-bar a{height:var(--tab-bar);color:var(--ink-mono);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;text-decoration:none;display:flex}.tab-bar .mono{color:inherit;vertical-align:0;font-size:.5625rem}.tab-bar a.active{color:var(--brand-text)}.tab-bar a:focus-visible{outline:2px solid var(--brand-text);outline-offset:-2px}.with-tab-bar main{padding-bottom:calc(var(--tab-bar) + env(safe-area-inset-bottom,0px) + 1.25rem);margin-bottom:0}.with-mini-player main{padding-bottom:calc(var(--mini-player) + env(safe-area-inset-bottom,0px) + 1.25rem);margin-bottom:0}.with-tab-bar.with-mini-player main{padding-bottom:calc(var(--tab-bar) + var(--mini-player) + env(safe-area-inset-bottom,0px) + 1.25rem)}.mini-player{inset-inline:0;z-index:19;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0}.mini-player.raised{bottom:calc(var(--tab-bar) + env(safe-area-inset-bottom,0px));padding-bottom:0}.mini-player .progress{background:var(--tag);height:2px}.mini-player .played{background:var(--brand);height:100%;display:block}.mini-player .mini-row{max-width:var(--page);height:var(--mini-player);padding-inline:max(1.25rem, env(safe-area-inset-left), env(safe-area-inset-right));align-items:center;gap:.75rem;margin-inline:auto;display:flex}.mini-player .what{min-width:0;color:inherit;flex:1;align-items:center;gap:.75rem;text-decoration:none;display:flex}.mini-player .art{border-radius:var(--radius-sm);object-fit:cover;flex:none;width:3rem;height:3rem}.mini-player .art.tile{background:var(--art-bg)}.mini-player .text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.mini-player .title,.mini-player .context{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-player .title{font-size:.875rem;font-weight:500}.mini-player .context{font-size:.625rem}.mini-player .control{width:var(--tap);height:var(--tap);color:var(--brand-text);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.mini-player .control .triangle{padding-left:.1em;display:flex}.mini-player .what:focus-visible,.mini-player .control:focus-visible{outline:2px solid var(--brand-text);outline-offset:-2px;border-radius:var(--radius-sm)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}