html.dark{color-scheme:dark}html.light{color-scheme:light;--nf-orange:var(--app-accent-hover,#e2620f);--color-paper:oklch(0.955 0.009 82);--color-paper-2:oklch(0.925 0.011 82);--color-paper-3:oklch(0.89 0.014 82);--color-ink:oklch(0.24 0.016 55);--color-ink-2:oklch(0.43 0.014 55);--color-ink-3:oklch(0.5 0.012 55);--color-rule:oklch(0.28 0.018 55/0.14);--color-accent:oklch(0.62 0.19 40);--color-accent-2:oklch(0.58 0.24 12);--color-accent-ink:oklch(0.98 0.008 82);--color-focus:oklch(0.58 0.16 40);--color-danger:oklch(0.55 0.2 25);--color-danger-deep:oklch(0.42 0.1 25);--color-ok:oklch(0.52 0.14 155);--color-ok-deep:oklch(0.4 0.08 155);--glass-fill:var(--color-paper-2);--glass-fill-2:var(--color-paper-3);--glass-wash:var(--color-paper-2);--glass-edge:var(--color-rule);--glass-edge-soft:color-mix(in oklch,var(--color-rule) 60%,transparent);--glass-spec:transparent;--glass-hover:oklch(0.24 0.016 55/0.06);--glass-hover-strong:oklch(0.24 0.016 55/0.09);--glass-fill-soft:oklch(0.24 0.016 55/0.04);--glass-caustic:transparent;--glass-caustic-2:transparent;--glass-scrim:color-mix(in oklch,var(--color-paper) 62%,transparent);--glass-shadow:0 1px 2px oklch(0.3 0.018 55/0.12);--glass-shadow-up:0 -1px 2px oklch(0.3 0.018 55/0.1);--glass-shadow-rail:inset -1px 0 0 var(--glass-edge-soft);--glass-subtle-fill:color-mix(in oklch,var(--color-paper-2) 55%,transparent);--glass-subtle-fill-2:color-mix(in oklch,var(--color-paper-3) 65%,transparent);--glass-subtle-wash:var(--color-paper-2);--glass-subtle-edge:color-mix(in oklch,var(--color-rule) 50%,transparent);--glass-subtle-spec:transparent;--glass-subtle-caustic:transparent;--glass-subtle-caustic-2:transparent;--glass-subtle-shadow:none;--background:var(--color-paper);--foreground:var(--color-ink);--card:var(--color-paper-2);--card-foreground:var(--color-ink);--popover:var(--color-paper-2);--popover-foreground:var(--color-ink);--primary:var(--color-ink);--primary-foreground:var(--color-accent-ink);--secondary:var(--color-paper-3);--secondary-foreground:var(--color-ink);--muted:var(--color-paper-3);--muted-foreground:var(--color-ink-2);--accent:var(--color-paper-3);--accent-foreground:var(--color-ink);--border:var(--color-rule);--input:color-mix(in oklch,var(--color-ink) 14%,transparent);--ring:var(--color-ink-3);--sidebar:var(--color-paper-2);--sidebar-foreground:var(--color-ink);--sidebar-primary:oklch(0.62 0.19 40);--sidebar-primary-foreground:var(--color-accent-ink);--sidebar-accent:var(--color-paper-3);--sidebar-accent-foreground:var(--color-ink);--sidebar-border:var(--color-rule);--sidebar-ring:var(--color-ink-3)}html.light .text-white{color:var(--color-ink)}html.light .text-white\/20,html.light .text-white\/25,html.light .text-white\/30{color:color-mix(in oklch,var(--color-ink) 38%,transparent)}html.light .text-white\/35,html.light .text-white\/40,html.light .text-white\/45{color:var(--color-ink-3)}html.light .text-white\/50,html.light .text-white\/55,html.light .text-white\/60{color:var(--color-ink-2)}html.light .text-white\/65,html.light .text-white\/70,html.light .text-white\/75,html.light .text-white\/80,html.light .text-white\/85,html.light .text-white\/90,html.light .text-white\/95{color:color-mix(in oklch,var(--color-ink) 78%,transparent)}html.light .text-white\/\[\.45\],html.light .text-white\/\[\.55\],html.light .text-white\/\[\.65\],html.light .text-white\/\[\.70\],html.light .text-white\/\[\.75\],html.light .text-white\/\[\.80\]{color:var(--color-ink-2)}html.light .accent-gradient,html.light .accent-gradient .text-white,html.light .accent-gradient.text-white{color:var(--color-accent-ink)}html.light .border-white\/10,html.light .border-white\/12,html.light .border-white\/14,html.light .border-white\/15,html.light .border-white\/20,html.light .border-white\/25,html.light .border-white\/35,html.light .border-white\/5{border-color:var(--glass-subtle-edge)}html.light .border-white{border-color:var(--color-ink)}html.light .hover\:bg-white\/10:hover,html.light .hover\:bg-white\/15:hover,html.light .hover\:bg-white\/5:hover{background-color:var(--glass-hover)}html.light .hover\:bg-white:hover{background-color:var(--color-ink-2)}html.light .bg-white\/5,html.light .bg-white\/\[0\.02\],html.light .bg-white\/\[0\.035\],html.light .bg-white\/\[0\.03\],html.light .bg-white\/\[0\.04\],html.light .bg-white\/\[0\.06\],html.light .bg-white\/\[0\.075\],html.light .bg-white\/\[0\.08\],html.light .bg-white\/\[0\.12\]{background-color:var(--glass-subtle-fill)}html.light .bg-white{background-color:var(--color-ink)}html.light .text-black{color:var(--color-accent-ink)}html.light :is(.bg-black,.bg-black\/10,.bg-black\/15,.bg-black\/20,.bg-black\/30,.bg-black\/35,.bg-black\/40,.bg-black\/45,.bg-black\/50,.bg-black\/55,.bg-black\/60,.bg-black\/70,.bg-black\/72,.bg-black\/75,.bg-black\/80,.bg-black\/85,.bg-black\/90,.bg-black\/95,.bg-zinc-950,.bg-zinc-900,.bg-neutral-950){background-color:var(--color-paper-2)}html.light :is(.fixed.bg-black,.fixed.bg-black\/30,.fixed.bg-black\/40,.fixed.bg-black\/50,.fixed.bg-black\/60,.fixed.bg-black\/70,.fixed.bg-black\/80,.fixed.bg-black\/90,.fixed.bg-black\/95,.absolute.inset-0.bg-black\/40,.absolute.inset-0.bg-black\/50,.absolute.inset-0.bg-black\/60,.absolute.inset-0.bg-black\/70,.absolute.inset-0.bg-black\/80,.absolute.inset-0.bg-black\/90){background-color:var(--glass-scrim)}html.light :is(.hover\:bg-black:hover,.hover\:bg-black\/40:hover,.hover\:bg-black\/55:hover,.hover\:bg-black\/90:hover){background-color:var(--color-paper-3)}html.light .placeholder\:text-white\/30::placeholder,html.light .placeholder\:text-white\/35::placeholder,html.light .placeholder\:text-white\/40::placeholder,html.light .placeholder\:text-white\/45::placeholder{color:var(--color-ink-3)}html.light .create-flat [class*="text-white/20"]{color:color-mix(in oklch,var(--color-ink) 38%,transparent)}html.light .create-flat [class*="text-white/30"],html.light .create-flat [class*="text-white/40"],html.light .create-flat [class*="text-white/50"]{color:var(--color-ink-3)}html.light .create-flat [class*="text-white/60"],html.light .create-flat [class*="text-white/70"],html.light .create-flat [class*="text-white/80"]{color:var(--color-ink-2)}html.light .create-flat .fullscreen-lyrics-text::placeholder,html.light .create-flat :is(input,textarea,select)::placeholder{color:var(--color-ink-3)}html.light .create-flat .fullscreen-lyrics-text{color:var(--color-ink)}html.light :is(.sv4,.sv4-tokens){--sv4-bg:var(--color-paper);--sv4-chrome:var(--color-paper-2);--sv4-panel:var(--color-paper-2);--sv4-raised:var(--color-paper-3);--sv4-grid:var(--color-paper-3);--sv4-line:color-mix(in oklch,var(--color-ink) 12%,transparent);--sv4-line-strong:color-mix(in oklch,var(--color-ink) 18%,transparent);--sv4-text:var(--color-ink);--sv4-muted:var(--color-ink-2);--sv4-faint:var(--color-ink-3);--sv4-disabled:color-mix(in oklch,var(--color-ink) 35%,transparent)}html.light .sv4 [class*=text-white]{color:var(--sv4-text)}html.light .sml-landing{--sml-bg:var(--color-paper);--sml-line:var(--glass-subtle-edge);--sml-subtle:var(--color-ink-2);background:var(--sml-bg);color:var(--color-ink)}html.light :is(.sml-brand,.sml-nav__login,.sml-text-cta,.sml-studio-surface__track b,.sml-studio-caption a,.sml-evolution__row a,.sml-footer__nav a){color:var(--color-ink)}html.light :is(.sml-studio-surface,.landing-waveform-strip__segment,.sml-footer){background:var(--color-paper-2);border-color:var(--glass-subtle-edge)}html.light .sml-solid-cta--ink{background:var(--color-ink);color:var(--color-accent-ink)}html.light .sml-solid-cta--ink:hover{background:var(--color-ink-2);color:var(--color-accent-ink)}html.light :is(.sml-footer__lead p,.sml-footer__nav span,.sml-footer__bottom){color:var(--color-ink-2)}html.light .create-flat [aria-label="Attach a reference for Music DNA"]{color:var(--color-ink);border-color:color-mix(in oklch,var(--color-ink) 22%,transparent);background:var(--color-paper-2)}html.light .create-flat .mn-eyebrow,html.light .create-flat [class*=uppercase][class*=tracking]{color:var(--color-ink-2)}html.light .create-flat ::placeholder{color:var(--color-ink-3)}:root{--nf-p-butter:var(--app-accent,#eb7628);--nf-p-peach:#f9c9a4;--nf-p-terracotta:var(--app-accent,#e8743a);--nf-p-nectarine:var(--app-accent,#f37420);--nf-p-sage:#b4cdc2;--nf-p-powder:#aac4e7;--nf-p-lilac:#cfc5ea;--nf-p-blush:#f3c3cf;--nf-p-sand:#e9dcc4;--nf-p-mint:#c6e6d3;--nf-p-cream:#fef1d5;--nf-p-ink:#0e0e13;--nf-p-ink-2:rgba(32,31,19,0.62);--nf-ground:var(--color-paper);--nf-surface:var(--color-paper-2);--nf-surface-2:var(--color-paper-3);--nf-line:rgba(235,235,223,0.1);--nf-on-ground:#ebebdf;--nf-on-ground-2:rgba(235,235,223,0.62);--nf-sheet-fill:var(--nf-p-cream);--nf-menu-fill:var(--nf-p-cream);--nf-rail:var(--color-paper);--nf-rail-active:var(--nf-p-butter);--nf-player-idle:var(--color-paper-2);--nf-r:14px;--nf-r-sm:10px;--nf-r-pill:999px;--nf-dur:200ms;--nf-ease:cubic-bezier(0.22,0.61,0.36,1);--nf-ease-goo:cubic-bezier(0.34,1.56,0.64,1)}html.light{--nf-ground:#f4ecdc;--nf-surface:#fbf5e8;--nf-surface-2:#f1e7d3;--nf-line:rgba(32,31,19,0.12);--nf-on-ground:#24220f;--nf-on-ground-2:rgba(36,34,15,0.6);--nf-rail:#efe5d0;--nf-rail-active:var(--nf-p-nectarine);--nf-player-idle:#f7efdf}.nf-display{font-family:var(--font-display);font-weight:620;font-stretch:90%;letter-spacing:-.03em;line-height:1}.nf-display,.nf-eyebrow{text-transform:uppercase}.nf-eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;color:var(--nf-on-ground-2)}.nf-btn[data-tone],.nf-card[data-tone],.nf-frame,.nf-pill[data-tone],.nf-squircle,.nf-tone{--nf-fill:var(--nf-p-cream);color:var(--nf-p-ink)}[data-tone=butter]{--nf-fill:var(--nf-p-butter)}[data-tone=peach]{--nf-fill:var(--nf-p-peach)}[data-tone=terracotta]{--nf-fill:var(--nf-p-terracotta)}[data-tone=nectarine]{--nf-fill:var(--nf-p-nectarine)}[data-tone=sage]{--nf-fill:var(--nf-p-sage)}[data-tone=powder]{--nf-fill:var(--nf-p-powder)}[data-tone=lilac]{--nf-fill:var(--nf-p-lilac)}[data-tone=blush]{--nf-fill:var(--nf-p-blush)}[data-tone=sand]{--nf-fill:var(--nf-p-sand)}[data-tone=mint]{--nf-fill:var(--nf-p-mint)}[data-tone=cream]{--nf-fill:var(--nf-p-cream)}[data-tone=sky]{--nf-fill:var(--nf-p-powder)}[data-tone=beige]{--nf-fill:var(--nf-p-sand)}[data-tone=tan]{--nf-fill:#c19570}[data-tone=pages]{--nf-fill:#f7f0e5}[data-tone=sunshine]{--nf-fill:#fff4d4}[data-tone=nectarine],[data-tone=terracotta]{color:#fff6e8}.nf-frame{position:relative;display:block;aspect-ratio:1/1;width:100%;max-width:100%;background:var(--nf-fill);clip-path:url(#nf-folder-l);-webkit-clip-path:url(#nf-folder-l);overflow:hidden;--nf-frame-pad:7%;--nf-frame-tab:15%;contain:paint}.nf-frame[data-shape=tr]{clip-path:url(#nf-folder-r);-webkit-clip-path:url(#nf-folder-r)}.nf-frame-art{position:absolute;left:var(--nf-frame-pad);right:var(--nf-frame-pad);bottom:var(--nf-frame-pad);top:calc(var(--nf-frame-tab) + var(--nf-frame-pad) * .6);border-radius:10%;overflow:hidden;background:color-mix(in oklab,var(--nf-fill) 70%,#000 30%);box-shadow:inset 0 0 0 1px rgba(32,31,19,.08)}.nf-frame-art>canvas,.nf-frame-art>div,.nf-frame-art>img,.nf-frame-art>svg{width:100%;height:100%;object-fit:cover;display:block}.nf-frame-tab{position:absolute;top:0;left:var(--nf-frame-pad);height:var(--nf-frame-tab);display:flex;align-items:center;font-family:var(--font-mono);font-size:clamp(.4rem,4.2cqw,.72rem);letter-spacing:.2em;text-transform:uppercase;color:var(--nf-p-ink);pointer-events:none;white-space:nowrap}.nf-frame[data-shape=tr] .nf-frame-tab{left:auto;right:var(--nf-frame-pad)}.nf-frame[data-size=sm]{--nf-frame-pad:6%;--nf-frame-tab:12%}.nf-frame[data-size=sm] .nf-frame-tab{display:none}.nf-frame[data-size=sm] .nf-frame-art{border-radius:14%}@media (hover:hover){.nf-frame[data-interactive],a .nf-frame,button .nf-frame{transition:transform var(--nf-dur) var(--nf-ease-goo)}.nf-frame[data-interactive]:hover,a:hover .nf-frame,button:hover .nf-frame{transform:translateZ(0) scale(1.02)}}.nf-sheet{position:relative;background:var(--menu-surface);color:var(--menu-ink);clip-path:url(#nf-sheet);-webkit-clip-path:url(#nf-sheet);padding:30px 16px calc(16px + env(safe-area-inset-bottom, 0px));touch-action:pan-y}.nf-sheet-grab{position:absolute;top:10px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:999px;background:var(--menu-muted)}.nf-sheet-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;min-height:64px;padding:6px 4px;color:inherit;text-align:left;background:none;border:0;width:100%;font:inherit}.nf-sheet-row-title{font-weight:600;font-size:1.02rem}.nf-sheet-row-note{font-size:.85rem;color:var(--menu-muted)}.nf-sheet-row:active .nf-squircle{transform:scale(.94)}.nf-squircle{display:inline-grid;place-items:center;width:52px;height:52px;background:var(--nf-fill);border-radius:38%/42%;transition:transform var(--nf-dur) var(--nf-ease-goo),border-radius var(--nf-dur) var(--nf-ease)}.nf-squircle[data-size=lg]{width:64px;height:64px}.nf-menu{position:relative;background:var(--menu-surface);color:var(--menu-ink);border:1px solid var(--menu-edge);border-radius:var(--nf-r);min-width:200px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-x:hidden;overflow-y:auto;box-shadow:0 12px 32px rgba(0,0,0,.22);padding:14px 8px 8px}.nf-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;border-radius:var(--nf-r-sm);background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--nf-dur) var(--nf-ease),transform var(--nf-dur) var(--nf-ease-goo)}.nf-menu-item:hover{background:var(--menu-hover)}.nf-menu-item[data-active=true]{background:var(--menu-selected)}.nf-menu-item:active{transform:scale(.98)}.nf-menu-item[aria-disabled=true]{opacity:.45;cursor:not-allowed}.nf-menu-sep{height:1px;margin:6px 4px;background:var(--menu-edge)}.nf-menu-label{padding:6px 12px 2px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--menu-muted)}.nf-btn{--nf-fill:var(--nf-p-nectarine);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:var(--nf-r-sm);background:var(--nf-fill);color:#fff6e8;font:inherit;font-weight:560;cursor:pointer;transition:transform var(--nf-dur) var(--nf-ease-goo),filter var(--nf-dur) var(--nf-ease),background var(--nf-dur) var(--nf-ease);border-top-right-radius:14px;clip-path:polygon(0 0,calc(100% - 14px) 0,calc(100% - 11.27px) .27px,calc(100% - 8.64px) 1.07px,calc(100% - 6.22px) 2.36px,calc(100% - 4.1px) 4.1px,calc(100% - 2.36px) 6.22px,calc(100% - 1.07px) 8.64px,calc(100% - .27px) 11.27px,100% 14px,100% 100%,0 100%)}.nf-btn:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.nf-btn[data-variant=quiet]{--nf-fill:transparent;color:var(--nf-on-ground);box-shadow:inset 0 0 0 1px var(--nf-line)}.nf-btn[data-variant=ghost]{--nf-fill:transparent;color:var(--nf-on-ground);box-shadow:none;opacity:.72}.nf-btn[data-variant=ghost]:hover{opacity:1;--nf-fill:color-mix(in srgb,currentColor 8%,transparent)}.nf-btn:disabled{opacity:.5;cursor:not-allowed}.nf-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:var(--nf-r-pill);background:var(--nf-surface-2);color:var(--nf-on-ground);font:inherit;font-size:.86rem;cursor:pointer;transition:transform var(--nf-dur) var(--nf-ease-goo),background var(--nf-dur) var(--nf-ease)}.nf-pill[aria-pressed=true],.nf-pill[data-active=true]{background:var(--nf-rail-active);color:var(--nf-p-ink)}@media (hover:hover){.nf-btn:hover,.nf-goo:hover,.nf-pill:hover{transform:scale(1.03)}}.nf-btn:active,.nf-goo:active,.nf-pill:active{transform:scale(.96,.94)}.nf-hit{position:relative}.nf-hit:after{content:"";position:absolute;inset:-6px;border-radius:inherit}.nf-hit:focus-visible{outline:2px solid var(--nf-p-nectarine);outline-offset:2px}.nf-player-idle{background:var(--nf-player-idle);color:var(--nf-on-ground);border-top:1px solid var(--nf-line)}@media (prefers-reduced-motion:reduce){.nf-btn,.nf-frame,.nf-goo,.nf-menu-item,.nf-pill,.nf-squircle{transition:none!important}.nf-btn:hover,.nf-goo:hover,.nf-pill:hover,a:hover .nf-frame,button:hover .nf-frame{transform:none!important}}html[data-reduce-motion=true] .nf-btn,html[data-reduce-motion=true] .nf-frame,html[data-reduce-motion=true] .nf-pill{transition:none!important;transform:none!important}.app-sidebar,.glass-subtle,.home-composer,.native-mobile-nav{isolation:isolate;color:var(--color-ink);background-color:var(--glass-subtle-fill-2);background-image:var(--glass-subtle-layers);backdrop-filter:blur(var(--glass-subtle-blur)) saturate(var(--glass-subtle-sat));-webkit-backdrop-filter:blur(var(--glass-subtle-blur)) saturate(var(--glass-subtle-sat))}.app-sidebar{position:relative;z-index:20;background-color:color-mix(in oklch,var(--glass-subtle-fill-2) 100%,black 6%);border-right:1px solid var(--glass-subtle-edge);box-shadow:none}.player-bar{border-top:1px solid color-mix(in oklch,var(--glass-subtle-edge) 80%,transparent)}.home-composer{border:1px solid var(--glass-subtle-edge);border-radius:8px;box-shadow:none}.native-mobile-nav{border-color:var(--glass-subtle-edge)}.spa-main .rounded-2xl.border,.spa-main .rounded-xl.border{background-color:var(--glass-subtle-fill);background-image:var(--glass-subtle-layers);border-color:var(--glass-subtle-edge);border-radius:8px;backdrop-filter:blur(var(--glass-subtle-blur)) saturate(var(--glass-subtle-sat));-webkit-backdrop-filter:blur(var(--glass-subtle-blur)) saturate(var(--glass-subtle-sat));box-shadow:none}.spa-main .rounded-2xl.border[aria-checked=true],.spa-main .rounded-xl.border[aria-checked=true]{border-color:var(--color-accent);background-color:color-mix(in oklch,var(--color-accent) 10%,transparent)}.spa-main .rounded-2xl.border[role=alert],.spa-main .rounded-xl.border[role=alert]{border-color:color-mix(in oklch,oklch(.7 .18 25) 45%,transparent)}.spa-main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),.spa-main select,.spa-main textarea,[role=dialog] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),[role=dialog] select,[role=dialog] textarea{background-color:var(--glass-subtle-fill);background-image:var(--glass-subtle-layers);border-color:var(--glass-subtle-edge);color:var(--color-ink);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.spa-main input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,.spa-main select:focus,.spa-main textarea:focus,[role=dialog] input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,[role=dialog] select:focus,[role=dialog] textarea:focus{outline:none;border-color:var(--color-ink-3,var(--color-rule))}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-subtle,.home-composer,.native-mobile-nav,.spa-main .rounded-2xl.border,.spa-main .rounded-xl.border{background-color:var(--color-paper-2)}.app-sidebar{background-color:color-mix(in oklch,var(--color-paper-2) 100%,black 6%)}.player-bar{background-color:color-mix(in oklch,var(--color-paper-2) 82%,black 6%)}}@media (prefers-reduced-transparency:reduce){.glass-subtle,.home-composer,.native-mobile-nav,.spa-main .rounded-2xl.border,.spa-main .rounded-xl.border{background-color:var(--color-paper-2)}.app-sidebar{background-color:color-mix(in oklch,var(--color-paper-2) 100%,black 6%)}.player-bar{background-color:color-mix(in oklch,var(--color-paper-2) 82%,black 6%)}}