@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.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:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.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:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.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:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.fredoka_30996390-module__Df7LLW__className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.fredoka_30996390-module__Df7LLW__variable{--font-fredoka:"Fredoka", "Fredoka Fallback"}
html:has(.sounds-app){background:#030a0d}@property --sa-hold{syntax:"<angle>";inherits:false;initial-value:0deg}.sounds-app{--sa-panel:#0a1618f5;--sa-line:#34d39938;--sa-text:#ecfdf5;--sa-muted:#a7f3d0b3;--sa-accent:#34d399;--sa-amber:#fbbf24;--sa-sky:#38bdf8;--sa-rose:#fb7185;--sa-rec:#ef4444;--hdr:2.5rem;--dock:7.8rem;min-height:100dvh;color:var(--sa-text);font-family:var(--font-nunito), system-ui, sans-serif;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#020617;flex-direction:column;display:flex;overflow-x:hidden}@media (max-width:639px){.sounds-app{--dock:11rem}}.sounds-app h1,.sounds-app h2,.sa-dock-name,.sa-length{font-family:var(--font-fredoka), var(--font-nunito), system-ui, sans-serif}.sounds-app button,.sounds-app input{font:inherit}.sounds-app :focus-visible{outline:2px solid var(--sa-amber);outline-offset:2px}.sa-accent{color:var(--sa-accent)}.sa-amber{color:var(--sa-amber)}.sa-sky{color:var(--sa-sky)}.sa-spin{animation:1s linear infinite sa-spin}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-header{z-index:60;height:var(--hdr);background:var(--sa-panel);border-bottom:1px solid var(--sa-line);flex-shrink:0;align-items:center;gap:.5rem;padding:0 .5rem;display:flex;position:relative}.sa-title{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#6ee7b7,#99f6e4,#fde68a);color:#0000;-webkit-background-clip:text;background-clip:text;flex:1;min-width:0;font-size:1.1rem;font-weight:700;line-height:1.2;overflow:hidden}.sa-title-short{display:none}@media (max-width:479px){.sa-title-long{display:none}.sa-title-short{display:inline}}.sa-header-controls{align-items:center;gap:.35rem;display:flex}.sa-icon-btn{width:2rem;height:2rem;color:var(--sa-accent);cursor:pointer;border:1px solid var(--sa-line);background:0 0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:flex}@media (pointer:coarse){.sa-icon-btn{width:2.25rem;height:2.25rem}}.sa-icon-btn:hover:not(:disabled){background:#34d39926}.sa-icon-btn.is-on,.sa-icon-btn[aria-expanded=true]{color:#020617;background:var(--sa-accent);border-color:var(--sa-accent)}.sa-icon-btn:disabled{opacity:.6;cursor:wait}.sa-volume{align-items:center;gap:.35rem;padding:0 .25rem;display:flex}.sa-range{width:4.5rem;height:1.25rem;accent-color:var(--sa-accent);cursor:pointer}.sa-range-grow{flex:1;width:auto;min-width:0}.sa-settings{position:relative}.sa-pop{border:1px solid var(--sa-line);background:#0a1618;border-radius:1rem;flex-direction:column;gap:.9rem;width:min(20rem,100vw - 1rem);padding:1rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 20px 40px #0009}.sa-pop-row{flex-direction:column;gap:.4rem;display:flex}.sa-pop-label{color:var(--sa-muted);font-size:.75rem;font-weight:800}.sa-tempo{align-items:center;gap:.6rem;display:flex}.sa-toggle{color:#fcd34d;cursor:pointer;background:#020617cc;border:1px solid #64748b66;border-radius:9999px;align-self:flex-start;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.85rem;font-weight:700;display:inline-flex}.sa-toggle.is-on{border-color:var(--sa-amber)}.sa-beat{background:#334155;border:1px solid #fbbf2466;border-radius:9999px;width:.6rem;height:.6rem}.sa-beat.is-accent{background:var(--sa-amber)}.sa-beat.is-tick{background:var(--sa-accent)}.sa-segment{background:#020617cc;border:1px solid #64748b66;border-radius:9999px;gap:.25rem;padding:.2rem;display:flex}.sa-segment-btn{color:var(--sa-muted);cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:1;padding:.4rem .25rem;font-size:.8rem;font-weight:800}.sa-segment-btn[aria-pressed=true]{color:#020617;background:var(--sa-accent)}.sa-tuning-btn{height:2rem;color:var(--sa-accent);white-space:nowrap;cursor:pointer;border:1px solid var(--sa-line);background:0 0;border-radius:9999px;align-items:center;gap:.35rem;padding:0 .7rem;font-size:.8rem;font-weight:800;transition:background-color .15s,border-color .15s;display:flex}@media (pointer:coarse){.sa-tuning-btn{height:2.25rem}}.sa-tuning-btn:hover{background:#34d39926}.sa-tuning-btn[aria-expanded=true]{color:#020617;background:var(--sa-accent);border-color:var(--sa-accent)}@media (max-width:479px){.sa-tuning-text{display:none}.sa-tuning-btn{justify-content:center;width:2.25rem;padding:0}}.sa-tuning-pop{max-height:calc(100dvh - var(--hdr) - 1.5rem);right:.5rem;overflow-y:auto}.sa-key-grid{grid-template-columns:repeat(6,1fr);gap:.3rem;display:grid}.sa-scale-grid{grid-template-columns:repeat(2,1fr);gap:.3rem;display:grid}.sa-chip{color:var(--sa-muted);cursor:pointer;background:#020617cc;border:1px solid #64748b66;border-radius:.6rem;padding:.5rem .25rem;font-size:.8rem;font-weight:800}.sa-chip:hover{color:var(--sa-accent)}.sa-chip[aria-pressed=true]{color:#020617;background:var(--sa-accent);border-color:var(--sa-accent)}.sa-pop-note{color:var(--sa-muted);margin:0;font-size:.72rem;line-height:1.4}.sa-main{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.sa-stage{flex-shrink:0;width:100%;container-type:inline-size}.sa-scene{--vy:.24;--cs:1;width:100%;height:clamp(calc(100cqw / 2.6), calc(100dvh - var(--hdr) - var(--dock)), calc(100cqw / 1.4));background:#020617;position:relative;overflow:hidden}@media (max-width:639px){.sa-scene{--vy:.12;--cs:1.25;height:80cqw}}.sa-canvas{width:calc(100% / var(--vw));aspect-ratio:2752/2064;transform:translate(calc(var(--vx) * -100%), calc(var(--vy) * -100%));pointer-events:none;position:absolute;top:0;left:0;container-type:inline-size}.sa-backdrop{width:100%;height:100%;display:block;position:absolute;inset:0}.sa-water{opacity:0;animation:1.5s ease-in-out infinite sa-water-flow}.sa-water-sheen{opacity:.32;mix-blend-mode:screen;filter:blur(.7cqw);-webkit-mask-composite:source-in, source-in;background-image:repeating-linear-gradient(#d2fffc00 0,#d2fffc14 1.5cqw,#d2fffc4d 3cqw,#d2fffca6 4.5cqw,#d2fffccc 5.5cqw,#d2fffca6 6.5cqw,#d2fffc4d 8cqw,#d2fffc14 9.5cqw,#d2fffc00 11cqw);background-size:100% 17cqw;animation:1.3s linear infinite sa-water-slide;-webkit-mask-image:url(/images/sounds/water-flow.webp),repeating-linear-gradient(90deg,#0000 0,#00000040 .4cqw,#000 .8cqw,#00000040 1.2cqw,#0000 1.6cqw 3.1cqw),repeating-linear-gradient(90deg,#0000 0,#0000004d .8cqw,#000 1.8cqw,#0000004d 2.8cqw,#0000 3.8cqw 5.3cqw);mask-image:url(/images/sounds/water-flow.webp),repeating-linear-gradient(90deg,#0000 0,#00000040 .4cqw,#000 .8cqw,#00000040 1.2cqw,#0000 1.6cqw 3.1cqw),repeating-linear-gradient(90deg,#0000 0,#0000004d .8cqw,#000 1.8cqw,#0000004d 2.8cqw,#0000 3.8cqw 5.3cqw);-webkit-mask-size:100% 100%,auto,auto;mask-size:100% 100%,auto,auto;-webkit-mask-composite:source-in,source-in;mask-composite:intersect,intersect}@keyframes sa-water-slide{0%{background-position-y:0}to{background-position-y:17cqw}}@keyframes sa-water-flow{0%,to{opacity:0}50%{opacity:1}}.sa-logo{filter:drop-shadow(0 2px 6px #ffffff59);width:24%;height:auto;position:absolute;top:28%;left:50%;transform:translate(-50%)}.sa-logo-note{pointer-events:none;filter:drop-shadow(0 1px 3px #ffffff8c);transform:translate(-50%, -50%) rotate(var(--tilt));font-weight:800;line-height:1;animation:2.8s ease-in-out infinite sa-logo-note-bob;position:absolute}.sa-logo-note-navy{color:#3f3585}.sa-logo-note-blue{color:#4f9dff}.sa-logo-note-violet{color:#8b7cf0}@keyframes sa-logo-note-bob{0%,to{transform:translate(-50%, -50%) rotate(var(--tilt))}50%{transform:translate(-50%, calc(-50% - .9cqw)) rotate(calc(var(--tilt) * -.6))}}.sa-strips{z-index:20;position:absolute;inset:0}.sa-strip{cursor:pointer;touch-action:none;border-style:dotted;border-width:0 1.5px;border-color:color-mix(in srgb, var(--c) 40%, transparent);flex-direction:column;align-items:center;min-width:0;transition:background-color .15s,box-shadow .15s,border-color .15s;display:flex;position:absolute;top:0;bottom:0}.sa-strip:hover{background:#ffffff0a}.sa-strip:active,.sa-strip.is-playing{border-color:color-mix(in srgb, var(--c) 80%, #fff);background:#ffffff26}.sa-strip.is-armed{background:#ef44441f;animation:1.2s ease-in-out infinite sa-armed;box-shadow:inset 0 0 0 2px #ef4444bf}@keyframes sa-armed{50%{background:#ef444438}}.sa-strip-name{z-index:10;text-align:center;pointer-events:none;width:max-content;max-width:96%;color:var(--c);border:1px solid color-mix(in srgb, var(--c) 40%, transparent);background:#0f172ad1;border-radius:9999px;padding:.15rem .5rem;font-size:.625rem;font-weight:800;line-height:1.2;position:absolute;top:.35rem;left:50%;transform:translate(-50%)}.sa-strip.is-selected .sa-strip-name{color:#020617;background:var(--c)}@media (min-width:640px){.sa-strip-name{font-size:.75rem}}.sa-strip-guide{pointer-events:none;opacity:0;flex-direction:column-reverse;flex:1;align-self:stretch;min-height:0;transition:opacity .15s;display:flex}.sa-strip.is-selected .sa-strip-guide,.sa-strip.is-playing .sa-strip-guide{opacity:1}.sa-guide-band{border-top:1px dotted #ffffff42;flex:1;justify-content:center;align-items:center;min-height:0;transition:background-color .1s;display:flex;overflow:hidden}.sa-guide-band:last-child{border-top:0}.sa-guide-band.is-active{background:#ffffff1f}.sa-guide-label{color:#ffffff8c;text-shadow:0 0 3px #020617bf;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 .15rem;font-size:.625rem;font-weight:700;line-height:1;overflow:hidden}.sa-guide-band.is-active .sa-guide-label{color:#fff}.sa-strip-foot{z-index:10;box-sizing:border-box;cursor:default;border-top:2px solid color-mix(in srgb, var(--c) 70%, transparent);background:#02061759;flex-direction:column;justify-content:flex-end;align-self:stretch;align-items:center;gap:.2rem;padding:.3rem 0 .35rem;display:flex}.sa-rec{cursor:pointer;touch-action:none;background:#020617a6;border:2px solid #fecacab3;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:flex;position:relative}.sa-rec-dot{background:#f87171bf;border-radius:9999px;width:1.1rem;height:1.1rem;transition:background-color .15s,border-radius .15s}.sa-rec.is-armed,.sa-rec.is-recording{border-color:var(--sa-rec);animation:1.1s ease-in-out infinite sa-pulse}.sa-rec.is-armed .sa-rec-dot,.sa-rec.is-recording .sa-rec-dot{background:var(--sa-rec)}.sa-rec.is-recording{animation-duration:.5s}.sa-rec.is-recording .sa-rec-dot{border-radius:.2rem}.sa-rec.has-loop{border-color:#22c55ecc}.sa-rec.has-loop .sa-rec-dot{background:#22c55e}.sa-rec.has-loop.is-muted .sa-rec-dot{background:#64748b}@keyframes sa-pulse{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 .5rem #ef444400}}.sa-rec.is-holding:after,.sa-tool-clear.is-holding:after{content:"";background:conic-gradient(#fff var(--sa-hold), transparent 0);border-radius:9999px;animation:.65s linear forwards sa-hold;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}@keyframes sa-hold{to{--sa-hold:360deg}}.sa-mute{width:1.65rem;height:1.65rem;color:var(--sa-accent);cursor:pointer;background:#020617b3;border:1px solid #34d39980;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:flex}.sa-mute.is-muted{color:#94a3b8;border-color:#94a3b880}.sa-char{transform-origin:50% 100%;transform:scale(var(--cs));transition:transform .12s ease-out;position:absolute}.sa-char.is-active{transform:scale(calc(var(--cs) * 1.04))}.sa-char-img{width:100%;height:auto;display:block}.sa-char-img-beat{opacity:0;position:absolute;inset:0}.sa-char.is-active .sa-char-img-beat{opacity:1}.sa-char.is-active .sa-char-img-rest{opacity:0}.sa-floater{z-index:50;pointer-events:none;text-shadow:0 0 12px #000000e6;font-size:1.5rem;font-weight:800;animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards sa-float;position:absolute}@keyframes sa-float{0%{opacity:1;transform:translate(-50%)scale(.8)rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -85px) scale(1.35) rotate(var(--rot))}}.sa-dock{min-height:var(--dock);background:var(--sa-panel);border-top:1px solid var(--sa-line);flex-direction:column;gap:.35rem;padding:.5rem .75rem;display:flex}@media (max-width:639px){.sa-dock{flex:1;gap:.6rem;padding:.75rem}}.sa-dock-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.35rem .75rem;display:grid}.sa-dock-main>.sa-play{grid-row:1/span 2}@media (max-width:639px){.sa-dock-main{gap:.45rem .75rem}.sa-dock-main>.sa-play{grid-row:1}.sa-timeline{grid-column:1/-1}}.sa-play{color:#020617;cursor:pointer;background:var(--sa-accent);border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;padding:0 0 0 .1rem;transition:transform .1s,opacity .15s;display:flex;box-shadow:0 6px 16px #0006}.sa-play:active:not(:disabled){transform:scale(.94)}.sa-play.is-playing{background:var(--sa-amber);padding-left:0}.sa-play:disabled{opacity:.35;cursor:not-allowed}.sa-dock-head{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.sa-dock-name{color:var(--c);margin-right:auto;font-size:1rem;font-weight:700}.sa-lengths{background:#020617cc;border:1px solid #64748b66;border-radius:9999px;align-items:center;gap:.2rem;padding:.15rem .5rem .15rem .15rem;display:inline-flex}.sa-length{width:1.9rem;height:1.9rem;color:var(--sa-muted);cursor:pointer;background:0 0;border:0;border-radius:9999px;padding:0;font-size:.9rem;font-weight:700}.sa-length[aria-pressed=true]{color:#020617;background:var(--c)}.sa-length:disabled{cursor:not-allowed}.sa-length:disabled:not([aria-pressed=true]){opacity:.4}.sa-lengths-unit{color:var(--sa-muted);margin-left:.2rem;font-size:.7rem;font-weight:700}.sa-tool{width:2.1rem;height:2.1rem;color:var(--sa-accent);cursor:pointer;touch-action:none;background:#020617cc;border:1px solid #64748b66;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.sa-tool.is-muted{color:#94a3b8}.sa-tool-clear{color:var(--sa-rose)}.sa-tool:disabled{opacity:.35;cursor:not-allowed}@media (min-width:640px){.sa-length-wide:not([aria-pressed=true]){display:none}}.sa-sections{align-items:flex-start;gap:.5rem;margin-left:auto;display:flex}.sa-section-list{gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.sa-section{flex-direction:column;align-items:center;gap:.05rem;display:flex}.sa-section-dot{cursor:pointer;background:#020617cc;border:2px solid #64748b99;border-radius:9999px;width:1.35rem;height:1.35rem;padding:0;transition:transform .1s;position:relative}.sa-section-dot:active{transform:scale(.9)}.sa-section-dot.has-loops{border-color:var(--sa-accent)}.sa-section-dot[aria-pressed=true]{background:var(--sa-accent);border-color:var(--sa-accent);box-shadow:0 0 0 2px #020617, 0 0 0 4px var(--sa-accent)}.sa-section-dot.is-live[aria-pressed=true]{animation:1s ease-in-out infinite sa-section-pulse}@keyframes sa-section-pulse{50%{opacity:.55}}.sa-section-num{color:var(--sa-muted);font-size:.7rem;font-weight:700;line-height:1}.sa-song{height:1.9rem;color:var(--sa-muted);cursor:pointer;background:#020617cc;border:1px solid #64748b66;border-radius:9999px;align-items:center;gap:.3rem;padding:0 .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.sa-song[aria-pressed=true]{color:#020617;background:var(--sa-accent);border-color:var(--sa-accent)}@media (max-width:639px){.sa-sections{flex:100%;justify-content:space-between}.sa-section-list{flex:1;justify-content:space-between;gap:.2rem;min-width:0}.sa-sections{min-width:0;max-width:100%}.sa-song{flex-shrink:0}.sa-section-dot{width:1.4rem;height:1.4rem}}@media (prefers-reduced-motion:reduce){.sa-section-dot.is-live[aria-pressed=true]{animation:none}}.sa-timeline{flex-direction:column;gap:.35rem;min-width:0;display:flex}.sa-line{--dot:1.25rem;background-color:#020617d9;background-image:repeating-linear-gradient(to right, #ecfdf573 0 2px, transparent 2px calc(100% / var(--bars))), repeating-linear-gradient(to right, #94a3b833 0 1px, transparent 1px calc(100% / (var(--bars) * 4)));border:1px solid color-mix(in srgb, var(--c) 55%, transparent);border-radius:.75rem;height:2.25rem;position:relative;overflow:hidden}@media (max-width:639px){.sa-line{--dot:1.6rem;height:clamp(2.5rem,7dvh,3.5rem)}.sa-timeline[data-rows="4"]{gap:.25rem}.sa-timeline[data-rows="4"] .sa-line{--dot:1.4rem;height:clamp(2rem,5dvh,2.6rem)}}.sa-note{min-width:var(--w,var(--dot));height:var(--dot);cursor:grab;touch-action:none;background:var(--c);box-sizing:border-box;border:2px solid #ffffffd9;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sa-note:before{content:"";position:absolute;inset:-.5rem -.15rem}.sa-note.is-active{z-index:3;cursor:grabbing;box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 45%, transparent), 0 4px 10px #00000080}.sa-note-label{color:#fff;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #000000bf;max-width:100%;font-size:.7rem;font-weight:800;line-height:1;display:block;overflow:hidden}.sa-note.is-held .sa-note-label{align-self:center;margin-right:auto;padding:0 .7rem}.sa-note-menu{z-index:50;border:1px solid var(--sa-line);background:#0a1618;border-radius:1rem;flex-direction:column;gap:.4rem;padding:.75rem;display:flex;position:fixed;box-shadow:0 20px 40px #0009}.sa-note-menu-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sa-note-menu-title{color:var(--sa-muted);margin:0;font-size:.75rem;font-weight:800}.sa-note-copy,.sa-hint-done{min-height:2rem;font:inherit;color:var(--sa-amber);border:1px solid var(--sa-amber);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.3rem;padding:0 .7rem;font-size:.75rem;font-weight:800;display:inline-flex}.sa-hint-done{vertical-align:middle;margin-left:.5rem}.sa-note-menu-actions{gap:.4rem;display:flex}.sa-note-delete{color:var(--sa-rose);border-color:var(--sa-rose)}.sa-instrument{max-width:100%;min-height:2.1rem;font:inherit;color:var(--sa-muted);cursor:pointer;border:1px solid var(--c);background:#020617cc;border-radius:9999px;align-items:center;gap:.45rem;margin-right:auto;padding:0 .6rem 0 .8rem;display:inline-flex}.sa-instrument[aria-expanded=true]{background:#ffffff14}.sa-instrument:focus-visible{outline:2px solid var(--sa-amber);outline-offset:2px}.sa-instrument-name{color:var(--c);font-size:1rem;font-weight:700}.sa-instrument-sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;font-weight:600;overflow:hidden}.sa-inst-menu{overflow:hidden}.sa-inst-scroll{overscroll-behavior:contain;flex-direction:column;gap:.6rem;min-height:0;display:flex;overflow-y:auto}.sa-inst-group-title{color:var(--sa-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;font-size:.7rem;font-weight:800}.sa-inst-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;display:grid}.sa-inst-choice{padding:.3rem .4rem;line-height:1.15}.sa-line.is-pasting{cursor:copy;outline:2px dashed var(--sa-amber);outline-offset:-2px}.sa-note-menu-row{gap:.3rem;display:grid}.sa-note-choice{min-height:2.5rem;color:var(--sa-text);cursor:pointer;border:1px solid var(--sa-line);background:#ffffff0f;border-radius:.6rem;padding:0 .15rem;font-size:.8rem;font-weight:800}.sa-note-choice:hover{background:#34d3992e}.sa-note-choice[aria-checked=true]{color:#04120d;background:var(--sa-accent);border-color:var(--sa-accent)}.sa-note-choice:focus-visible{outline:2px solid var(--sa-amber);outline-offset:2px}.sa-note-grip{z-index:1;cursor:ew-resize;touch-action:none;width:1.1rem;position:absolute;top:-.35rem;bottom:-.35rem}.sa-note-grip.is-start{left:-.5rem}.sa-note-grip.is-end{right:-.5rem}.sa-note-grip:after{content:"";opacity:.9;background:#fff;border-radius:9999px;width:3px;position:absolute;top:.45rem;bottom:.45rem}.sa-note-grip.is-start:after{left:.5rem}.sa-note-grip.is-end:after{right:.5rem}.sa-line-take{background:var(--sa-rec);width:0;height:4px;position:absolute;bottom:0;left:0}.sa-playhead{pointer-events:none;opacity:0;background:#fff;width:3px;position:absolute;top:0;bottom:0;left:0;transform:translate(-50%);box-shadow:0 0 8px #fffc}.sa-hint{min-height:1.25rem;color:var(--sa-amber);font-size:.8rem;font-weight:700;line-height:1.5}@media (prefers-reduced-motion:reduce){.sa-spin,.sa-logo-note,.sa-water,.sa-water-sheen,.sa-strip.is-armed,.sa-rec.is-armed,.sa-rec.is-recording{animation:none}.sa-char{transition:none}}