@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--angle:0deg;--fill:0%}}}@layer reset;@layer tokens{:where(html){--font-system-ui:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-transitional:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-old-style:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;--font-humanist:Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;--font-geometric-humanist:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;--font-classical-humanist:Optima,Candara,Noto Sans,source-sans-pro,sans-serif;--font-neo-grotesque:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;--font-monospace-slab-serif:Nimbus Mono PS,Courier New,monospace;--font-monospace-code:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-industrial:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;--font-rounded-sans:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;--font-slab-serif:Rockwell,Rockwell Nova,Roboto Slab,DejaVu Serif,Sitka Small,serif;--font-antique:Superclarendon,Bookman Old Style,URW Bookman,URW Bookman L,Georgia Pro,Georgia,serif;--font-didone:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif;--font-handwritten:Segoe Print,Bradley Hand,Chilanka,TSCu_Comic,casual,cursive;--font-sans:var(--font-system-ui);--font-serif:ui-serif,serif;--font-mono:var(--font-monospace-code);--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.05em;--font-letterspacing-3:.075em;--font-letterspacing-4:.15em;--font-letterspacing-5:.5em;--font-letterspacing-6:.75em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:max(.75rem,min(2vw,1rem));--font-size-fluid-1:max(1rem,min(4vw,1.5rem));--font-size-fluid-2:max(1.5rem,min(6vw,2.5rem));--font-size-fluid-3:max(2rem,min(9vw,3.5rem));--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-px-000:-8px;--size-px-00:-4px;--size-px-1:4px;--size-px-2:8px;--size-px-3:16px;--size-px-4:20px;--size-px-5:24px;--size-px-6:28px;--size-px-7:32px;--size-px-8:48px;--size-px-9:64px;--size-px-10:80px;--size-px-11:120px;--size-px-12:160px;--size-px-13:240px;--size-px-14:320px;--size-px-15:480px;--size-fluid-1:max(.5rem,min(1vw,1rem));--size-fluid-2:max(1rem,min(2vw,1.5rem));--size-fluid-3:max(1.5rem,min(3vw,2rem));--size-fluid-4:max(2rem,min(4vw,3rem));--size-fluid-5:max(4rem,min(5vw,5rem));--size-fluid-6:max(5rem,min(7vw,7.5rem));--size-fluid-7:max(7.5rem,min(10vw,10rem));--size-fluid-8:max(10rem,min(20vw,15rem));--size-fluid-9:max(15rem,min(30vw,20rem));--size-fluid-10:max(20rem,min(40vw,30rem));--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--ease-circ-in:cubic-bezier(.6,.04,.98,.335);--ease-circ-in-out:cubic-bezier(.785,.135,.15,.86);--ease-circ-out:cubic-bezier(.075,.82,.165,1);--ease-cubic-in:cubic-bezier(.55,.055,.675,.19);--ease-cubic-in-out:cubic-bezier(.645,.045,.355,1);--ease-cubic-out:cubic-bezier(.215,.61,.355,1);--ease-expo-in:cubic-bezier(.95,.05,.795,.035);--ease-expo-in-out:cubic-bezier(1,0,0,1);--ease-expo-out:cubic-bezier(.19,1,.22,1);--ease-quad-in:cubic-bezier(.55,.085,.68,.53);--ease-quad-in-out:cubic-bezier(.455,.03,.515,.955);--ease-quad-out:cubic-bezier(.25,.46,.45,.94);--ease-quart-in:cubic-bezier(.895,.03,.685,.22);--ease-quart-in-out:cubic-bezier(.77,0,.175,1);--ease-quart-out:cubic-bezier(.165,.84,.44,1);--ease-quint-in:cubic-bezier(.755,.05,.855,.06);--ease-quint-in-out:cubic-bezier(.86,0,.07,1);--ease-quint-out:cubic-bezier(.23,1,.32,1);--ease-sine-in:cubic-bezier(.47,0,.745,.715);--ease-sine-in-out:cubic-bezier(.445,.05,.55,.95);--ease-sine-out:cubic-bezier(.39,.575,.565,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147480000;--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-strength-3:calc(var(--shadow-strength) + 2%);--shadow-strength-4:calc(var(--shadow-strength) + 3%);--shadow-strength-5:calc(var(--shadow-strength) + 4%);--shadow-strength-6:calc(var(--shadow-strength) + 5%);--shadow-strength-7:calc(var(--shadow-strength) + 6%);--shadow-strength-8:calc(var(--shadow-strength) + 7%);--shadow-strength-10:calc(var(--shadow-strength) + 9%);--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 #0001;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/var(--shadow-strength-10));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 7px 14px -5px hsl(var(--shadow-color)/var(--shadow-strength-6));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 1px 2px -5px hsl(var(--shadow-color)/var(--shadow-strength-3)),0 2px 5px -5px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 4px 12px -5px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 12px 15px -5px hsl(var(--shadow-color)/var(--shadow-strength-8));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 1px 1px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 2px 2px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 5px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 9px 9px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 16px 16px -2px hsl(var(--shadow-color)/var(--shadow-strength-7));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 2px 1px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 5px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 10px 10px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 20px 20px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 40px 40px -2px hsl(var(--shadow-color)/var(--shadow-strength-8));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 3px 2px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 7px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 12px 10px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 22px 18px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 41px 33px -2px hsl(var(--shadow-color)/var(--shadow-strength-7)),0 100px 80px -2px hsl(var(--shadow-color)/var(--shadow-strength-8));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/var(--shadow-strength-10));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-space: ;--gradient-1:linear-gradient(to bottom right var(--gradient-space),#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right var(--gradient-space),#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right var(--gradient-space),#0ff,#0ff0),radial-gradient(circle at bottom left var(--gradient-space),#ff1492,#ff149200);--gradient-4:linear-gradient(to bottom right var(--gradient-space),#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110% var(--gradient-space),#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left var(--gradient-space),#000,#fff);--gradient-7:linear-gradient(to bottom right var(--gradient-space),#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0% var(--gradient-space),#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center var(--gradient-space),#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40% -25% var(--gradient-space),gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left var(--gradient-space),#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10% var(--gradient-space),#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200% var(--gradient-space),#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right var(--gradient-space),lime,cyan);--gradient-15:linear-gradient(to bottom right var(--gradient-space),#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250% var(--gradient-space),#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25% var(--gradient-space),blue,#8a2be2);--gradient-18:linear-gradient(0deg var(--gradient-space),#f00c,#f000 75%),linear-gradient(60deg var(--gradient-space),#ff0c,#ff00 75%),linear-gradient(120deg var(--gradient-space),#0f0c,#0f00 75%),linear-gradient(180deg var(--gradient-space),#0ffc,#0ff0 75%),linear-gradient(240deg var(--gradient-space),#00fc,#00f0 75%),linear-gradient(300deg var(--gradient-space),#f0fc,#f0f0 75%);--gradient-19:linear-gradient(to bottom right var(--gradient-space),#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center var(--gradient-space),orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115% var(--gradient-space),red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right var(--gradient-space),#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right var(--gradient-space),#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0% var(--gradient-space),#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50% var(--gradient-space),#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right var(--gradient-space),#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left var(--gradient-space),#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50% 105% var(--gradient-space),#fff,orchid);--gradient-29:radial-gradient(circle at top right var(--gradient-space),#bfb3ff,#bfb3ff00),radial-gradient(circle at bottom left var(--gradient-space),#86acf9,#86acf900);--gradient-30:radial-gradient(circle at top right var(--gradient-space),#00ff80,#00ff8000),radial-gradient(circle at bottom left var(--gradient-space),#adffd6,#adffd600);--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-drawn-1:255px 15px 225px 15px/15px 225px 15px 255px;--radius-drawn-2:125px 10px 20px 185px/25px 205px 205px 25px;--radius-drawn-3:15px 255px 15px 225px/225px 15px 255px 15px;--radius-drawn-4:15px 25px 155px 25px/225px 150px 25px 115px;--radius-drawn-5:250px 25px 15px 20px/15px 80px 105px 115px;--radius-drawn-6:28px 100px 20px 15px/150px 30px 205px 225px;--radius-round:100000px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px, calc(100vw - 100%) * 100000,var(--radius-1));--radius-conditional-2:clamp(0px, calc(100vw - 100%) * 100000,var(--radius-2));--radius-conditional-3:clamp(0px, calc(100vw - 100%) * 100000,var(--radius-3));--radius-conditional-4:clamp(0px, calc(100vw - 100%) * 100000,var(--radius-4));--radius-conditional-5:clamp(0px, calc(100vw - 100%) * 100000,var(--radius-5));--radius-conditional-6:clamp(0px, calc(100vw - 100%) * 100000,var(--radius-6));--palette-hue:250;--palette-hue-rotate-by:0;--palette-chroma:.15;--color-1:oklch(98% calc(var(--palette-chroma)*.03) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*0));--color-2:oklch(97% calc(var(--palette-chroma)*.06) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*1));--color-3:oklch(93% calc(var(--palette-chroma)*.1) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*2));--color-4:oklch(84% calc(var(--palette-chroma)*.12) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*3));--color-5:oklch(80% calc(var(--palette-chroma)*.16) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*4));--color-6:oklch(71% calc(var(--palette-chroma)*.19) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*5));--color-7:oklch(66% calc(var(--palette-chroma)*.2) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*6));--color-8:oklch(58% calc(var(--palette-chroma)*.21) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*7));--color-9:oklch(53% calc(var(--palette-chroma)*.2) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*8));--color-10:oklch(49% calc(var(--palette-chroma)*.19) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*9));--color-11:oklch(42% calc(var(--palette-chroma)*.17) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*10));--color-12:oklch(35% calc(var(--palette-chroma)*.15) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*11));--color-13:oklch(27% calc(var(--palette-chroma)*.12) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*12));--color-14:oklch(20% calc(var(--palette-chroma)*.09) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*13));--color-15:oklch(16% calc(var(--palette-chroma)*.07) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*14));--color-16:oklch(10% calc(var(--palette-chroma)*.05) calc(var(--palette-hue) + var(--palette-hue-rotate-by)*15))}@media(prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff1,inset 0 .5px 0 0 #0007}}@supports (background:linear-gradient(to right in oklab,#000,#fff)){:where(html){--gradient-space:in oklab}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness()blur(20px);opacity:0}10%{filter:brightness(2)blur(10px);opacity:1}to{filter:brightness()blur();opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness()blur(20px);opacity:0}10%{filter:brightness(2)blur(10px);opacity:1}0%{filter:brightness()blur();opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media(prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness()blur(20px);opacity:0}10%{filter:brightness(.5)blur(10px);opacity:1}to{filter:brightness()blur();opacity:1}}@keyframes fade-out-bloom{to{filter:brightness()blur(20px);opacity:0}10%{filter:brightness(.5)blur(10px);opacity:1}0%{filter:brightness()blur();opacity:1}}}:root{--surface-base:#1a1815;--surface-raised:var(--surface-base)}@supports (color:color-mix(in lab,red,red)){:root{--surface-raised:color-mix(in oklab, var(--surface-base) 92%, white)}}:root{--surface-raised-hi:var(--surface-base)}@supports (color:color-mix(in lab,red,red)){:root{--surface-raised-hi:color-mix(in oklab, var(--surface-base) 86%, white)}}:root{--surface-recessed:var(--surface-base)}@supports (color:color-mix(in lab,red,red)){:root{--surface-recessed:color-mix(in oklab, var(--surface-base) 92%, black)}}:root{--surface-recessed-deep:var(--surface-base)}@supports (color:color-mix(in lab,red,red)){:root{--surface-recessed-deep:color-mix(in oklab, var(--surface-base) 78%, black)}}:root{--color-aluminum:var(--surface-base)}@supports (color:color-mix(in lab,red,red)){:root{--color-aluminum:color-mix(in oklab, var(--surface-base) 70%, white)}}:root{--color-aluminum-hi:var(--surface-base)}@supports (color:color-mix(in lab,red,red)){:root{--color-aluminum-hi:color-mix(in oklab, var(--surface-base) 60%, white)}}:root{--color-graphite:#2c2a28;--color-ink:#ede9df;--color-ink-muted:#a39e92;--color-text:var(--color-ink);--color-screw:#8e8b85;--color-shell:var(--color-ink);--color-shell-edge:var(--surface-base);--color-blue:#00d5f4;--color-green:#00f44e;--color-white:#fffff6;--color-orange:#f26200;--color-lcd-bg:#15170d;--color-lcd-on:#c7f08a;--color-lcd-off:var(--color-lcd-on)}@supports (color:color-mix(in lab,red,red)){:root{--color-lcd-off:color-mix(in oklab, var(--color-lcd-on) 8%, var(--color-lcd-bg))}}:root{--color-step-on:var(--color-orange);--color-step-playing:var(--color-white);--color-error:#e04848;--color-led-red:#e03030;--color-gold-soft:#e8c87a;--color-gold-soft-glow:var(--color-gold-soft)}@supports (color:color-mix(in lab,red,red)){:root{--color-gold-soft-glow:color-mix(in oklab, var(--color-gold-soft) 35%, transparent)}}:root{--neu-light:#ffffff0b;--neu-dark:#0000008c;--shadow-neu-raised:6px 6px 14px var(--neu-dark), -3px -3px 10px var(--neu-light);--shadow-neu-pressed:inset 4px 4px 10px var(--neu-dark), inset -3px -3px 8px var(--neu-light);--shadow-neu-flush:inset 0 1px 0 var(--neu-light), inset 0 -1px 0 var(--neu-dark);--shadow-panel-inset:var(--shadow-neu-flush);--shadow-step-playing:0 0 0 2px var(--color-white), 0 0 18px #fffff680;--font-display:"Departure Mono", "Geist Mono", ui-monospace, monospace;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;--font-sans:"Geist Sans", "Inter", system-ui, -apple-system, sans-serif;--font-bitmap:"Departure Mono", "DSEG7 Modern Mini", "Geist Mono", monospace;--font-lcd:"DSEG7 Modern Mini", "Geist Mono", monospace;--radius-pad:14px;--radius-panel:20px;--radius-step:4px;--radius-encoder:9999px;--ease-snap:cubic-bezier(.2, .9, .3, 1);--ease-spring-soft:cubic-bezier(.34, 1.56, .64, 1);--ease-glimmer:cubic-bezier(.4, 0, .2, 1);--dur-tap:80ms;--dur-encoder:.12s;--dur-sample-arrival:.25s;--dur-glimmer:9s;--dur-ignite:.64s;--dur-breath:2.4s;--dur-ring:2.6s;--ease-ignite:var(--ease-spring-soft);--glass-sheen-light:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){:root{--glass-sheen-light:color-mix(in oklab, var(--color-shell) 28%, transparent)}}:root{--glass-sheen-soft:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){:root{--glass-sheen-soft:color-mix(in oklab, var(--color-shell) 14%, transparent)}}:root{--scanline-color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){:root{--scanline-color:color-mix(in oklab, var(--color-shell) 5%, transparent)}}:root{--scanline-pitch:3px;--scanline-thickness:1px;--screen-edge-shadow:inset 0 1px 0 var(--color-shell), inset 1px 1px 0 var(--color-shell), inset -1px -1px 0 var(--neu-light)}@supports (color:color-mix(in lab,red,red)){:root{--screen-edge-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-shell) 20%, transparent), inset 1px 1px 0 color-mix(in oklab, var(--color-shell) 8%, transparent), inset -1px -1px 0 var(--neu-light)}}:root{--glimmer-color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){:root{--glimmer-color:color-mix(in oklab, var(--color-shell) 8%, transparent)}}:root{--play-ring-accent:var(--color-blue);--play-led-color:var(--color-orange);--dur-holo:18s;--show-sample-key:none;--font-ui:var(--font-sans);--size-chart-sm:240px;--size-chart-min:320px;--size-kpi-min:160px;--pattern-color-0:#f26200;--pattern-color-1:oklch(71% .18 50);--pattern-color-2:oklch(76% .18 65);--pattern-color-3:oklch(81% .18 78);--pattern-color-4:oklch(85% .19 92);--pattern-color-5:oklch(78% .21 108);--pattern-color-6:oklch(86% .22 120);--pattern-color-7:oklch(78% .24 130);--pattern-color-8:oklch(86% .25 138);--pattern-color-9:oklch(80% .25 142);--pattern-color-10:#00f44e;--pattern-color-11:oklch(78% .18 162);--pattern-color-12:oklch(74% .14 178);--pattern-color-13:oklch(78% .13 196);--pattern-color-14:#00d5f4;--pattern-color-15:oklch(72% .14 222);--pattern-color-16:oklch(66% .18 238);--pattern-color-17:oklch(60% .21 250);--pattern-color-18:oklch(56% .23 264);--pattern-color-19:oklch(56% .25 278);--pattern-color-20:oklch(59% .25 292);--pattern-color-21:oklch(62% .25 306);--pattern-color-22:oklch(63% .25 320);--pattern-color-23:oklch(67% .23 335);--pattern-color-24:oklch(66% .18 350);--pattern-color-25:oklch(62% .18 4);--pattern-color-26:oklch(56% .17 12);--pattern-color-27:oklch(55% .16 18);--pattern-color-28:oklch(58% .16 22);--pattern-color-29:oklch(62% .17 28);--pattern-color-30:oklch(66% .18 32);--pattern-color-31:oklch(69% .18 36);--pad-color-0:#f26200;--pad-color-1:oklch(80% .17 68);--pad-color-2:oklch(67% .14 90);--pad-color-3:oklch(84% .18 113);--pad-color-4:oklch(62% .18 135);--pad-color-5:oklch(73% .2 158);--pad-color-6:oklch(84% .18 180);--pad-color-7:oklch(67% .14 203);--pad-color-8:oklch(80% .14 225);--pad-color-9:oklch(62% .18 248);--pad-color-10:oklch(73% .14 270);--pad-color-11:oklch(62% .21 293);--pad-color-12:oklch(73% .19 315);--pad-color-13:oklch(62% .24 338);--pad-color-14:oklch(80% .14 0);--pad-color-15:oklch(62% .24 23)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(html){--csstools-color-scheme--light:initial;--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-12);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);-webkit-text-size-adjust:none;accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-1);color-scheme:light;font-family:var(--font-system-ui);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media(dynamic-range:high)or (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:where(html){--link:color(display-p3 .1 .39 1);--link-visited:color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button,.btn) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) [disabled]:where(button,input[type=button],.btn),:where(html) [disabled]:where(button,input[type=submit],.btn),:where(html) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-6)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media(prefers-color-scheme:dark){:where(html){--csstools-color-scheme--light: ;--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-repeat:no-repeat;background-origin:border-box;border-style:solid;border-width:0}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}:where(:focus-visible){transition:outline-offset .145s var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports ((-moz-appearance:none)){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"],pre)){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(a):where([href]){-webkit-text-decoration-color:var(--indigo-2);text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){-webkit-text-decoration-color:var(--purple-2);text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){-webkit-text-decoration:inherit;text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select){color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::placeholder{color:var(--gray-7);opacity:.75}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){field-sizing:content;padding-block:.75ch;padding-inline:var(--size-relative-4) 0}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(textarea){field-sizing:content;min-block-size:2lh;min-inline-size:var(--size-content-1);resize:vertical}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-monospace-code),monospace}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){white-space:pre;writing-mode:lr;direction:ltr;min-inline-size:0;max-inline-size:max-content}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){text-wrap:pretty;max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){gap:var(--size-2);place-items:center;display:grid}:where(figure)>:where(figcaption){text-wrap:balance;font-size:var(--font-size-1)}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4);display:grid}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){margin-bottom:var(--size-2);border-end-end-radius:0;border-end-start-radius:0}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){-webkit-text-decoration-color:var(--blue-5);text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(menu){gap:var(--size-3);padding-inline-start:0;display:flex}:where(sup){font-size:.5em}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:first-of-type),:where(tfoot tr:last-child td:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:last-of-type),:where(tfoot tr:last-child td:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table a:not(.does-not-exist):focus-visible),:where(table button:not(.does-not-exist):focus-visible),:where(table [contenteditable]:focus-visible){outline-offset:-2px}:where(td){text-wrap:pretty;background:var(--surface-1);max-inline-size:var(--size-content-2)}:where(td,th){padding:var(--size-2);text-align:left}:where(td:not([align])),:where(th:not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--surface-3)}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media(prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}::placeholder{color:var(--gray-6)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{color-scheme:dark;font-family:var(--font-sans);color:var(--color-ink);background:var(--surface-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}input,select,textarea{font:inherit;color:inherit;background:0 0;border:0}::selection{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in oklab,var(--color-orange) 30%,transparent)}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components{.screen{position:relative;overflow:hidden}.screen:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 25% 15%,var(--glass-sheen-light),transparent 45%),linear-gradient(315deg,var(--glass-sheen-soft),transparent 38%);mix-blend-mode:screen;border-radius:inherit;position:absolute;inset:0}.screen:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(to bottom,var(--scanline-color) 0,var(--scanline-color) var(--scanline-thickness),transparent var(--scanline-thickness),transparent var(--scanline-pitch));opacity:.6;border-radius:inherit;position:absolute;inset:0}@supports not (mix-blend-mode:screen){.screen:before{mix-blend-mode:normal;opacity:.25}}:root[data-perf=off] .screen:before,:root[data-perf=off] .screen:after{display:none}:root[data-perf=low] .screen:before,:root[data-perf=low] .screen:after{animation:none}.app-shell{background:radial-gradient(ellipse at top left,var(--surface-base) 0%,var(--surface-base) 60%,var(--surface-base) 140%);flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.app-shell{background:radial-gradient(ellipse at top left,color-mix(in oklab,var(--surface-base) 96%,white) 0%,var(--surface-base) 60%,color-mix(in oklab,var(--surface-base) 92%,black) 140%)}}.app-shell{color:var(--color-ink)}.app{flex:auto;grid-template-rows:[stack]minmax(0,1fr)[prompt]auto;grid-template-columns:[pad-bank-start]minmax(240px,288px)[pad-bank-end gutter]16px[grid-start]minmax(0,1fr)[grid-end];gap:14px;min-height:0;padding:20px;display:grid;overflow:hidden}.app>.pad-stack{grid-area:stack/pad-bank-start/stack/pad-bank-end}.app>.sequencer-stack{grid-area:stack/grid-start/stack/grid-end}.app>.prompt-bar{grid-area:prompt/pad-bank-start/prompt/grid-end}.panel-stack{min-width:0;min-height:0;box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush);border-radius:14px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.pad-stack,.sequencer-stack{grid-template-rows:auto auto minmax(0,1fr)}.pad-bank-shell,.step-shell{background:var(--surface-recessed);border-top:1px solid var(--neu-light);box-shadow:inset 4px 4px 12px var(--neu-dark),inset -3px -3px 8px var(--neu-light);border-radius:0 0 14px 14px;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;min-height:0;padding:14px;display:grid;overflow:hidden}.pad-stack>.pad-bank-shell{border-radius:0;padding:10px}.pad-bank-shell{grid-template-rows:1fr}.step-shell{grid-template-rows:minmax(0,1fr)}.boot-splash{align-content:center;place-items:center;gap:var(--size-4);background:var(--surface-base);height:100dvh;font-family:var(--font-display);color:var(--color-ink-muted);letter-spacing:.18em;text-transform:uppercase;font-size:12px;display:grid}.boot-splash__critter{place-items:center;display:grid}.boot-splash__label{animation:boot-splash-pulse 1.8s var(--ease-glimmer) infinite}@keyframes boot-splash-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.boot-splash__label{opacity:1;animation:none}}body.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}body.is-dragging *{cursor:grabbing!important}.app{--rail-w:44px;transition:grid-template-columns .28s,grid-template-rows .28s}@media(prefers-reduced-motion:reduce){.app,.prompt-bar{transition:none}}.app[data-sampler=rail],.app[data-sampler=overlay]{grid-template-columns:[pad-bank-start] var(--rail-w) [pad-bank-end gutter] 16px [grid-start] minmax(0,1fr) [grid-end]}.app[data-sequencer=rail],.app[data-sequencer=overlay]{grid-template-columns:[pad-bank-start] minmax(0,1fr) [pad-bank-end gutter] 16px [grid-start] var(--rail-w) [grid-end]}.app>.panel-rail{display:none}.app>.panel-rail[data-panel=sampler]{grid-area:stack/pad-bank-start/stack/pad-bank-end}.app>.panel-rail[data-panel=sequencer]{grid-area:stack/grid-start/stack/grid-end}.app[data-sampler=rail]>.pad-stack,.app[data-sampler=overlay]>.pad-stack{display:none}.app[data-sampler=rail]>.panel-rail[data-panel=sampler],.app[data-sampler=overlay]>.panel-rail[data-panel=sampler]{display:flex}.app[data-sequencer=rail]>.sequencer-stack,.app[data-sequencer=overlay]>.sequencer-stack{display:none}.app[data-sequencer=rail]>.panel-rail[data-panel=sequencer],.app[data-sequencer=overlay]>.panel-rail[data-panel=sequencer]{display:flex}.panel-rail,.prompt-collapse-btn,.prompt-collapsed-handle{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.panel-rail{background:var(--surface-recessed);min-width:0;box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush);color:var(--color-ink-muted);cursor:pointer;border:none;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:12px 0;transition:color .12s}.panel-rail:hover{color:var(--color-ink)}.panel-rail:focus-visible{outline:2px solid var(--brand-accent,var(--color-orange));outline-offset:2px}.panel-rail-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-family:var(--font-display)}.app>.panel-rail[data-panel=sequencer] .panel-rail-label{transform:rotate(180deg)}.app>.panel-edge-tab{z-index:5;background:var(--surface-recessed);width:16px;height:54px;box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush);color:var(--color-ink-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:7px;grid-row:stack;justify-content:center;align-self:center;align-items:center;padding:0;transition:color .12s,background .12s;display:inline-flex;position:relative}@media(pointer:coarse){.app>.panel-edge-tab:before{content:"";position:absolute;inset:-10px -16px}}.app>.panel-edge-tab:hover{color:var(--color-ink)}.app>.panel-edge-tab:focus-visible{outline:2px solid var(--brand-accent,var(--color-orange));outline-offset:2px}.app>.panel-edge-tab[data-panel=sampler]{grid-column:pad-bank-start/pad-bank-end;justify-self:end;transform:translate(50%)}.app>.panel-edge-tab[data-panel=sequencer]{grid-column:grid-start/grid-end;justify-self:start;transform:translate(-50%)}.app:not([data-sampler=open])>.panel-edge-tab[data-panel=sampler],.app:not([data-sequencer=open])>.panel-edge-tab[data-panel=sequencer]{display:none}.app[data-viewer=share]{grid-template-rows:[stack]minmax(0,1fr)[prompt]0;grid-template-columns:[pad-bank-start]0[pad-bank-end gutter]0[grid-start]minmax(0,1fr)[grid-end];gap:0}.app[data-viewer=share]>.pad-stack,.app[data-viewer=share]>.prompt-bar,.app[data-viewer=share]>.panel-rail[data-panel],.app[data-viewer=share]>.panel-edge-tab{display:none}.app[data-sampler-view=controls] #sampler-column{grid-template-rows:auto 0 minmax(0,1fr)}.app[data-sampler-view=controls] #sampler-column>.pad-bank-shell{visibility:hidden}.app:not([data-sampler-full])[data-sampler-view=pads] #sampler-column{grid-template-rows:auto minmax(0,1fr) auto}.app:not([data-sampler-full])[data-sampler-view=pads] #sampler-column>.sampler-panel .sampler-body{display:none}.app:not([data-sampler-full])[data-sampler-view=pads] #sampler-column>.pad-bank-shell .pad-bank{align-content:center}.app[data-sampler-view=pads] .sampler-tabs{display:none}.sampler-view-toggle{width:24px;height:24px;color:var(--color-ink-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:7px;flex:none;justify-content:center;align-items:center;margin-left:auto;transition:color .12s,background .12s;display:inline-flex}.sampler-view-toggle:hover{color:var(--color-ink);background:var(--surface-recessed)}.sampler-view-toggle:focus-visible{outline:2px solid var(--brand-accent,var(--color-orange));outline-offset:1px}@media(min-width:820px){.app[data-sampler-full]:not([data-sampler-view=controls]) #sampler-column{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(360px,.82fr) minmax(0,1fr)}.app[data-sampler-full]:not([data-sampler-view=controls]) #sampler-column>.brand-header{grid-column:1/-1}.app[data-sampler-full]:not([data-sampler-view=controls]) #sampler-column>.pad-bank-shell{grid-area:2/1}.app[data-sampler-full]:not([data-sampler-view=controls]) #sampler-column>.sampler-panel{grid-area:2/2}.app[data-sampler-full]:not([data-sampler-view=controls]) #sampler-column>.pad-bank-shell .pad-bank-inner{container-type:size}.app[data-sampler-full]:not([data-sampler-view=controls]) #sampler-column>.pad-bank-shell .pad-bank{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));place-content:stretch;place-self:center;width:100cqmin;height:100cqmin}.app[data-sampler-full]:not([data-sampler-view=controls]) #sampler-column>.sampler-panel{border-radius:0 0 14px}}.prompt-bar{min-height:40px;position:relative}.prompt-collapse-btn{z-index:5;width:40px;height:18px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:0 0 8px 8px;justify-content:center;align-items:center;transition:color .12s,background .12s;display:inline-flex;position:absolute;top:2px;left:50%;transform:translate(-50%)}.prompt-collapse-btn:hover{color:var(--color-ink);background:var(--surface-recessed)}.prompt-collapse-btn:focus-visible{outline:2px solid var(--color-orange);outline-offset:1px}.prompt-collapsed-handle{z-index:4;background:var(--surface-recessed);cursor:pointer;color:var(--color-ink-muted);border:none;justify-content:center;align-items:center;gap:8px;transition:color .12s;display:none;position:absolute;inset:0}.prompt-bar[data-collapsed]>.prompt-collapsed-handle{display:flex}.prompt-bar[data-collapsed]>.prompt-inner{display:none}.prompt-collapsed-handle:hover{color:var(--color-ink)}.prompt-handle-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;font-size:11px}.app[data-regime=minimal]{grid-template-rows:[stack]minmax(0,1fr)[tabs]auto;grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}.app[data-regime=minimal]>.pad-stack,.app[data-regime=minimal]>.sequencer-stack,.app[data-regime=minimal]>.prompt-bar{grid-area:stack/1/stack/-1;min-height:0}.app[data-regime=minimal]:not([data-active-panel=sampler])>.pad-stack,.app[data-regime=minimal]:not([data-active-panel=sequencer])>.sequencer-stack,.app[data-regime=minimal]:not([data-active-panel=chat])>.prompt-bar,.app[data-regime=minimal]>.panel-edge-tab,.app[data-regime=minimal]>.panel-rail[data-panel],.app[data-regime=minimal] .prompt-collapse-btn,.app[data-regime=minimal] .prompt-collapsed-handle{display:none}.app[data-regime=minimal][data-active-panel=chat]>.prompt-bar{place-content:center;display:grid}.app[data-regime=minimal][data-active-panel=chat]>.prompt-bar>.prompt-inner{grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px;width:min(100%,540px)}.app[data-regime=minimal][data-active-panel=chat] .prompt-talk{width:100%}.app[data-regime=minimal][data-active-panel=chat] .prompt-top-row{flex-direction:column;align-items:center;gap:12px;display:flex}.app[data-regime=minimal][data-active-panel=chat] .prompt-top-left{flex-direction:column;align-items:center;width:100%}.app[data-regime=minimal][data-active-panel=chat] .prompt-bubble{text-align:center;place-self:center}.app[data-regime=minimal][data-active-panel=chat] .prompt-bubble:before{display:none}.app[data-regime=minimal][data-active-panel=chat] .prompt-right-cluster{flex-wrap:wrap;justify-content:center;margin-inline-start:0}.app[data-regime=minimal] .transport-header,.app[data-regime=minimal] .pattern-bar{zoom:var(--ui-scale,1)}.app[data-regime=minimal][data-active-panel=sampler] #sampler-column>.brand-header{display:none}.app[data-regime=minimal][data-active-panel=sampler] #sampler-column{grid-template-rows:minmax(0,1fr) auto}.app[data-regime=minimal][data-active-panel=sampler] #sampler-column>.pad-bank-shell .pad-bank-inner{container-type:size}.app[data-regime=minimal][data-active-panel=sampler] #sampler-column>.pad-bank-shell .pad-bank{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));place-content:stretch;place-self:center;width:100cqmin;height:100cqmin}@container (min-aspect-ratio:2){.app[data-regime=minimal][data-active-panel=sampler] #sampler-column>.pad-bank-shell .pad-bank{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));place-self:stretch stretch;width:100%;height:100%}}.app[data-regime=minimal][data-active-panel=sampler][data-sampler-view=controls] #sampler-column{grid-template-rows:minmax(0,1fr)}.app[data-regime=minimal][data-active-panel=sampler][data-sampler-view=controls] #sampler-column>.pad-bank-shell{display:none}.minimal-tabs{background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);border-radius:12px;grid-area:tabs/1/tabs/-1;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;display:grid}.minimal-tab{min-height:48px;color:var(--color-ink-muted);font:600 10px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:color .12s,background .12s;display:inline-flex}.minimal-tab[data-active]{background:var(--surface-raised);box-shadow:var(--shadow-neu-raised);color:var(--brand-accent,var(--color-orange))}.minimal-tab:not([data-active]):hover{color:var(--color-ink)}.minimal-tab:focus-visible{outline:2px solid var(--color-orange);outline-offset:1px}@media(orientation:landscape){.app[data-regime=minimal]{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr)}.app[data-regime=minimal]>.pad-stack,.app[data-regime=minimal]>.sequencer-stack,.app[data-regime=minimal]>.prompt-bar{grid-area:1/2}.app[data-regime=minimal]>.minimal-tabs{grid-area:1/1;grid-template-rows:repeat(3,1fr);grid-template-columns:minmax(0,1fr);min-width:76px}.app[data-regime=minimal][data-active-panel=sequencer]{grid-template-rows:[stack]minmax(0,1fr)[tabs]auto;grid-template-columns:minmax(0,1fr)}.app[data-regime=minimal][data-active-panel=sequencer]>.sequencer-stack{grid-area:stack/1/stack/-1}.app[data-regime=minimal][data-active-panel=sequencer]>.minimal-tabs{grid-area:tabs/1/tabs/-1;grid-template-rows:auto;grid-template-columns:repeat(3,1fr);min-width:0}}.rotate-hint{z-index:60;background:var(--surface-base);place-items:center;padding:24px;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.rotate-hint{background:color-mix(in oklab,var(--surface-base) 82%,black)}}.rotate-hint{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rotate-hint-card{text-align:center;background:var(--surface-recessed);max-width:320px;box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:28px 24px;display:flex}.rotate-hint-icon{color:var(--brand-accent,var(--color-orange));animation:2.6s ease-in-out infinite rotate-hint-spin}@keyframes rotate-hint-spin{0%,55%{transform:rotate(0)}78%,to{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){.rotate-hint-icon{animation:none}}.rotate-hint-title{font:600 16px/1.2 var(--font-display);letter-spacing:.04em;color:var(--color-ink);margin:0}.rotate-hint-sub{color:var(--color-ink-muted);margin:0;font-size:13px;line-height:1.4}.rotate-hint-dismiss{background:var(--surface-raised);color:var(--color-ink-muted);font:600 11px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:9px;margin-top:6px;padding:8px 16px}.rotate-hint-dismiss:hover{color:var(--color-ink)}.nav-bar{width:100%;height:36px;color:var(--color-ink);background:var(--surface-base);border-bottom:1px solid var(--neu-light);box-shadow:0 1px 0 var(--neu-dark),inset 0 -1px 0 var(--neu-dark);border-radius:0;flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 14px;display:grid}.nav-cluster{align-items:center;gap:2px;min-width:0;display:inline-flex}.nav-cluster-right{justify-content:flex-end}.nav-divider{background:var(--color-ink);width:1px;height:14px;margin:0 7px}@supports (color:color-mix(in lab,red,red)){.nav-divider{background:color-mix(in oklab,var(--color-ink) 18%,transparent)}}.nav-button{height:24px;color:var(--color-ink);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.nav-button{color:color-mix(in oklab,var(--color-ink) 75%,transparent)}}.nav-button{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap)}.nav-button:hover{background:var(--neu-light);color:var(--color-ink)}.nav-button:active{box-shadow:var(--shadow-neu-pressed);transform:translateY(1px)}.nav-button:focus-visible{box-shadow:0 0 0 1.5px var(--color-orange);outline:none}@supports (color:color-mix(in lab,red,red)){.nav-button:focus-visible{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--color-orange) 65%,transparent)}}.nav-button-icon{color:var(--color-ink);place-items:center;line-height:0;display:inline-grid}@supports (color:color-mix(in lab,red,red)){.nav-button-icon{color:color-mix(in oklab,var(--color-ink) 55%,transparent)}}.nav-button-icon{transition:color var(--dur-tap) var(--ease-snap)}.nav-button:hover .nav-button-icon{color:var(--color-ink)}.nav-button[data-palette],.nav-button[data-palette] .nav-button-icon{color:var(--nav-button-accent)}.nav-button[data-palette]:hover{background:var(--nav-button-accent)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-palette]:hover{background:color-mix(in oklab,var(--nav-button-accent) 12%,transparent)}}.nav-button[data-palette]:hover,.nav-button[data-palette]:hover .nav-button-icon{color:var(--nav-button-accent)}.nav-button[data-palette]:focus-visible{box-shadow:0 0 0 1.5px var(--nav-button-accent)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-palette]:focus-visible{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--nav-button-accent) 65%,transparent)}}.nav-button[data-palette=blue]{--nav-button-accent:var(--color-blue)}.nav-button[data-palette=green]{--nav-button-accent:var(--color-green)}.nav-button[data-palette=white]{--nav-button-accent:var(--color-white)}.nav-button[data-variant=accent],.nav-button[data-variant=accent] .nav-button-icon{color:var(--color-orange)}.nav-button[data-variant=accent]:hover{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=accent]:hover{background:color-mix(in oklab,var(--color-orange) 12%,transparent)}}.nav-button[data-variant=accent]:hover{color:var(--color-orange)}@keyframes nav-cta-call{0%{transform:scale(1)rotate(0)}8%{transform:scale(1.18)rotate(-3.5deg)}18%{transform:scale(1.22)rotate(3.5deg)}28%{transform:scale(1.18)rotate(-2.5deg)}38%{transform:scale(1.22)rotate(2.5deg)}50%{transform:scale(1.2)rotate(0)}85%{transform:scale(1.2)rotate(0)}to{transform:scale(1)rotate(0)}}.nav-button[data-variant=accent][data-emphasize]{animation:nav-cta-call 2.6s var(--ease-snap,cubic-bezier(.4,0,.2,1)) forwards;transform-origin:0;z-index:2;background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=accent][data-emphasize]{background:color-mix(in oklab,var(--color-orange) 22%,transparent)}}.nav-button[data-variant=accent][data-emphasize]{box-shadow:0 0 0 1.5px var(--color-orange),0 0 18px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=accent][data-emphasize]{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--color-orange) 65%,transparent),0 0 18px color-mix(in oklab,var(--color-orange) 55%,transparent)}}@media(prefers-reduced-motion:reduce){.nav-button[data-variant=accent][data-emphasize]{animation:none;transform:scale(1.18)}}.nav-button[data-variant=ghost][data-emphasize]{animation:nav-cta-call 2.6s var(--ease-snap,cubic-bezier(.4,0,.2,1)) forwards;transform-origin:50%;z-index:2;background:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=ghost][data-emphasize]{background:color-mix(in oklab,var(--color-blue) 18%,var(--surface-raised))}}.nav-button[data-variant=ghost][data-emphasize]{box-shadow:0 0 0 1.5px var(--color-blue),0 0 18px var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=ghost][data-emphasize]{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--color-blue) 65%,transparent),0 0 18px color-mix(in oklab,var(--color-blue) 55%,transparent)}}.nav-button[data-variant=primary][data-emphasize]{animation:nav-cta-call 2.6s var(--ease-snap,cubic-bezier(.4,0,.2,1)) forwards;transform-origin:50%;z-index:2;box-shadow:0 0 0 1.5px var(--color-orange),0 0 20px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=primary][data-emphasize]{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--color-orange) 70%,transparent),0 0 20px color-mix(in oklab,var(--color-orange) 60%,transparent)}}@media(prefers-reduced-motion:reduce){.nav-button[data-variant=ghost][data-emphasize],.nav-button[data-variant=primary][data-emphasize]{animation:none;transform:scale(1.18)}}.nav-button[data-variant=ghost]{color:var(--color-ink);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush)}.nav-button[data-variant=ghost] .nav-button-icon{color:var(--color-ink)}.nav-button[data-variant=ghost]:hover{background:var(--surface-raised-hi);box-shadow:inset 0 0 0 1px var(--color-ink),var(--shadow-neu-flush)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=ghost]:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 30%,transparent),var(--shadow-neu-flush)}}.nav-button[data-variant=ghost]:hover{color:var(--color-ink)}.nav-button[data-variant=ghost]:focus-visible{box-shadow:inset 0 0 0 1px var(--color-ink),var(--shadow-neu-flush),0 0 0 1.5px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=ghost]:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 30%,transparent),var(--shadow-neu-flush),0 0 0 1.5px color-mix(in oklab,var(--color-orange) 65%,transparent)}}.nav-button[data-variant=primary]{background:var(--color-orange);color:var(--surface-base);box-shadow:0 0 12px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=primary]{box-shadow:0 0 12px color-mix(in oklab,var(--color-orange) 35%,transparent)}}.nav-button[data-variant=primary] .nav-button-icon{color:var(--surface-base)}.nav-button[data-variant=primary]:hover{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=primary]:hover{background:color-mix(in oklab,var(--color-orange) 88%,white)}}.nav-button[data-variant=primary]:hover{color:var(--surface-base)}.nav-button[data-variant=admin]{color:var(--color-gold-soft);background:var(--color-gold-soft)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=admin]{background:color-mix(in oklab,var(--color-gold-soft) 14%,var(--surface-raised))}}.nav-button[data-variant=admin]{box-shadow:inset 0 0 0 1px var(--color-gold-soft),0 0 10px var(--color-gold-soft-glow)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=admin]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gold-soft) 40%,transparent),0 0 10px var(--color-gold-soft-glow)}}.nav-button[data-variant=admin] .nav-button-icon{color:var(--color-gold-soft)}.nav-button[data-variant=admin]:hover{background:var(--color-gold-soft)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=admin]:hover{background:color-mix(in oklab,var(--color-gold-soft) 22%,var(--surface-raised))}}.nav-button[data-variant=admin]:hover{color:var(--color-gold-soft);box-shadow:inset 0 0 0 1px var(--color-gold-soft),0 0 14px var(--color-gold-soft-glow)}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=admin]:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gold-soft) 60%,transparent),0 0 14px var(--color-gold-soft-glow)}}.nav-button[data-variant=admin]:focus-visible{box-shadow:inset 0 0 0 1px var(--color-gold-soft),0 0 0 1.5px var(--color-gold-soft-glow);outline:none}@supports (color:color-mix(in lab,red,red)){.nav-button[data-variant=admin]:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gold-soft) 70%,transparent),0 0 0 1.5px var(--color-gold-soft-glow)}}.nav-icon-button{width:26px;height:26px;color:var(--color-ink);background:0 0;border:none;border-radius:6px;place-items:center;display:inline-grid}@supports (color:color-mix(in lab,red,red)){.nav-icon-button{color:color-mix(in oklab,var(--color-ink) 65%,transparent)}}.nav-icon-button{cursor:pointer;transition:background var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap),transform var(--dur-tap) var(--ease-snap)}.nav-icon-button:hover{background:var(--neu-light);color:var(--color-ink)}.nav-icon-button:active{box-shadow:var(--shadow-neu-pressed);transform:translateY(1px)}.nav-icon-button:focus-visible{box-shadow:0 0 0 1.5px var(--color-orange);outline:none}@supports (color:color-mix(in lab,red,red)){.nav-icon-button:focus-visible{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--color-orange) 65%,transparent)}}.nav-food-meter{background:var(--color-orange);border-radius:6px 0 0 6px;justify-content:center;align-items:center;gap:5px;min-width:8ch;height:22px;margin-right:-2px;padding:0 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.nav-food-meter{background:color-mix(in oklab,var(--color-orange) 14%,var(--surface-recessed))}}.nav-food-meter{color:var(--color-orange);font:600 11px/1 var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-neu-flush),inset 0 0 0 1px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-food-meter{box-shadow:var(--shadow-neu-flush),inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 28%,transparent)}}.nav-food-meter{-webkit-user-select:none;user-select:none;cursor:default}.nav-food-meter-icon{color:var(--color-orange);place-items:center;line-height:0;display:inline-grid}.nav-food-meter-value{color:var(--color-orange);text-align:center}.nav-food-meter+.nav-button[data-variant=accent]{border-top-left-radius:0;border-bottom-left-radius:0}.nav-food-meter[data-empty]{color:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-food-meter[data-empty]{color:color-mix(in oklab,var(--color-orange) 45%,var(--color-ink-muted))}}.nav-food-meter[data-empty]{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-food-meter[data-empty]{background:color-mix(in oklab,var(--color-orange) 6%,var(--surface-recessed))}}.nav-food-meter[data-empty] .nav-food-meter-icon,.nav-food-meter[data-empty] .nav-food-meter-value{color:inherit}.nav-song{background:var(--surface-recessed);height:24px;box-shadow:var(--shadow-neu-flush),inset 0 0 0 1px var(--neu-light);transition:background var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap);border-radius:6px;align-items:center;gap:6px;margin-right:6px;padding:0 8px 0 9px;display:inline-flex;position:relative}.nav-song:hover{background:var(--surface-recessed)}@supports (color:color-mix(in lab,red,red)){.nav-song:hover{background:color-mix(in oklab,var(--surface-recessed) 60%,var(--neu-light))}}.nav-song:hover{box-shadow:var(--shadow-neu-flush),inset 0 0 0 1px var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.nav-song:hover{box-shadow:var(--shadow-neu-flush),inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 22%,transparent)}}.nav-song[data-editing]{background:var(--surface-recessed-deep);box-shadow:var(--shadow-neu-pressed),inset 0 0 0 1.5px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-song[data-editing]{box-shadow:var(--shadow-neu-pressed),inset 0 0 0 1.5px color-mix(in oklab,var(--color-orange) 70%,transparent)}}.nav-song-label{font:600 9px/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.nav-song-label{color:color-mix(in oklab,var(--color-ink) 55%,transparent)}}.nav-song-label{pointer-events:none}.nav-song-input{color:var(--color-ink);font:600 11px/1 var(--font-mono);letter-spacing:.04em;text-overflow:ellipsis;background:0 0;border:none;outline:none;min-width:4ch;padding:0}.nav-song-input::placeholder{color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.nav-song-input::placeholder{color:color-mix(in oklab,var(--color-ink) 35%,transparent)}}.nav-song-input::placeholder{font-style:italic}.nav-song-menu-button{width:16px;height:18px;color:var(--color-ink);background:0 0;border:none;border-radius:5px;place-items:center;padding:0;display:inline-grid}@supports (color:color-mix(in lab,red,red)){.nav-song-menu-button{color:color-mix(in oklab,var(--color-ink) 52%,transparent)}}.nav-song-menu-button{cursor:pointer;transition:background var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap)}.nav-song-menu-button:hover,.nav-song-menu-button[aria-expanded=true]{background:var(--neu-light);color:var(--color-ink)}.nav-song-menu-button:focus-visible{box-shadow:0 0 0 1.5px var(--color-orange);outline:none}@supports (color:color-mix(in lab,red,red)){.nav-song-menu-button:focus-visible{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--color-orange) 65%,transparent)}}.nav-song-menu{background:var(--surface-raised);min-width:220px;max-width:320px;box-shadow:var(--shadow-neu-raised),inset 0 0 0 1px var(--neu-light);z-index:70;border-radius:8px;gap:3px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.nav-song-option{min-height:28px;color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 8px;display:grid}.nav-song-option:hover,.nav-song-option[data-active]{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-song-option:hover,.nav-song-option[data-active]{background:color-mix(in oklab,var(--color-orange) 15%,var(--surface-recessed))}}.nav-song-option[data-active]{box-shadow:inset 0 0 0 1px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-song-option[data-active]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 45%,transparent)}}.nav-song-option:focus-visible{box-shadow:0 0 0 1.5px var(--color-orange);outline:none}@supports (color:color-mix(in lab,red,red)){.nav-song-option:focus-visible{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--color-orange) 65%,transparent)}}.nav-song-option-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 11px/1 var(--font-mono);overflow:hidden}.nav-song-option-meta,.nav-song-empty{font:600 9px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.nav-song-option-meta,.nav-song-empty{color:color-mix(in oklab,var(--color-ink) 50%,transparent)}}.nav-song-empty{padding:8px}.nav-status{font:500 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink);justify-self:center}@supports (color:color-mix(in lab,red,red)){.nav-status{color:color-mix(in oklab,var(--color-ink) 55%,transparent)}}.nav-status{text-align:center;opacity:0;min-height:12px;transition:opacity .18s var(--ease-snap),color .18s var(--ease-snap)}.nav-status[data-tone]{opacity:1}.nav-status[data-tone=ok]{color:var(--color-green)}@supports (color:color-mix(in lab,red,red)){.nav-status[data-tone=ok]{color:color-mix(in oklab,var(--color-green) 70%,var(--color-ink))}}.nav-status[data-tone=soon]{color:var(--color-orange)}.nav-status[data-tone=err]{color:var(--color-error)}.nav-hidden-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-account{align-items:center;display:inline-flex;position:relative}.nav-account__avatar{background:var(--color-orange);width:26px;height:26px;color:var(--surface-base);font:600 11px/1 var(--font-mono);letter-spacing:0;cursor:pointer;box-shadow:0 0 10px var(--color-orange);border:none;border-radius:50%;place-items:center;display:inline-grid}@supports (color:color-mix(in lab,red,red)){.nav-account__avatar{box-shadow:0 0 10px color-mix(in oklab,var(--color-orange) 30%,transparent)}}.nav-account__avatar{transition:transform var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap)}.nav-account__avatar:hover{box-shadow:0 0 14px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.nav-account__avatar:hover{box-shadow:0 0 14px color-mix(in oklab,var(--color-orange) 50%,transparent)}}.nav-account__avatar:active{transform:translateY(1px)}.nav-account__avatar:focus-visible{box-shadow:0 0 0 1.5px var(--color-orange),0 0 12px var(--color-orange);outline:none}@supports (color:color-mix(in lab,red,red)){.nav-account__avatar:focus-visible{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--color-orange) 70%,transparent),0 0 12px color-mix(in oklab,var(--color-orange) 40%,transparent)}}.nav-account__avatar[data-admin]{background:var(--color-gold-soft)}@supports (color:color-mix(in lab,red,red)){.nav-account__avatar[data-admin]{background:color-mix(in oklab,var(--color-gold-soft) 22%,var(--surface-raised))}}.nav-account__avatar[data-admin]{color:var(--color-gold-soft);box-shadow:inset 0 0 0 1px var(--color-gold-soft),0 0 10px var(--color-gold-soft-glow)}@supports (color:color-mix(in lab,red,red)){.nav-account__avatar[data-admin]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gold-soft) 55%,transparent),0 0 10px var(--color-gold-soft-glow)}}.nav-account__avatar[data-admin]:hover{background:var(--color-gold-soft)}@supports (color:color-mix(in lab,red,red)){.nav-account__avatar[data-admin]:hover{background:color-mix(in oklab,var(--color-gold-soft) 30%,var(--surface-raised))}}.nav-account__avatar[data-admin]:hover{box-shadow:inset 0 0 0 1px var(--color-gold-soft),0 0 14px var(--color-gold-soft-glow)}@supports (color:color-mix(in lab,red,red)){.nav-account__avatar[data-admin]:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gold-soft) 70%,transparent),0 0 14px var(--color-gold-soft-glow)}}.nav-account__avatar[data-admin]:focus-visible{box-shadow:0 0 0 1.5px var(--color-gold-soft),0 0 12px var(--color-gold-soft-glow)}@supports (color:color-mix(in lab,red,red)){.nav-account__avatar[data-admin]:focus-visible{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--color-gold-soft) 70%,transparent),0 0 12px var(--color-gold-soft-glow)}}.nav-account__menu{background:var(--surface-raised);min-width:200px;box-shadow:var(--shadow-neu-flush),inset 0 0 0 1px var(--neu-light);z-index:60;border-radius:8px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.nav-account__handle{font:600 12px/1.2 var(--font-mono);color:var(--color-ink);word-break:break-all;padding:4px 6px 0}.nav-account__email{font:500 11px/1.3 var(--font-mono);color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.nav-account__email{color:color-mix(in oklab,var(--color-ink) 65%,transparent)}}.nav-account__email{word-break:break-all;padding:4px 6px}.nav-account__handle+.nav-account__email{padding-top:0}.nav-account__signout{height:24px;color:var(--color-ink);font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.nav-account__signout:hover{background:var(--neu-light);color:var(--color-orange)}.nav-account__action{height:24px;color:var(--color-ink);font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.nav-account__action:hover:not(:disabled){background:var(--neu-light);color:var(--color-orange)}.nav-account__action:disabled{opacity:.5;cursor:progress}.nav-account__action--danger:hover:not(:disabled){color:var(--color-error)}.nav-food-meter:not([data-authed]){opacity:.85}.nav-button[data-disabled]{cursor:not-allowed;opacity:.4}.nav-button[data-disabled]:hover{color:var(--color-ink);background:0 0}@supports (color:color-mix(in lab,red,red)){.nav-button[data-disabled]:hover{color:color-mix(in oklab,var(--color-ink) 75%,transparent)}}.nav-button[data-disabled]:active{box-shadow:none;transform:none}@media(max-width:900px){.nav-bar{gap:4px;padding:0 8px}.nav-button,.nav-account__signout,.nav-account__action{letter-spacing:.08em;gap:4px;padding:0 6px}.nav-divider{margin:0 3px}.nav-song{margin-right:2px}.nav-song-input{max-width:14ch}.nav-food-meter{min-width:6ch;padding:0 6px}.nav-status{display:none}}.nav-cluster{flex-wrap:nowrap}@media(max-width:820px){.nav-button{gap:0;padding:0 7px}.nav-button-label,.nav-song-label{display:none}.nav-song{margin-right:2px;padding:0 6px}.nav-song-input{max-width:10ch}.nav-divider{margin:0 2px}}@media(max-width:600px){.nav-icon-button,.nav-button[data-nibbit-target=nav-about],.nav-button[data-nibbit-target=nav-import],.nav-button[data-nibbit-target=nav-export],.nav-divider{display:none}.nav-bar{padding:0 6px}.nav-song-input{max-width:8ch}}.nav-toggle{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);align-items:center;gap:6px;padding:0 6px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.nav-toggle{color:color-mix(in oklab,var(--color-ink) 75%,transparent)}}.nav-toggle{cursor:pointer}.nav-toggle[data-disabled]{cursor:not-allowed;opacity:.5}.nav-toggle-icon{color:var(--color-ink);place-items:center;line-height:0;display:inline-grid}@supports (color:color-mix(in lab,red,red)){.nav-toggle-icon{color:color-mix(in oklab,var(--color-ink) 55%,transparent)}}.nav-toggle-caption{color:inherit}.nav-toggle-track{background:var(--color-ink);border:none;border-radius:999px;flex:none;width:28px;height:16px;padding:0;position:relative}@supports (color:color-mix(in lab,red,red)){.nav-toggle-track{background:color-mix(in oklab,var(--color-ink) 22%,transparent)}}.nav-toggle-track{cursor:inherit;transition:background var(--dur-tap) var(--ease-snap)}.nav-toggle-track[data-on]{background:var(--color-green)}.nav-toggle-track:focus-visible{box-shadow:0 0 0 1.5px var(--color-orange);outline:none}@supports (color:color-mix(in lab,red,red)){.nav-toggle-track:focus-visible{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--color-orange) 65%,transparent)}}.nav-toggle-thumb{background:var(--surface-base);width:12px;height:12px;transition:left var(--dur-tap) var(--ease-snap);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000059}.nav-toggle-track[data-on] .nav-toggle-thumb{left:14px}.panel{background:var(--surface-raised);border-radius:var(--radius-panel);box-shadow:var(--shadow-neu-flush),var(--shadow-neu-raised);padding:var(--space-4,1rem);position:relative;overflow:hidden;container-type:inline-size}.panel:before{content:"";opacity:.06;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;background:url(#paper-pulp);position:absolute;inset:0}.panel-screw{pointer-events:none;width:12px;height:12px;color:var(--color-screw);opacity:.7;position:absolute}.panel-screw[data-pos=tl]{top:10px;left:10px}.panel-screw[data-pos=tr]{top:10px;right:10px}.panel-screw[data-pos=bl]{bottom:10px;left:10px}.panel-screw[data-pos=br]{bottom:10px;right:10px}.panel-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;color:var(--color-ink-muted);text-shadow:0 1px #0006;font-size:10px}.encoder-wrap{grid-template-rows:auto auto;justify-items:center;gap:6px;min-width:72px;display:grid}.encoder{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .12s var(--ease);border-radius:50%;outline:none;position:relative}.encoder[data-size=sm]{width:48px;height:48px}.encoder[data-size=md]{width:64px;height:64px}.encoder:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,transparent 56%,var(--surface-recessed-deep) 70%,transparent 76%);border-radius:50%;position:absolute;inset:11%}@supports (color:color-mix(in lab,red,red)){.encoder:before{background:radial-gradient(circle,transparent 56%,color-mix(in oklab,var(--surface-recessed-deep) 38%,black) 70%,transparent 76%)}}.encoder:before{box-shadow:inset 0 2px 4px #000000bf,0 1px 0 var(--neu-light)}.encoder:after{content:"";pointer-events:none;z-index:3;box-shadow:inset 0 0 0 1px var(--color-aluminum),inset 0 1px 1px var(--color-aluminum-hi);border-radius:50%;position:absolute;inset:11%}@supports (color:color-mix(in lab,red,red)){.encoder:after{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-aluminum) 60%,transparent),inset 0 1px 1px color-mix(in oklab,var(--color-aluminum-hi) 75%,transparent)}}.encoder-svg{z-index:0;pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.encoder-cap{z-index:4;pointer-events:none;background:radial-gradient(circle at 36% 26%,#fff9 0%,#ffffff1a 20%,transparent 46%),repeating-radial-gradient(circle at 50% 50%,#ffffff08 0 1.5px,#00000009 1.5px 3px),radial-gradient(circle at 42% 32%,var(--ring) 0%,var(--ring) 44%,var(--ring) 78%,var(--ring) 100%);border-radius:50%;position:absolute;inset:20%}@supports (color:color-mix(in lab,red,red)){.encoder-cap{background:radial-gradient(circle at 36% 26%,#fff9 0%,#ffffff1a 20%,transparent 46%),repeating-radial-gradient(circle at 50% 50%,#ffffff08 0 1.5px,#00000009 1.5px 3px),radial-gradient(circle at 42% 32%,color-mix(in oklab,var(--ring) 42%,#7a746a),color-mix(in oklab,var(--ring) 34%,#4a463f) 44%,color-mix(in oklab,var(--ring) 26%,#272420) 78%,color-mix(in oklab,var(--ring) 20%,#100e0b))}}.encoder-cap{box-shadow:inset 0 2px 1px #ffffff73,inset 0 -4px 7px #0000009e,0 4px 7px #0000008c,0 9px 16px #00000073}.encoder-cap:before{content:"";pointer-events:none;opacity:.44;background:repeating-conic-gradient(#ffffff21 0deg 1.4deg,#00000038 1.4deg 2.8deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 62%,#000 66%);mask:radial-gradient(circle,#0000 62%,#000 66%)}.encoder-ind{z-index:5;pointer-events:none;width:3px;box-shadow:0 0 0 .5px #0000008c,inset 0 1px #ffffffb3,0 0 5px var(--ring);background:linear-gradient(#f6f1e6,#d0cabd);border-radius:2px;position:absolute;left:50%}@supports (color:color-mix(in lab,red,red)){.encoder-ind{box-shadow:0 0 0 .5px #0000008c,inset 0 1px #ffffffb3,0 0 5px color-mix(in oklab,var(--ring) 45%,transparent)}}.encoder-led{z-index:6;pointer-events:none;background:radial-gradient(circle at 40% 35%,var(--color-shell) 0%,var(--surface-recessed-deep) 66%,#0c0b09 100%);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px}@supports (color:color-mix(in lab,red,red)){.encoder-led{background:radial-gradient(circle at 40% 35%,color-mix(in oklab,var(--color-shell) 18%,var(--surface-recessed-deep)) 0%,var(--surface-recessed-deep) 66%,#0c0b09 100%)}}.encoder-led{box-shadow:inset 0 .5px .5px #ffffff29,inset 0 -1px 1px #0009,0 0 0 1px #0006}.encoder:focus-visible{box-shadow:0 0 0 2px var(--ring,var(--color-orange))}@supports (color:color-mix(in lab,red,red)){.encoder:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--ring,var(--color-orange)) 70%,transparent)}}.encoder:focus-visible{border-radius:50%}.encoder[data-dragging]{cursor:grabbing;transform:scale(.97)}.encoder-wrap[data-size=sm]{gap:3px;min-width:60px}.encoder-wrap[data-size=sm] .encoder-meta{gap:1px}.encoder-wrap[data-size=sm] .encoder-label{font-size:8px}.encoder-wrap[data-size=sm] .encoder-value{min-width:28px;font-size:10px}.encoder-meta{pointer-events:none;grid-template-rows:auto auto;justify-items:center;gap:2px;line-height:1;display:grid}.encoder-label{font:500 8px/1 var(--font-mono);letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.encoder-label{color:color-mix(in oklab,var(--color-shell) 55%,transparent)}}.encoder-value{font-family:var(--font-bitmap);color:var(--ring);text-shadow:0 0 6px var(--ring);font-size:11px;line-height:1}@supports (color:color-mix(in lab,red,red)){.encoder-value{text-shadow:0 0 6px color-mix(in oklab,var(--ring) 48%,transparent)}}.encoder-value{font-variant-numeric:tabular-nums;text-align:center;min-width:34px}.encoder-input{pointer-events:auto;text-align:center;width:46px;font:600 11px/1 var(--font-mono);color:#fff3c4;background:var(--surface-recessed-deep);outline:1.5px solid var(--ring);border:none;border-radius:5px;padding:3px 4px}@supports (color:color-mix(in lab,red,red)){.encoder-input{outline:1.5px solid color-mix(in oklab,var(--ring) 70%,transparent)}}.encoder-input{font-variant-numeric:tabular-nums}.pad-bank-inner{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.pad-bank{grid-template-columns:repeat(4,minmax(0,max(40px,calc((var(--ui-scale,1) * 1.5 - .5) * 76px))));grid-auto-rows:min-content;place-content:start center;gap:8px;min-width:0;min-height:0;display:grid}.pad-trash{border:1.5px dashed var(--color-error);justify-content:center;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.pad-trash{border:1.5px dashed color-mix(in oklab,var(--color-error) 40%,transparent)}}.pad-trash{background:var(--color-error);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.pad-trash{background:color-mix(in oklab,var(--color-error) 80%,#000000b3)}}.pad-trash{color:#fff;font:500 11px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease)}.pad-trash:hover{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.pad-trash:hover{background:color-mix(in oklab,var(--color-error) 22%,transparent)}}.pad-trash:hover{border-color:var(--color-error);color:#fff;box-shadow:0 0 18px var(--color-error)}@supports (color:color-mix(in lab,red,red)){.pad-trash:hover{box-shadow:0 0 18px color-mix(in oklab,var(--color-error) 50%,transparent)}}.pad{--pad-accent:var(--color-orange);aspect-ratio:1;border-radius:var(--radius-pad);background:radial-gradient(circle at 35% 25%,var(--surface-raised-hi) 0%,var(--surface-raised) 65%,var(--surface-base) 100%);width:100%;min-width:0;min-height:0;color:var(--color-shell);box-shadow:var(--shadow-neu-flush),var(--shadow-neu-raised);transition:transform var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap);-webkit-user-select:none;user-select:none;touch-action:none;place-items:center;display:grid;position:relative;overflow:hidden}.pad:nth-child(16n+1){--pad-accent:var(--pad-color-0)}.pad:nth-child(16n+2){--pad-accent:var(--pad-color-1)}.pad:nth-child(16n+3){--pad-accent:var(--pad-color-2)}.pad:nth-child(16n+4){--pad-accent:var(--pad-color-3)}.pad:nth-child(16n+5){--pad-accent:var(--pad-color-4)}.pad:nth-child(16n+6){--pad-accent:var(--pad-color-5)}.pad:nth-child(16n+7){--pad-accent:var(--pad-color-6)}.pad:nth-child(16n+8){--pad-accent:var(--pad-color-7)}.pad:nth-child(16n+9){--pad-accent:var(--pad-color-8)}.pad:nth-child(16n+10){--pad-accent:var(--pad-color-9)}.pad:nth-child(16n+11){--pad-accent:var(--pad-color-10)}.pad:nth-child(16n+12){--pad-accent:var(--pad-color-11)}.pad:nth-child(16n+13){--pad-accent:var(--pad-color-12)}.pad:nth-child(16n+14){--pad-accent:var(--pad-color-13)}.pad:nth-child(16n+15){--pad-accent:var(--pad-color-14)}.pad:nth-child(16n){--pad-accent:var(--pad-color-15)}.pad:active,.pad[data-pressed=true]{box-shadow:var(--shadow-neu-pressed);transform:translateY(2px)scale(.98)}.pad[data-armed=true]{box-shadow:inset 0 0 0 1.5px var(--pad-accent),inset 0 1px #ffffff1a,0 0 10px var(--pad-accent),0 1px #ffffff1f}@supports (color:color-mix(in lab,red,red)){.pad[data-armed=true]{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--pad-accent) 80%,transparent),inset 0 1px #ffffff1a,0 0 10px color-mix(in oklab,var(--pad-accent) 35%,transparent),0 1px #ffffff1f}}.pad[data-armed=true] .pad-index{color:var(--pad-accent)}.pad[data-selected]{box-shadow:inset 0 0 0 1.5px #fffffff2,inset 0 1px #ffffff1a,0 0 0 1px #ffffff59,0 0 12px #fff3,0 1px #ffffff1f}.pad[data-armed=true][data-selected]{box-shadow:inset 0 0 0 1.5px var(--pad-accent),inset 0 1px #ffffff1a,0 0 0 1px #ffffff80,0 0 14px var(--pad-accent),0 1px #ffffff1f}@supports (color:color-mix(in lab,red,red)){.pad[data-armed=true][data-selected]{box-shadow:inset 0 0 0 1.5px var(--pad-accent),inset 0 1px #ffffff1a,0 0 0 1px #ffffff80,0 0 14px color-mix(in oklab,var(--pad-accent) 55%,transparent),0 1px #ffffff1f}}.pad[data-drop-pad-state=dup]{box-shadow:inset 0 0 0 1.5px var(--color-green),inset 0 1px #ffffff1a,0 0 10px var(--color-green)}@supports (color:color-mix(in lab,red,red)){.pad[data-drop-pad-state=dup]{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--color-green) 60%,transparent),inset 0 1px #ffffff1a,0 0 10px color-mix(in oklab,var(--color-green) 35%,transparent)}}.pad[data-drop-pad-state=dup]{animation:1.6s ease-in-out infinite pad-drop-pulse}.pad[data-drop-pad-state=swap]{box-shadow:inset 0 0 0 1.5px var(--color-orange),inset 0 1px #ffffff1a,0 0 12px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.pad[data-drop-pad-state=swap]{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--color-orange) 70%,transparent),inset 0 1px #ffffff1a,0 0 12px color-mix(in oklab,var(--color-orange) 35%,transparent)}}.pad[data-drop-pad-state=swap]{animation:1.6s ease-in-out infinite pad-drop-pulse}.pad[data-drop-pad-state=dup]:hover{box-shadow:inset 0 0 0 2px var(--color-green),inset 0 1px #ffffff26,0 0 22px var(--color-green);transform:scale(1.04)}@supports (color:color-mix(in lab,red,red)){.pad[data-drop-pad-state=dup]:hover{box-shadow:inset 0 0 0 2px var(--color-green),inset 0 1px #ffffff26,0 0 22px color-mix(in oklab,var(--color-green) 70%,transparent)}}.pad[data-drop-pad-state=dup]:hover{animation:none}.pad[data-drop-pad-state=swap]:hover{box-shadow:inset 0 0 0 2px var(--color-orange),inset 0 1px #ffffff26,0 0 22px var(--color-orange);transform:scale(1.04)}@supports (color:color-mix(in lab,red,red)){.pad[data-drop-pad-state=swap]:hover{box-shadow:inset 0 0 0 2px var(--color-orange),inset 0 1px #ffffff26,0 0 22px color-mix(in oklab,var(--color-orange) 70%,transparent)}}.pad[data-drop-pad-state=swap]:hover{animation:none}@keyframes pad-drop-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.pad-index{font-family:var(--font-display);letter-spacing:.18em;color:var(--color-shell);font-size:9px;position:absolute;top:6px;left:8px}@supports (color:color-mix(in lab,red,red)){.pad-index{color:color-mix(in oklab,var(--color-shell) 70%,transparent)}}.pad-name{font-family:var(--font-mono);color:var(--color-shell);font-size:10px;line-height:1.15;position:absolute;bottom:6px;left:8px;right:8px}@supports (color:color-mix(in lab,red,red)){.pad-name{color:color-mix(in oklab,var(--color-shell) 70%,transparent)}}.pad-name{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pad-waveform{opacity:.7;position:absolute;inset:26px 8px 30px}.pad-key{display:var(--show-sample-key);border-radius:var(--radius-step);background:var(--surface-recessed-deep);padding:1px 5px;position:absolute;top:6px;right:8px}@supports (color:color-mix(in lab,red,red)){.pad-key{background:color-mix(in oklab,var(--surface-recessed-deep) 80%,transparent)}}.pad-key{color:var(--pad-accent);font-family:var(--font-mono);letter-spacing:.04em;pointer-events:none;justify-content:center;align-items:center;font-size:9px;line-height:1.2}.pad-loading{background:linear-gradient(90deg,transparent 0%,var(--pad-accent) 50%,transparent 100%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.pad-loading{background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--pad-accent) 30%,transparent) 50%,transparent 100%)}}.pad-loading{pointer-events:none;background-size:200% 100%;animation:1.4s linear infinite pad-shimmer}@keyframes pad-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pad-sheet-backdrop{z-index:80;background:var(--color-ink);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.pad-sheet-backdrop{background:color-mix(in oklab,var(--color-ink) 45%,transparent)}}.pad-sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pad-sheet{width:100%;max-width:460px;padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 50% 0%,var(--surface-raised-hi) 0%,var(--surface-raised) 60%,var(--surface-base) 100%);box-shadow:0 -2px 40px #0000008c,var(--shadow-neu-raised);color:var(--color-shell);border-radius:18px 18px 12px 12px;flex-direction:column;gap:12px;max-height:70vh;margin:0 8px 8px;display:flex}.pad-sheet-grip{background:var(--color-shell);border-radius:999px;width:36px;height:4px}@supports (color:color-mix(in lab,red,red)){.pad-sheet-grip{background:color-mix(in oklab,var(--color-shell) 30%,transparent)}}.pad-sheet-grip{align-self:center}.pad-sheet-head{align-items:center;gap:12px;min-height:44px;display:flex}.pad-sheet-thumb{border-radius:var(--radius-step);background:var(--surface-recessed);width:56px;height:40px;box-shadow:var(--shadow-neu-pressed);flex:none;position:relative;overflow:hidden}.pad-sheet-thumb[data-armed]{box-shadow:inset 0 0 0 1px var(--color-orange),var(--shadow-neu-pressed)}@supports (color:color-mix(in lab,red,red)){.pad-sheet-thumb[data-armed]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 60%,transparent),var(--shadow-neu-pressed)}}.pad-sheet-title{flex-direction:column;gap:2px;min-width:0;display:flex}.pad-sheet-index{font-family:var(--font-display);letter-spacing:.18em;color:var(--color-orange);font-size:10px}.pad-sheet-name{font-family:var(--font-mono);color:var(--color-shell);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pad-sheet-back{background:var(--surface-recessed);width:36px;height:36px;box-shadow:var(--shadow-neu-raised);color:var(--color-shell);cursor:pointer;border:none;border-radius:10px;flex:none;place-items:center;display:grid}.pad-sheet-back:active{box-shadow:var(--shadow-neu-pressed)}.pad-sheet-actions{flex-direction:column;gap:10px;display:flex}.pad-sheet-btn{background:radial-gradient(circle at 30% 20%,var(--surface-raised-hi) 0%,var(--surface-raised) 70%);min-height:56px;box-shadow:var(--shadow-neu-raised);color:var(--color-shell);text-align:left;cursor:pointer;transition:transform var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap);border:none;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:24px 1fr;align-items:center;gap:1px 12px;padding:10px 14px;display:grid}.pad-sheet-btn:active{box-shadow:var(--shadow-neu-pressed);transform:translateY(1px)scale(.99)}.pad-sheet-btn>svg{color:var(--color-orange);grid-row:1/span 2}.pad-sheet-btn-label{font-family:var(--font-mono);color:var(--color-shell);font-size:14px}.pad-sheet-btn-sub{font-family:var(--font-mono);color:var(--color-shell);font-size:11px}@supports (color:color-mix(in lab,red,red)){.pad-sheet-btn-sub{color:color-mix(in oklab,var(--color-shell) 60%,transparent)}}.pad-sheet-kits{-webkit-overflow-scrolling:touch;flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.pad-sheet-empty{text-align:center;font-family:var(--font-mono);color:var(--color-shell);padding:18px 0;font-size:12px}@supports (color:color-mix(in lab,red,red)){.pad-sheet-empty{color:color-mix(in oklab,var(--color-shell) 55%,transparent)}}.pad-sheet-kit{background:var(--surface-recessed);min-height:48px;box-shadow:var(--shadow-neu-flush);color:var(--color-shell);cursor:pointer;transition:background .12s var(--ease),box-shadow var(--dur-tap) var(--ease-snap);border:none;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 14px;display:grid}.pad-sheet-kit:active{box-shadow:var(--shadow-neu-pressed)}.pad-sheet-kit[data-current]{box-shadow:inset 0 0 0 1px var(--color-orange),var(--shadow-neu-flush)}@supports (color:color-mix(in lab,red,red)){.pad-sheet-kit[data-current]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 50%,transparent),var(--shadow-neu-flush)}}.pad-sheet-kit-num{font-family:var(--font-display);letter-spacing:.12em;color:var(--color-orange);font-size:14px}.pad-sheet-kit-name{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:12px;overflow:hidden}.pad-sheet-kit-tag{color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.pad-sheet-kit-tag{color:color-mix(in oklab,var(--color-shell) 50%,transparent)}}.pad-sheet-kit-count{font-family:var(--font-mono);color:var(--color-shell);font-size:11px}@supports (color:color-mix(in lab,red,red)){.pad-sheet-kit-count{color:color-mix(in oklab,var(--color-shell) 60%,transparent)}}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;background:var(--surface-raised);border-radius:12px;align-items:center;gap:14px;max-width:min(92vw,460px);padding:10px 14px;display:flex;position:fixed;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.toast{background:color-mix(in oklab,var(--surface-raised) 92%,black)}}.toast{color:var(--color-shell);box-shadow:0 8px 28px #00000080,inset 0 1px #ffffff14}.toast-msg{font-family:var(--font-mono);letter-spacing:.02em;font-size:12px}.toast-action{background:var(--color-orange);border:none;border-radius:8px;flex:none;min-height:32px;padding:4px 12px}@supports (color:color-mix(in lab,red,red)){.toast-action{background:color-mix(in oklab,var(--color-orange) 22%,transparent)}}.toast-action{color:var(--color-orange);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;font-size:12px;font-weight:600}.toast-action:active{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.toast-action:active{background:color-mix(in oklab,var(--color-orange) 34%,transparent)}}.step-grid{grid-template-rows:auto repeat(4,min-content) auto;align-content:start;gap:8px;min-width:0;min-height:0;display:grid;container-type:inline-size}.step-grid--song,.step-grid--pattern{grid-template-rows:minmax(0,1fr)}.step-grid--song>.song-scroll>.song-grid{align-content:start;min-height:0}.step-rows{padding:0;grid-template-columns:1fr;grid-auto-rows:min-content;align-content:start;gap:10px;min-width:0;margin:0;padding-inline-start:0;list-style:none;display:grid}.step-row-wrap{width:100%;max-width:none;max-inline-size:none;min-width:0;margin:0;padding:0;padding-inline-start:0;list-style:none}.step-row{--row-color:var(--color-orange);grid-template-columns:20px 64px 32px repeat(16,minmax(0,1fr)) 32px;align-items:center;gap:6px;width:100%;min-width:0;display:grid}.step-row-grip{background:var(--surface-raised);width:20px;height:32px;box-shadow:var(--shadow-neu-flush);color:#fff9;cursor:grab;touch-action:none;transition:color .14s var(--ease),background .14s var(--ease),box-shadow .14s var(--ease);border:none;border-radius:5px;align-self:center;place-items:center;padding:0;display:grid}.step-row-grip:hover{color:var(--row-color);background:var(--surface-raised-hi);box-shadow:var(--shadow-neu-flush),0 0 0 1px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.step-row-grip:hover{box-shadow:var(--shadow-neu-flush),0 0 0 1px color-mix(in oklab,var(--row-color) 45%,transparent)}}.step-row-grip:active{cursor:grabbing;color:var(--row-color);transform:scale(.94)}.step-row-volume{align-self:center;place-items:center;height:100%;display:grid}.mini-knob{cursor:ns-resize;touch-action:none;transition:filter .12s var(--ease),transform .12s var(--ease);will-change:transform;border-radius:50%;outline:none;place-items:center;display:grid}.mini-knob svg{overflow:visible}.mini-knob:hover,.mini-knob:focus-visible{filter:drop-shadow(0 0 6px var(--mk-color))}.mini-knob[data-dragging]{filter:drop-shadow(0 0 8px var(--mk-color));transform:scale(1.08)}.mini-knob[data-disabled]{opacity:.32;cursor:not-allowed;filter:grayscale()}.mini-knob[data-disabled]:hover,.mini-knob[data-disabled]:focus-visible{filter:grayscale()}.step-row-label{border:0;border-left:3px solid var(--row-color);background:var(--row-color);grid-template-rows:auto auto;align-content:center;gap:2px;padding:0 10px;display:grid}@supports (color:color-mix(in lab,red,red)){.step-row-label{background:color-mix(in oklab,var(--row-color) 8%,var(--surface-recessed-deep))}}.step-row-label{appearance:none;cursor:pointer;font:inherit;text-align:left;border-radius:4px}.step-row-track{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;color:var(--row-color);text-shadow:0 0 6px var(--row-color);font-size:10px}@supports (color:color-mix(in lab,red,red)){.step-row-track{text-shadow:0 0 6px color-mix(in oklab,var(--row-color) 50%,transparent)}}.step-row-sample{font-family:var(--font-mono);color:var(--color-shell);font-size:10px}@supports (color:color-mix(in lab,red,red)){.step-row-sample{color:color-mix(in oklab,var(--color-shell) 80%,transparent)}}.step-row-sample{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.step{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,var(--row-color) 0%,var(--row-color) 70%,var(--surface-recessed-deep) 100%);border-radius:6px;width:100%;min-width:0;position:relative}@supports (color:color-mix(in lab,red,red)){.step{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--row-color) 22%,var(--surface-recessed-deep)) 0%,color-mix(in oklab,var(--row-color) 8%,var(--surface-recessed-deep)) 70%,var(--surface-recessed-deep) 100%)}}.step{box-shadow:inset 0 1px 0 var(--neu-light),inset 0 -1px 2px var(--neu-dark),0 1px 0 var(--neu-light);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .32s ease-out,box-shadow .32s ease-out,transform .2s ease-out;overflow:hidden}.step:hover{background:radial-gradient(circle at 35% 30%,var(--row-color) 0%,var(--row-color) 70%,var(--surface-recessed-deep) 100%)}@supports (color:color-mix(in lab,red,red)){.step:hover{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--row-color) 38%,var(--surface-recessed-deep)) 0%,color-mix(in oklab,var(--row-color) 15%,var(--surface-recessed-deep)) 70%,var(--surface-recessed-deep) 100%)}}.step:hover{transition-duration:80ms}.step[data-beat=true]{box-shadow:inset 0 1px #ffffff1f,inset 0 -1px 2px var(--neu-dark),0 1px #ffffff26,inset 0 0 0 1px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.step[data-beat=true]{box-shadow:inset 0 1px #ffffff1f,inset 0 -1px 2px var(--neu-dark),0 1px #ffffff26,inset 0 0 0 1px color-mix(in oklab,var(--row-color) 30%,transparent)}}.step[data-on=true]{--vel:1;box-shadow:inset 0 1px #ffffff4d,0 0 calc(6px + 9px * var(--vel)) var(--row-color),0 0 0 1px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.step[data-on=true]{box-shadow:inset 0 1px #ffffff4d,0 0 calc(6px + 9px * var(--vel)) color-mix(in oklab,var(--row-color) 80%,transparent),0 0 0 1px color-mix(in oklab,var(--row-color) 75%,transparent)}}.step-fill{border-radius:inherit;pointer-events:none;height:0;position:absolute;bottom:0;left:0;right:0}.step[data-on=true] .step-fill{height:calc(var(--vel,1) * 100%);background:linear-gradient(to top,var(--row-color) 0%,var(--row-color) 100%)}@supports (color:color-mix(in lab,red,red)){.step[data-on=true] .step-fill{background:linear-gradient(to top,color-mix(in oklab,var(--row-color) 92%,white) 0%,var(--row-color) 100%)}}.step[data-on=true] .step-fill{transition:height 90ms var(--ease)}.step-badge{font-family:var(--font-display);color:#fffbe6;text-shadow:0 1px 3px #000000d9,0 0 2px #000000b3;pointer-events:none;opacity:0;transition:opacity .12s var(--ease);place-items:center;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.step[data-on=true]:hover .step-badge,.step[data-on=true]:focus-visible .step-badge,.step[data-editing] .step-badge{opacity:1}.step[data-playing=true]{transition-duration:10ms}.step[data-playing=true][data-on=false]{background:radial-gradient(circle at 35% 30%,var(--row-color) 0%,var(--row-color) 70%,var(--surface-recessed-deep) 100%)}@supports (color:color-mix(in lab,red,red)){.step[data-playing=true][data-on=false]{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--row-color) 30%,var(--surface-recessed-deep)) 0%,color-mix(in oklab,var(--row-color) 12%,var(--surface-recessed-deep)) 70%,var(--surface-recessed-deep) 100%)}}.step[data-playing=true][data-on=false]{box-shadow:inset 0 0 0 1.5px #fffff680,0 0 8px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.step[data-playing=true][data-on=false]{box-shadow:inset 0 0 0 1.5px #fffff680,0 0 8px color-mix(in oklab,var(--row-color) 40%,transparent)}}.step[data-on=true][data-playing=true]{background:radial-gradient(circle at 35% 30%,white 0%,var(--row-color) 28%,var(--row-color) 55%,var(--row-color) 100%)}@supports (color:color-mix(in lab,red,red)){.step[data-on=true][data-playing=true]{background:radial-gradient(circle at 35% 30%,white 0%,color-mix(in oklab,var(--row-color) 80%,white) 28%,var(--row-color) 55%,color-mix(in oklab,var(--row-color) 70%,black) 100%)}}.step[data-on=true][data-playing=true]{box-shadow:inset 0 1.5px #fff9,inset 0 0 0 1.5px #fffff6e6,0 0 calc(30px + 22px * var(--vel)) var(--row-color),0 0 calc(56px + 28px * var(--vel)) var(--row-color),0 0 0 1.5px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.step[data-on=true][data-playing=true]{box-shadow:inset 0 1.5px #fff9,inset 0 0 0 1.5px #fffff6e6,0 0 calc(30px + 22px * var(--vel)) color-mix(in oklab,var(--row-color) 95%,transparent),0 0 calc(56px + 28px * var(--vel)) color-mix(in oklab,var(--row-color) 55%,transparent),0 0 0 1.5px color-mix(in oklab,var(--row-color) 90%,transparent)}}.step[data-on=true][data-playing=true]{transform:translateY(-2px)scale(1.04)}@media(pointer:coarse){.step[data-on=true][data-playing=true]{box-shadow:inset 0 1.5px #fff9,inset 0 0 0 1.5px #fffff6e6,0 0 16px var(--row-color),0 0 0 1.5px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.step[data-on=true][data-playing=true]{box-shadow:inset 0 1.5px #fff9,inset 0 0 0 1.5px #fffff6e6,0 0 16px color-mix(in oklab,var(--row-color) 80%,transparent),0 0 0 1.5px color-mix(in oklab,var(--row-color) 90%,transparent)}}}.step:active{transition-duration:80ms;transform:translateY(1px)scale(.97)}.step[data-editing]{z-index:3;box-shadow:inset 0 1px #ffffff80,0 0 0 1.5px #fffbe6,0 0 18px var(--row-color);transition-duration:80ms;transform:translateY(-2px)scale(1.06)}@supports (color:color-mix(in lab,red,red)){.step[data-editing]{box-shadow:inset 0 1px #ffffff80,0 0 0 1.5px #fffbe6,0 0 18px color-mix(in oklab,var(--row-color) 80%,transparent)}}.step[data-on=true][data-playing=true] .step-fill{background:linear-gradient(to top,white 0%,var(--row-color) 100%)}@supports (color:color-mix(in lab,red,red)){.step[data-on=true][data-playing=true] .step-fill{background:linear-gradient(to top,#fff,color-mix(in oklab,var(--row-color) 65%,white))}}.step-velocity{display:none}.step-ruler{border-bottom:1px solid var(--neu-light);background:var(--surface-recessed);grid-template-columns:128px repeat(16,minmax(0,1fr)) 32px;gap:6px;min-width:0;padding-bottom:4px;display:grid}.step-ruler[data-sticky]{z-index:2;padding-top:4px;position:sticky;top:0}.song-scroll{border-radius:6px;min-width:0;height:100%;min-height:0;overflow:auto}.step-scroll{scrollbar-gutter:stable;border-radius:6px;grid-template-rows:auto auto auto;align-content:start;gap:8px;min-width:0;height:100%;min-height:0;display:grid;overflow:auto}.step-scroll>.step-ruler{z-index:2;background:var(--surface-recessed);padding-top:4px;position:sticky;top:0}.step-scroll>.new-track-zone[data-active]{z-index:2;position:sticky;bottom:0}.song-grid{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}.step-clear{background:var(--surface-recessed-deep);height:20px;color:var(--color-shell);border:none;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.step-clear{color:color-mix(in oklab,var(--color-shell) 78%,transparent)}}.step-clear{font:600 9px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-neu-flush);transition:background .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease);min-width:0}.step-clear:hover{color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.step-clear:hover{color:color-mix(in oklab,var(--color-error) 80%,white)}}.step-clear:hover{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.step-clear:hover{background:color-mix(in oklab,var(--color-error) 14%,var(--surface-recessed-deep))}}.step-clear[data-armed]{color:#fff;background:var(--color-error);box-shadow:0 0 10px var(--color-error),inset 0 1px #ffffff59}@supports (color:color-mix(in lab,red,red)){.step-clear[data-armed]{box-shadow:0 0 10px color-mix(in oklab,var(--color-error) 55%,transparent),inset 0 1px #ffffff59}}.step-clear[data-armed]{animation:step-clear-pulse 1.4s var(--ease) infinite}@keyframes step-clear-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.step-clear>svg{flex:none}.step-clear>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.step-ruler-tick{height:18px;font-family:var(--font-mono);color:var(--color-shell);place-items:center;font-size:10px;line-height:1;display:grid}@supports (color:color-mix(in lab,red,red)){.step-ruler-tick{color:color-mix(in oklab,var(--color-shell) 60%,transparent)}}.step-ruler-tick{letter-spacing:.04em;cursor:pointer;transition:color .12s var(--ease),background .12s var(--ease),text-shadow .12s var(--ease),box-shadow .12s var(--ease);background:0 0;border:none;border-radius:4px;padding:0}button.step-ruler-tick:hover{color:#fffbe6;background:var(--neu-light)}button.step-ruler-tick:active{background:var(--neu-light)}@supports (color:color-mix(in lab,red,red)){button.step-ruler-tick:active{background:color-mix(in oklab,var(--neu-light) 50%,white)}}button.step-ruler-tick:focus-visible{outline:none;box-shadow:0 0 0 1.5px #ffeaa8b3}.step-ruler-tick[data-beat=true]{color:#ffeaa8;font-family:var(--font-display);letter-spacing:.06em;font-size:12px;font-weight:600}.step-ruler-tick[data-playing=true]{color:#fff;text-shadow:0 0 8px oklab(93.8829% -.00379184 .0864114/.8)}.step-ruler-tick[data-cue=true]{color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.step-ruler-tick[data-cue=true]{color:color-mix(in oklab,var(--color-shell) 92%,white)}}.step-ruler-tick[data-cue=true]{box-shadow:inset 0 0 0 1px #ffeaa873}.step[data-cue=true]{box-shadow:inset 0 0 0 1.5px var(--row-color),0 0 6px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.step[data-cue=true]{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--row-color) 55%,var(--color-shell)),0 0 6px color-mix(in oklab,var(--row-color) 35%,transparent)}}.app:is([data-regime=compact],[data-regime=focus]) .step-grid--pattern{--pat-grip:16px;--pat-label:40px;--pat-vol:26px;--pat-trail:22px}.app:is([data-regime=compact],[data-regime=focus]) .step-grid--pattern .step-row{grid-template-columns:var(--pat-grip) var(--pat-label) var(--pat-vol) repeat(16,minmax(0,1fr)) var(--pat-trail)}.app:is([data-regime=compact],[data-regime=focus]) .step-grid--pattern .step-ruler{grid-template-columns:calc(var(--pat-grip) + var(--pat-label) + var(--pat-vol) + 12px) repeat(16,minmax(0,1fr)) var(--pat-trail)}.app:is([data-regime=compact],[data-regime=focus]) .step-clear{gap:0;padding:0}.app:is([data-regime=compact],[data-regime=focus]) .step-clear>span{display:none}.lcd{background:radial-gradient(ellipse at 30% 30%,var(--color-lcd-bg) 0%,var(--color-lcd-bg) 80%,var(--color-lcd-bg) 100%);place-items:center;display:inline-grid;position:relative}@supports (color:color-mix(in lab,red,red)){.lcd{background:radial-gradient(ellipse at 30% 30%,color-mix(in oklab,var(--color-lcd-bg) 95%,white) 0%,var(--color-lcd-bg) 80%,color-mix(in oklab,var(--color-lcd-bg) 80%,black) 100%)}}.lcd{box-shadow:inset 0 1px 4px #00000080,inset 0 -1px #ffffff26,0 0 0 1px #0009,0 0 16px var(--color-lcd-on),var(--screen-edge-shadow);border-radius:6px;padding:10px 14px 6px}@supports (color:color-mix(in lab,red,red)){.lcd{box-shadow:inset 0 1px 4px #00000080,inset 0 -1px #ffffff26,0 0 0 1px #0009,0 0 16px color-mix(in oklab,var(--color-lcd-on) 15%,transparent),var(--screen-edge-shadow)}}.lcd{font-family:var(--font-lcd);line-height:1;overflow:hidden}.lcd:before{content:"";pointer-events:none;z-index:2;background:radial-gradient(circle at 25% 15%,var(--glass-sheen-light),transparent 45%),linear-gradient(315deg,var(--glass-sheen-soft),transparent 38%);mix-blend-mode:screen;border-radius:inherit;position:absolute;inset:0}:root[data-perf=off] .lcd:before{display:none}:root[data-perf=low] .lcd:before{animation:none}.lcd-track{grid-template-areas:"stack";display:grid;position:relative}.lcd-dim,.lcd-lit{font-family:var(--font-lcd);letter-spacing:.05em;font-feature-settings:"tnum";grid-area:stack}.lcd-dim{color:var(--color-lcd-off)}.lcd-lit{color:var(--color-lcd-on);text-shadow:0 0 6px var(--color-lcd-on)}@supports (color:color-mix(in lab,red,red)){.lcd-lit{text-shadow:0 0 6px color-mix(in oklab,var(--color-lcd-on) 30%,transparent)}}.lcd-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;color:var(--color-lcd-on);font-size:8px;position:absolute;top:-2px;left:6px}@supports (color:color-mix(in lab,red,red)){.lcd-label{color:color-mix(in oklab,var(--color-lcd-on) 70%,transparent)}}.brand-header,.transport-header{background:var(--surface-raised);min-height:0;box-shadow:inset 0 1px 0 var(--neu-light),inset 0 -1px 0 var(--neu-dark);border-radius:14px 14px 0 0;align-items:center;padding:8px 14px;display:flex}.brand-header{color:var(--color-ink);justify-content:flex-start;gap:0}.brand-gap{flex:none;width:16.18px}.brand-row{align-items:center;gap:10px;display:flex}.brand-dot{background:var(--brand-accent,var(--color-orange));width:8px;height:8px;box-shadow:0 0 8px var(--brand-accent,var(--color-orange));transition:background .24s var(--ease),box-shadow .24s var(--ease);border-radius:50%;display:inline-block}.brand-name{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;font-size:12px}.brand-serial{font-family:var(--font-mono);letter-spacing:.18em;color:var(--color-ink-muted);font-size:10px}.brand-kit{--lcd-lit:#ffeaa8;--lcd-glow:0 0 6px oklab(93.8829% -.00379184 .0864114/.38);background:var(--surface-recessed-deep);border-radius:10px;flex:1 1 0;align-items:center;gap:8px;min-width:0;padding:3px 10px 3px 8px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.brand-kit{background:color-mix(in oklab,var(--surface-recessed-deep) 88%,black)}}.brand-kit{box-shadow:inset 2px 2px 5px var(--neu-dark),inset -1px -1px 3px var(--neu-light),var(--screen-edge-shadow)}.brand-kit:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 90% at 18% -10%,var(--color-shell),transparent 48%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.brand-kit:before{background:radial-gradient(120% 90% at 18% -10%,color-mix(in oklab,var(--color-shell) 12%,transparent),transparent 48%)}}.brand-kit:before{mix-blend-mode:screen;opacity:.55}.brand-kit>*{z-index:1;position:relative}.brand-kit-num .draggable-number-readout:before{display:none}.brand-kit-num{--dn-h:22px;flex:none}.brand-kit-num .draggable-number{-webkit-user-select:none;user-select:none;min-width:0}.brand-kit-num .draggable-number-main{height:var(--dn-h);grid-template-columns:9px auto;align-items:center;gap:5px}.brand-kit-num .draggable-number-chevrons{width:9px;height:auto;color:var(--lcd-lit);grid-template-rows:auto auto;align-self:center;gap:3px}@supports (color:color-mix(in lab,red,red)){.brand-kit-num .draggable-number-chevrons{color:color-mix(in oklab,var(--lcd-lit) 48%,transparent)}}.brand-kit-num .draggable-number-chevrons{transform:translateY(-.5px)}.brand-kit-num .dn-chevron svg{display:none}.brand-kit-num .dn-chevron{width:9px;height:auto;line-height:.7}.brand-kit-num .dn-chevron:before{font-family:var(--font-bitmap);text-shadow:var(--lcd-glow);font-size:7px;line-height:.7}.brand-kit-num .dn-chevron.up:before{content:"▲"}.brand-kit-num .dn-chevron.down:before{content:"▼"}.brand-kit-num .dn-chevron[data-active]{color:var(--lcd-lit);text-shadow:0 0 8px var(--lcd-lit)}.brand-kit-num .draggable-number-readout{font-family:var(--font-bitmap);letter-spacing:.06em;min-width:34px;color:var(--lcd-lit);box-shadow:none;text-shadow:var(--lcd-glow);cursor:ns-resize;font-variant-numeric:tabular-nums;background:0 0;padding:0;font-size:16px;line-height:1;overflow:visible}.brand-kit-num .draggable-number-readout:hover{color:#fff3c4;text-shadow:0 0 9px var(--lcd-lit)}@supports (color:color-mix(in lab,red,red)){.brand-kit-num .draggable-number-readout:hover{text-shadow:0 0 9px color-mix(in oklab,var(--lcd-lit) 60%,transparent)}}.brand-kit-num .draggable-number[data-dragging] .draggable-number-readout{color:var(--color-orange);text-shadow:0 0 12px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.brand-kit-num .draggable-number[data-dragging] .draggable-number-readout{text-shadow:0 0 12px color-mix(in oklab,var(--color-orange) 60%,transparent)}}.brand-kit-num .draggable-number-input{font:600 14px/1 var(--font-mono);background:var(--surface-recessed);color:#fffbe6;outline:1.5px solid var(--color-orange);border-radius:5px;min-width:32px;padding:1px 4px}@supports (color:color-mix(in lab,red,red)){.brand-kit-num .draggable-number-input{outline:1.5px solid color-mix(in oklab,var(--color-orange) 70%,transparent)}}.brand-kit-name-wrap{flex:auto;align-items:center;min-width:0;display:flex}.brand-kit-name{min-width:0;color:var(--lcd-lit);background:0 0;border:none;outline:none;flex:auto;align-items:center;gap:6px;display:flex}@supports (color:color-mix(in lab,red,red)){.brand-kit-name{color:color-mix(in oklab,var(--lcd-lit) 88%,transparent)}}.brand-kit-name{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-align:left;text-shadow:var(--lcd-glow);cursor:pointer;transition:color .12s var(--ease),text-shadow .12s var(--ease);padding:3px 2px}.brand-kit-name-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.brand-kit-name-caret{font-family:var(--font-bitmap);color:var(--lcd-lit);flex:none;font-size:7px;line-height:1}@supports (color:color-mix(in lab,red,red)){.brand-kit-name-caret{color:color-mix(in oklab,var(--lcd-lit) 48%,transparent)}}.brand-kit-name-caret{text-shadow:var(--lcd-glow);transition:color .12s var(--ease),transform .12s var(--ease)}.brand-kit-name:hover,.brand-kit-name:hover .brand-kit-name-caret{color:var(--lcd-lit)}.brand-kit-name[aria-expanded=true]{color:#fff3c4}.brand-kit-name[aria-expanded=true] .brand-kit-name-caret{color:var(--lcd-lit);transform:rotate(180deg)}.brand-kit-name:focus-visible{color:#fff3c4;text-shadow:0 0 8px var(--lcd-lit)}@supports (color:color-mix(in lab,red,red)){.brand-kit-name:focus-visible{text-shadow:0 0 8px color-mix(in oklab,var(--lcd-lit) 50%,transparent)}}.kit-menu{--lcd-lit:#ffeaa8;--lcd-glow:0 0 6px oklab(93.8829% -.00379184 .0864114/.38);z-index:200;background:var(--surface-raised);max-height:320px;box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush),0 10px 28px #00000073;animation:kit-menu-in .12s var(--ease);border-radius:10px;flex-direction:column;gap:1px;padding:5px;display:flex;overflow-y:auto}@keyframes kit-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.kit-menu-empty{color:var(--color-ink-muted);font:500 11px/1 var(--font-mono);letter-spacing:.04em;padding:10px 12px}.kit-menu-row{cursor:pointer;color:var(--color-ink);transition:background .1s var(--ease);border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 9px;display:grid}.kit-menu-row:hover:not([data-current]){background:var(--neu-light)}.kit-menu-row[data-current]{cursor:default;background:var(--lcd-lit)}@supports (color:color-mix(in lab,red,red)){.kit-menu-row[data-current]{background:color-mix(in oklab,var(--lcd-lit) 12%,transparent)}}.kit-menu-num{font-family:var(--font-bitmap);letter-spacing:.06em;color:var(--lcd-lit);text-shadow:var(--lcd-glow);font-variant-numeric:tabular-nums;font-size:13px}.kit-menu-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 12px/1 var(--font-mono);letter-spacing:.04em;overflow:hidden}.kit-menu-count{font:500 10px/1 var(--font-mono);color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.kit-menu-rename{background:var(--surface-recessed-deep);outline:1px solid var(--lcd-lit);border:none;border-radius:5px;min-width:0}@supports (color:color-mix(in lab,red,red)){.kit-menu-rename{outline:1px solid color-mix(in oklab,var(--lcd-lit) 35%,transparent)}}.kit-menu-rename{color:#fff3c4;font:500 12px/1 var(--font-mono);letter-spacing:.04em;padding:4px 6px}.kit-menu-rename::placeholder{color:var(--color-ink-muted);font-style:italic}.kit-menu-rename:focus{outline-color:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.kit-menu-rename:focus{outline-color:color-mix(in oklab,var(--color-orange) 70%,transparent)}}.brand-meta{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-muted);font-size:9px}.transport-header{isolation:isolate;background:var(--surface-recessed-deep);border-radius:14px 14px 0 0;grid-template-columns:auto auto auto auto auto 1fr;align-items:stretch;gap:16px;padding:12px 16px;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.transport-header{background:color-mix(in oklab,var(--surface-recessed-deep) 94%,black)}}.transport-header{box-shadow:var(--shadow-neu-pressed),var(--screen-edge-shadow)}.transport-header:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 140% at 16% -20%,var(--glass-sheen-light),transparent 42%),linear-gradient(160deg,var(--glass-sheen-soft),transparent 30%);mix-blend-mode:screen;opacity:.5;position:absolute;inset:0}.transport-header>*{z-index:1;position:relative}.transport-header>.play-wrap{grid-template-rows:64px auto;place-items:center;min-width:60px;display:grid}.transport-header>.scope-cell{align-self:stretch;min-width:120px;margin-block:-12px}.oscilloscope{background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.scope-cell{position:relative;overflow:hidden}@media(max-width:900px){.transport-header{grid-template-columns:auto auto auto auto auto 1fr;gap:8px;padding:12px 10px}.transport-header>.scope-cell{display:none}}.play-wrap{min-width:64px}.play-button{cursor:pointer;width:60px;height:60px;color:var(--color-orange);border:none;border-radius:14px;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.play-button{color:color-mix(in oklab,var(--color-orange) 80%,var(--color-graphite))}}.play-button{background:radial-gradient(circle at 35% 28%,var(--color-graphite) 0%,var(--color-graphite) 52%,var(--surface-recessed-deep) 100%)}@supports (color:color-mix(in lab,red,red)){.play-button{background:radial-gradient(circle at 35% 28%,color-mix(in oklab,var(--color-graphite) 90%,var(--color-shell)) 0%,var(--color-graphite) 52%,var(--surface-recessed-deep) 100%)}}.play-button{box-shadow:inset 0 0 6px var(--color-orange),var(--shadow-neu-flush),var(--shadow-neu-raised)}@supports (color:color-mix(in lab,red,red)){.play-button{box-shadow:inset 0 0 6px color-mix(in oklab,var(--color-orange) 12%,transparent),var(--shadow-neu-flush),var(--shadow-neu-raised)}}.play-button{transition:transform var(--dur-tap) var(--ease-snap),background var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap);isolation:isolate;position:relative;overflow:hidden}.play-led{z-index:5;pointer-events:none;background:var(--color-graphite);border-radius:50%;width:6px;height:6px;position:absolute;bottom:8px;right:8px}@supports (color:color-mix(in lab,red,red)){.play-led{background:color-mix(in oklab,var(--color-graphite) 60%,var(--surface-recessed-deep))}}.play-led{box-shadow:inset 0 0 2px var(--neu-dark);transition:background var(--dur-encoder) var(--ease-snap),box-shadow var(--dur-encoder) var(--ease-snap)}.play-button[data-on=true] .play-led{background:var(--play-led-color);box-shadow:0 0 7px 1px var(--play-led-color),inset 0 0 2px #ffffff8c}@supports (color:color-mix(in lab,red,red)){.play-button[data-on=true] .play-led{box-shadow:0 0 7px 1px color-mix(in oklab,var(--play-led-color) 85%,transparent),inset 0 0 2px color-mix(in oklab,var(--color-white) 55%,transparent)}}.play-button>svg{z-index:4;position:relative}.play-button:before{content:"";pointer-events:none;z-index:3;border-radius:inherit;background:conic-gradient(from 215deg,var(--color-aluminum-hi) 0deg,var(--color-graphite) 70deg,var(--color-aluminum) 140deg,var(--surface-recessed-deep) 210deg,var(--color-aluminum-hi) 300deg,var(--color-aluminum-hi) 360deg);opacity:.85;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.play-button:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(circle at 35% 25%,var(--color-orange) 0%,transparent 70%);border-radius:13px;position:absolute;inset:1.5px}@supports (color:color-mix(in lab,red,red)){.play-button:after{background:radial-gradient(circle at 35% 25%,color-mix(in oklab,var(--color-orange) 28%,transparent) 0%,transparent 70%)}}.play-button:after{opacity:0;transition:opacity var(--dur-tap) var(--ease-snap)}.play-button:active:after{opacity:1;transition:none}.play-button[data-on=true]:after{opacity:1;background:conic-gradient(from var(--angle),transparent 0deg,var(--play-ring-accent) 50deg,var(--play-ring-accent) 92deg,transparent 175deg,transparent 360deg)}@supports (color:color-mix(in lab,red,red)){.play-button[data-on=true]:after{background:conic-gradient(from var(--angle),transparent 0deg,color-mix(in oklab,var(--play-ring-accent) 78%,var(--color-white)) 50deg,var(--play-ring-accent) 92deg,transparent 175deg,transparent 360deg)}}.play-button[data-on=true]:after{padding:2.5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}:root:not([data-perf]) .play-button[data-on=true]:after{animation:play-ring-spin var(--dur-ring) linear infinite,play-ring-in var(--dur-ignite) var(--ease-ignite) 1 both}.play-button:not([data-on=true])>svg{filter:drop-shadow(-1px -1px 0 var(--surface-base)) drop-shadow(1px 1px 0 var(--color-shell))}@supports (color:color-mix(in lab,red,red)){.play-button:not([data-on=true])>svg{filter:drop-shadow(-1px -1px 0 color-mix(in oklab,var(--surface-base) 58%,transparent)) drop-shadow(1px 1px 0 color-mix(in oklab,var(--color-shell) 16%,transparent))}}.play-button:not([data-on=true])>svg{opacity:.95}.play-button:hover{color:var(--color-orange);box-shadow:inset 0 0 9px var(--color-orange),0 0 14px var(--color-orange),var(--shadow-neu-flush),var(--shadow-neu-raised)}@supports (color:color-mix(in lab,red,red)){.play-button:hover{box-shadow:inset 0 0 9px color-mix(in oklab,var(--color-orange) 22%,transparent),0 0 14px color-mix(in oklab,var(--color-orange) 20%,transparent),var(--shadow-neu-flush),var(--shadow-neu-raised)}}.play-button:hover>svg{filter:drop-shadow(-1px -1px 0 var(--surface-base)) drop-shadow(1px 1px 0 var(--color-shell))}@supports (color:color-mix(in lab,red,red)){.play-button:hover>svg{filter:drop-shadow(-1px -1px 0 color-mix(in oklab,var(--surface-base) 62%,transparent)) drop-shadow(1px 1px 0 color-mix(in oklab,var(--color-shell) 22%,transparent))}}.play-button:hover>svg{opacity:1}.transport-screen .play-button:active{transform:scale(.97)}.play-button[data-on=true]{color:var(--color-white);background:radial-gradient(circle at 50% 50%,var(--color-orange) 0%,var(--surface-recessed-deep) 72%)}@supports (color:color-mix(in lab,red,red)){.play-button[data-on=true]{background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--color-orange) 38%,var(--surface-recessed-deep)) 0%,var(--surface-recessed-deep) 72%)}}.play-button[data-on=true]{box-shadow:inset 0 0 14px var(--color-orange),0 0 22px var(--color-orange),var(--shadow-neu-raised)}@supports (color:color-mix(in lab,red,red)){.play-button[data-on=true]{box-shadow:inset 0 0 14px color-mix(in oklab,var(--color-orange) 40%,transparent),0 0 22px color-mix(in oklab,var(--color-orange) 50%,transparent),var(--shadow-neu-raised)}}.play-button[data-on=true]>svg{filter:drop-shadow(0 0 6px var(--color-orange))}@supports (color:color-mix(in lab,red,red)){.play-button[data-on=true]>svg{filter:drop-shadow(0 0 6px color-mix(in oklab,var(--color-orange) 50%,transparent))}}.play-button[data-on=true]>svg{opacity:1}:root:not([data-perf]) .play-button[data-on=true]{animation:play-breath var(--dur-breath) ease-in-out infinite}:root[data-perf=off] .play-button:before,:root[data-perf=off] .play-button:after{display:none}@media(prefers-reduced-motion:reduce){:root:not([data-perf]) .play-button[data-on=true],:root:not([data-perf]) .play-button[data-on=true]:after{animation:none}}.draggable-number{-webkit-user-select:none;user-select:none;min-width:96px}.draggable-number-main{grid-template-columns:auto auto;align-items:center;gap:6px;height:60px;display:grid}.draggable-number-chevrons{color:#ffffffb3;height:44px;transition:color .14s var(--ease);grid-template-rows:1fr 1fr;place-items:center;display:grid}.dn-chevron{transition:color .12s var(--ease),text-shadow .12s var(--ease);place-items:center;line-height:0;display:grid}.dn-chevron[data-active]{color:#ffeaa8;text-shadow:0 0 10px #ffeaa8,0 0 2px #0009}.draggable-number[data-dragging] .draggable-number-chevrons{color:#fffbe6}.draggable-number-readout{font-family:var(--font-bitmap);letter-spacing:.04em;color:#ffeaa8;text-shadow:0 0 14px oklab(93.8829% -.00379184 .0864114/.55),0 1px #0006;cursor:ns-resize;background:var(--surface-recessed-deep);box-shadow:var(--shadow-neu-pressed),var(--screen-edge-shadow);transition:box-shadow .14s var(--ease),color .14s var(--ease);font-variant-numeric:tabular-nums;text-align:center;touch-action:none;will-change:transform;border-radius:12px;outline:none;min-width:80px;padding:9px 14px 7px;font-size:32px;font-weight:400;line-height:1;position:relative;overflow:hidden}.draggable-number-readout:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 25% 15%,var(--glass-sheen-light),transparent 45%),linear-gradient(315deg,var(--glass-sheen-soft),transparent 38%);mix-blend-mode:screen;border-radius:inherit;position:absolute;inset:0}:root[data-perf=off] .draggable-number-readout:before{display:none}:root[data-perf=low] .draggable-number-readout:before{animation:none}.draggable-number-readout:hover{box-shadow:var(--shadow-neu-pressed),0 0 0 1px #ffeaa873}.draggable-number[data-dragging] .draggable-number-readout{cursor:ns-resize;color:#fffbe6;text-shadow:0 0 14px oklab(93.8829% -.00379184 .0864114/.8),0 1px #0006;box-shadow:var(--shadow-neu-pressed),0 0 0 1.5px #ffeaa8b3,0 0 18px #ffeaa859}.draggable-number-readout:focus-visible{box-shadow:var(--shadow-neu-pressed),0 0 0 2px #ffeaa899}.draggable-number-input{font:600 24px/1 var(--font-mono);text-align:center;background:var(--surface-recessed-deep);color:#fffbe6;font-variant-numeric:tabular-nums;border-radius:10px;outline:2px solid oklab(93.883% -.00379184 .0864114/.7);min-width:64px;padding:6px 10px}.draggable-number-label{width:100%;font:500 8px/1 var(--font-mono);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:#ffffff8c;text-align:center;display:block}body.is-scrubbing,body.is-scrubbing *{cursor:ns-resize!important}.prompt-bar{transition:height .28s var(--ease,ease);background:var(--surface-raised);box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush);border-radius:16px;overflow:hidden}.prompt-inner{grid-template-columns:auto 1fr;align-items:stretch;gap:12px;padding:10px 14px;display:grid}.critter-stage{--critter-stage-base:var(--surface-raised-hi)}@supports (color:color-mix(in lab,red,red)){.critter-stage{--critter-stage-base:color-mix(in oklab, var(--surface-raised-hi) 80%, #fff7e0)}}.critter-stage{background:radial-gradient(circle at 50% 40%,var(--color-orange) 0%,var(--critter-stage-base) 70%),var(--critter-stage-base);border-radius:14px;place-items:center;width:104px;height:76px;padding:2px;display:grid}@supports (color:color-mix(in lab,red,red)){.critter-stage{background:radial-gradient(circle at 50% 40%,color-mix(in oklab,var(--color-orange) 22%,var(--critter-stage-base)) 0%,var(--critter-stage-base) 70%),var(--critter-stage-base)}}.critter-stage{box-shadow:var(--shadow-neu-raised),inset 0 1px #ffffff59;transition:background .36s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.critter-stage[data-mood=thinking]{background:radial-gradient(circle at 50% 40%,var(--color-blue) 0%,var(--critter-stage-base) 70%),var(--critter-stage-base)}@supports (color:color-mix(in lab,red,red)){.critter-stage[data-mood=thinking]{background:radial-gradient(circle at 50% 40%,color-mix(in oklab,var(--color-blue) 35%,var(--critter-stage-base)) 0%,var(--critter-stage-base) 70%),var(--critter-stage-base)}}.critter-stage[data-mood=happy]{background:radial-gradient(circle at 50% 40%,var(--color-green) 0%,var(--critter-stage-base) 70%),var(--critter-stage-base)}@supports (color:color-mix(in lab,red,red)){.critter-stage[data-mood=happy]{background:radial-gradient(circle at 50% 40%,color-mix(in oklab,var(--color-green) 35%,var(--critter-stage-base)) 0%,var(--critter-stage-base) 70%),var(--critter-stage-base)}}.critter-stage[data-mood=sad]{background:radial-gradient(circle at 50% 40%,#888 0%,var(--critter-stage-base) 70%),var(--critter-stage-base)}@supports (color:color-mix(in lab,red,red)){.critter-stage[data-mood=sad]{background:radial-gradient(circle at 50% 40%,color-mix(in oklab,#888 28%,var(--critter-stage-base)) 0%,var(--critter-stage-base) 70%),var(--critter-stage-base)}}.critter-stage[data-mood=hungry]{background:radial-gradient(circle at 50% 40%,var(--color-orange) 0%,var(--critter-stage-base) 70%),var(--critter-stage-base)}@supports (color:color-mix(in lab,red,red)){.critter-stage[data-mood=hungry]{background:radial-gradient(circle at 50% 40%,color-mix(in oklab,var(--color-orange) 38%,var(--critter-stage-base)) 0%,var(--critter-stage-base) 70%),var(--critter-stage-base)}}.critter-stage[data-mood=munch]{background:radial-gradient(circle at 50% 40%,var(--color-orange) 0%,var(--critter-stage-base) 80%),var(--critter-stage-base)}@supports (color:color-mix(in lab,red,red)){.critter-stage[data-mood=munch]{background:radial-gradient(circle at 50% 40%,color-mix(in oklab,var(--color-orange) 60%,var(--critter-stage-base)) 0%,var(--critter-stage-base) 80%),var(--critter-stage-base)}}.critter-stage[data-drag-target]{box-shadow:inset 0 1px #fff9,inset 0 -1px #0000002e,0 0 0 2px var(--color-orange),0 0 18px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.critter-stage[data-drag-target]{box-shadow:inset 0 1px #fff9,inset 0 -1px #0000002e,0 0 0 2px color-mix(in oklab,var(--color-orange) 55%,transparent),0 0 18px color-mix(in oklab,var(--color-orange) 45%,transparent)}}.critter-stage[data-drag-target]{animation:1.2s ease-in-out infinite critter-beckon}.critter-stage[data-drag-over],.critter-stage[data-drag-target]:hover{box-shadow:inset 0 1px #fff9,0 0 0 3px var(--color-orange),0 0 36px var(--color-orange);animation:none;transform:scale(1.08)}@supports (color:color-mix(in lab,red,red)){.critter-stage[data-drag-over],.critter-stage[data-drag-target]:hover{box-shadow:inset 0 1px #fff9,0 0 0 3px color-mix(in oklab,var(--color-orange) 95%,transparent),0 0 36px color-mix(in oklab,var(--color-orange) 85%,transparent)}}.critter-stage[data-munching]{box-shadow:inset 0 1px #ffffffb3,0 0 0 3px var(--color-orange),0 0 36px var(--color-green);animation:.5s ease-out critter-chomp;transform:scale(1.06)}@supports (color:color-mix(in lab,red,red)){.critter-stage[data-munching]{box-shadow:inset 0 1px #ffffffb3,0 0 0 3px color-mix(in oklab,var(--color-orange) 90%,transparent),0 0 36px color-mix(in oklab,var(--color-green) 70%,transparent)}}@keyframes critter-beckon{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes critter-chomp{0%{transform:scale(1.08)}35%{transform:scale(.94)}70%{transform:scale(1.1)}to{transform:scale(1.06)}}.prompt-talk{grid-template-rows:auto 1fr;gap:8px;min-width:0;display:grid}.prompt-top-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.prompt-top-left{align-items:center;gap:10px;min-width:0;display:flex}.prompt-right-cluster{align-items:center;gap:8px;display:inline-flex}.prompt-creativity{background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);--mk-color:var(--color-blue);border-radius:10px;align-items:center;gap:7px;padding:3px 10px 3px 5px;display:inline-flex}.prompt-creativity-track{background:var(--surface-recessed-deep);width:46px;height:4px;box-shadow:var(--shadow-neu-pressed);border-radius:999px;flex:none;position:relative}.prompt-creativity-stop{background:var(--neu-light);width:5px;height:5px;transition:background .14s var(--ease),box-shadow .14s var(--ease);border-radius:50%;margin-left:-2.5px;position:absolute;top:50%;transform:translateY(-50%)}.prompt-creativity-stop[data-active]{background:var(--stop-color,var(--color-blue));box-shadow:0 0 6px var(--stop-color,var(--color-blue))}@supports (color:color-mix(in lab,red,red)){.prompt-creativity-stop[data-active]{box-shadow:0 0 6px color-mix(in oklab,var(--stop-color,var(--color-blue)) 65%,transparent)}}.prompt-creativity-meta{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:inline-flex}.prompt-creativity-label{color:var(--mk-color);font:600 8px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.prompt-creativity-value{color:var(--mk-color);font:600 11px/1 var(--font-mono);text-shadow:0 0 6px var(--mk-color)}@supports (color:color-mix(in lab,red,red)){.prompt-creativity-value{text-shadow:0 0 6px color-mix(in oklab,var(--mk-color) 50%,transparent)}}.prompt-creativity-blurb{min-width:0;display:inline-grid}.prompt-creativity-blurb-copy{visibility:hidden;color:var(--color-ink-muted);font:500 8px/1.2 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;overflow:hidden}.prompt-creativity-blurb-copy[data-active]{visibility:visible}.ai-mode{background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);border-radius:10px;align-items:center;gap:0;padding:2px;display:inline-flex}.ai-mode-chip{color:var(--color-ink-muted);font:600 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;display:inline-flex}.ai-mode-chip:not(:disabled):hover{color:var(--color-ink);background:var(--neu-light)}.ai-mode-chip[data-active]{background:var(--color-orange);color:var(--surface-base);box-shadow:0 0 12px var(--color-orange),inset 0 1px #fff6}@supports (color:color-mix(in lab,red,red)){.ai-mode-chip[data-active]{box-shadow:0 0 12px color-mix(in oklab,var(--color-orange) 55%,transparent),inset 0 1px #fff6}}.ai-mode-chip:disabled{opacity:.4;cursor:not-allowed}.prompt-ref{background:var(--color-orange);border-radius:8px;align-items:center;gap:6px;padding:3px 3px 3px 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.prompt-ref{background:color-mix(in oklab,var(--color-orange) 22%,var(--surface-recessed))}}.prompt-ref{border:1px solid var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.prompt-ref{border:1px solid color-mix(in oklab,var(--color-orange) 45%,transparent)}}.prompt-ref{font:500 11px/1 var(--font-mono);color:var(--color-ink);min-width:0;box-shadow:var(--shadow-neu-flush)}.prompt-ref[data-mode=modify]{background:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.prompt-ref[data-mode=modify]{background:color-mix(in oklab,var(--color-blue) 22%,var(--surface-recessed))}}.prompt-ref[data-mode=modify]{border-color:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.prompt-ref[data-mode=modify]{border-color:color-mix(in oklab,var(--color-blue) 50%,transparent)}}.prompt-ref[data-mode=new]{background:var(--surface-recessed);border-color:var(--neu-light);opacity:.7}.prompt-ref-label{font-family:var(--font-display);letter-spacing:.22em;color:var(--color-ink-muted);font-size:9px}.prompt-ref-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:600;overflow:hidden}.prompt-ref-clear{background:var(--neu-light);width:18px;height:18px;color:var(--color-ink);cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease);border:none;border-radius:50%;place-items:center;display:grid}.prompt-ref-clear:hover{background:var(--color-ink);color:var(--surface-base)}.prompt-undo{background:var(--color-blue);border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.prompt-undo{background:color-mix(in oklab,var(--color-blue) 22%,var(--surface-recessed))}}.prompt-undo{border:1px solid var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.prompt-undo{border:1px solid color-mix(in oklab,var(--color-blue) 45%,transparent)}}.prompt-undo{color:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.prompt-undo{color:color-mix(in oklab,var(--color-blue) 80%,white)}}.prompt-undo{font:600 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease),transform .1s var(--ease-snap)}.prompt-undo:hover{background:var(--color-blue);color:var(--surface-base)}.prompt-undo:active{transform:scale(.96)}.prompt-bubble-slot{flex:auto;justify-content:flex-start;align-items:center;min-width:0;display:flex}.prompt-bubble{appearance:none;text-align:start;min-width:0;max-width:min(60ch,100%);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink);background:var(--surface-raised-hi);box-shadow:var(--shadow-neu-flush),2px 2px 6px var(--neu-dark);transition:color .24s var(--ease),box-shadow .14s var(--ease);border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex;position:relative}.prompt-bubble[data-expandable]{cursor:pointer}.prompt-bubble[data-expandable]:hover{box-shadow:var(--shadow-neu-flush),2px 2px 6px var(--neu-dark),0 0 0 1px var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.prompt-bubble[data-expandable]:hover{box-shadow:var(--shadow-neu-flush),2px 2px 6px var(--neu-dark),0 0 0 1px color-mix(in oklab,var(--color-blue) 45%,transparent)}}.prompt-bubble[data-expandable]:focus-visible{outline:2px solid var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.prompt-bubble[data-expandable]:focus-visible{outline:2px solid color-mix(in oklab,var(--color-blue) 70%,transparent)}}.prompt-bubble[data-expandable]:focus-visible{outline-offset:2px}.prompt-bubble:disabled{opacity:1}.prompt-bubble:before{content:"";background:var(--surface-raised-hi);width:10px;height:10px;box-shadow:-1px 1px 1px var(--neu-dark);position:absolute;top:50%;left:-5px;transform:translateY(-50%)rotate(45deg)}.prompt-bubble__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.prompt-bubble__expand{color:var(--color-blue);flex:none}@supports (color:color-mix(in lab,red,red)){.prompt-bubble__expand{color:color-mix(in oklab,var(--color-blue) 60%,var(--color-ink-muted))}}.prompt-bubble__expand{transition:color .14s var(--ease)}.prompt-bubble[data-expandable]:hover .prompt-bubble__expand{color:var(--color-blue)}.prompt-bubble__text:not([data-typewriter-complete]):after{content:"";border-inline-end:var(--border-size-1) solid currentColor;width:.55em;height:1em;margin-inline-start:.22em;animation:.82s steps(2,end) infinite prompt-typewriter-caret;display:inline-block;transform:translateY(.14em)}.prompt-bubble[data-mood=thinking]{color:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.prompt-bubble[data-mood=thinking]{color:color-mix(in oklab,var(--color-blue) 70%,var(--color-ink))}}.prompt-bubble[data-mood=happy]{color:var(--color-green)}@supports (color:color-mix(in lab,red,red)){.prompt-bubble[data-mood=happy]{color:color-mix(in oklab,var(--color-green) 70%,var(--color-ink))}}.prompt-bubble[data-mood=sad]{color:var(--color-error)}.prompt-bubble[data-urgent]{color:var(--color-orange);background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.prompt-bubble[data-urgent]{background:color-mix(in oklab,var(--color-orange) 18%,var(--surface-raised-hi))}}.prompt-bubble[data-urgent]{box-shadow:var(--shadow-neu-flush),0 0 14px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.prompt-bubble[data-urgent]{box-shadow:var(--shadow-neu-flush),0 0 14px color-mix(in oklab,var(--color-orange) 35%,transparent)}}.prompt-bubble[data-urgent]{animation:prompt-bubble-urgent 1.4s var(--ease) infinite}.prompt-bubble[data-urgent]:before{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.prompt-bubble[data-urgent]:before{background:color-mix(in oklab,var(--color-orange) 18%,var(--surface-raised-hi))}}@keyframes prompt-bubble-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes prompt-typewriter-caret{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.prompt-bubble[data-urgent],.prompt-bubble__text:not([data-typewriter-complete]):after{animation:none}}.prompt-input-row{align-items:center;gap:10px;display:flex}.prompt-input{background:var(--surface-recessed);width:100%;min-width:0;color:var(--color-ink);font-family:var(--font-mono);box-shadow:var(--shadow-neu-pressed);transition:box-shadow .14s var(--ease);border:none;border-radius:10px;outline:none;flex:auto;padding:10px 14px;font-size:13px}.prompt-input::placeholder{color:var(--color-ink-muted)}.prompt-input:focus{box-shadow:var(--shadow-neu-pressed),0 0 0 2px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.prompt-input:focus{box-shadow:var(--shadow-neu-pressed),0 0 0 2px color-mix(in oklab,var(--color-orange) 65%,transparent)}}.prompt-submit,.hold-to-talk{background:radial-gradient(circle at 30% 25%,var(--surface-raised-hi) 0%,var(--surface-raised) 70%);width:42px;height:42px;box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush);color:var(--color-ink);transition:transform var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid}.prompt-submit:not(:disabled):hover{box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush),0 0 0 2px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.prompt-submit:not(:disabled):hover{box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush),0 0 0 2px color-mix(in oklab,var(--color-orange) 70%,transparent)}}.prompt-submit:not(:disabled):hover{color:var(--color-orange)}.prompt-submit:active,.hold-to-talk:active{box-shadow:var(--shadow-neu-pressed);transform:scale(.96)}.prompt-submit:disabled{opacity:.45;cursor:not-allowed}.hold-to-talk{--pulse:0;width:46px;height:46px;box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush),0 0 0 2px var(--color-orange),0 0 calc(18px * var(--pulse)) var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.hold-to-talk{box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush),0 0 0 2px var(--color-orange),0 0 calc(18px * var(--pulse)) color-mix(in oklab,var(--color-orange) 60%,transparent)}}.hold-to-talk{color:var(--color-orange)}.hold-to-talk[data-recording=true]{animation:1.4s ease-in-out infinite hold-to-talk-pulse}@keyframes hold-to-talk-pulse{0%,to{--pulse:0}50%{--pulse:1}}.pixel-critter{pointer-events:none;place-items:center;display:grid}.critter-duet{justify-content:center;align-items:flex-end;gap:2px;width:100%;display:flex;position:relative}.critter-duet__mibbit{flex-shrink:0}.critter-duet__nibbit{flex-shrink:0;overflow:hidden}.critter-duet--with-nibbit .critter-duet__mibbit{margin-inline-start:-6px}.critter-duet--with-nibbit .critter-duet__nibbit{margin-inline-end:-6px}.nibbit-critter{pointer-events:none;place-items:center;display:grid}@keyframes nibbit-pulse{0%,to{box-shadow:0 0 0 0 var(--color-blue)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-blue) 0%,transparent)}}.nibbit-pulse{outline:1px solid var(--color-blue);animation:.6s ease-in-out 4 nibbit-pulse}@supports (color:color-mix(in lab,red,red)){.nibbit-pulse{outline:1px solid color-mix(in srgb,var(--color-blue) 40%,transparent)}}.nibbit-pulse{outline-offset:2px}.sound-chip-strip{gap:var(--space-1);padding:var(--space-1) 0;flex-direction:column;display:flex}.sound-chip-strip__label{font-size:var(--font-size-00);color:var(--color-blue);opacity:.75;letter-spacing:.03em;text-transform:uppercase;padding-left:var(--space-1)}.sound-chip-strip__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.sound-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2);background:var(--surface-raised);box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush);border:1px solid var(--color-blue);display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sound-chip{border:1px solid color-mix(in oklab,var(--color-blue) 25%,transparent)}}.sound-chip{font-size:var(--font-size-0);cursor:pointer;transition:box-shadow .12s var(--ease-out-2),border-color .12s;color:var(--text-1);max-width:280px}.sound-chip:hover{box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush),0 0 0 2px var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.sound-chip:hover{box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush),0 0 0 2px color-mix(in oklab,var(--color-blue) 50%,transparent)}}.sound-chip:hover{border-color:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.sound-chip:hover{border-color:color-mix(in oklab,var(--color-blue) 50%,transparent)}}.sound-chip:active{box-shadow:var(--shadow-neu-pressed);transform:scale(.97)}.sound-chip__badge{font-size:var(--font-size-00);color:var(--color-blue);letter-spacing:.04em;background:var(--color-blue);font-weight:700}@supports (color:color-mix(in lab,red,red)){.sound-chip__badge{background:color-mix(in oklab,var(--color-blue) 12%,transparent)}}.sound-chip__badge{border-radius:var(--radius-1);padding:1px 4px}.sound-chip__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sound-chip__cost{font-size:var(--font-size-00);opacity:.5;white-space:nowrap;flex-shrink:0}.prompt-rewrite-strips{gap:var(--space-1);flex-direction:column;display:flex}.import-sub-tabs{gap:var(--space-1);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--surface-raised-hi);display:flex}.import-sub-tab{padding:var(--space-1) var(--space-2);border-radius:var(--radius-2);cursor:pointer;font-size:var(--font-size-0);color:var(--text-2);background:0 0;border:none;transition:color .12s,background .12s}.import-sub-tab[data-active]{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.import-sub-tab[data-active]{background:color-mix(in oklab,var(--color-orange) 18%,transparent)}}.import-sub-tab[data-active]{color:var(--color-orange);font-weight:600}.import-sub-tab:hover:not([data-active]){background:var(--surface-raised-hi);color:var(--text-1)}.sampler-result-badge{font-size:var(--font-size-00);color:var(--color-blue);background:var(--color-blue);font-weight:700}@supports (color:color-mix(in lab,red,red)){.sampler-result-badge{background:color-mix(in oklab,var(--color-blue) 12%,transparent)}}.sampler-result-badge{border-radius:var(--radius-1);flex-shrink:0;padding:1px 4px}.sampler-result-cost{font-size:var(--font-size-00);opacity:.5;flex-shrink:0;margin-left:auto}.pattern-bar{background:var(--surface-raised);border-top:1px solid var(--neu-light);border-bottom:1px solid var(--neu-dark);box-shadow:var(--shadow-neu-flush);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:8px 14px;display:grid}.pattern-mode-toggle{background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.pattern-mode-chip{color:#ffffff80;font:600 9px/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;--mode-color:var(--color-orange);transition:color var(--dur-tap) var(--ease-snap),background var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap);background:0 0;border:none;border-radius:7px;place-items:center;padding:7px 12px;display:grid}.pattern-mode-chip[data-mode=pattern]{--mode-color:var(--color-orange)}.pattern-mode-chip[data-mode=song]{--mode-color:var(--color-blue)}.pattern-mode-chip:hover{color:var(--color-ink);background:var(--neu-light)}.pattern-mode-chip[data-active]{color:var(--surface-base);background:radial-gradient(circle at 35% 25%,var(--mode-color) 0%,var(--mode-color) 55%,var(--mode-color) 100%)}@supports (color:color-mix(in lab,red,red)){.pattern-mode-chip[data-active]{background:radial-gradient(circle at 35% 25%,color-mix(in oklab,var(--mode-color) 90%,white) 0%,var(--mode-color) 55%,color-mix(in oklab,var(--mode-color) 70%,black) 100%)}}.pattern-mode-chip[data-active]{box-shadow:inset 0 1px #fff6,0 0 14px var(--mode-color),0 0 0 1px var(--mode-color)}@supports (color:color-mix(in lab,red,red)){.pattern-mode-chip[data-active]{box-shadow:inset 0 1px #fff6,0 0 14px color-mix(in oklab,var(--mode-color) 55%,transparent),0 0 0 1px color-mix(in oklab,var(--mode-color) 70%,transparent)}}.pattern-grid{grid-template-columns:repeat(32,minmax(0,var(--pat-chip-max,24px)));grid-template-rows:minmax(0,1fr);justify-content:center;gap:3px;min-width:0;min-height:0;display:grid}.pattern-chip{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 35% 30%,var(--pat-color) 0%,var(--pat-color) 70%,var(--surface-recessed-deep) 100%);border:none;border-radius:4px;min-width:0;padding:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.pattern-chip{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--pat-color) 55%,var(--surface-recessed-deep)) 0%,color-mix(in oklab,var(--pat-color) 25%,var(--surface-recessed-deep)) 70%,var(--surface-recessed-deep) 100%)}}.pattern-chip{box-shadow:inset 0 1px 0 var(--neu-light),inset 0 -1px 1px var(--neu-dark),0 0 0 1px var(--pat-color)}@supports (color:color-mix(in lab,red,red)){.pattern-chip{box-shadow:inset 0 1px 0 var(--neu-light),inset 0 -1px 1px var(--neu-dark),0 0 0 1px color-mix(in oklab,var(--pat-color) 30%,transparent)}}.pattern-chip{color:#ffffff80;transition:background .22s ease-out,box-shadow .22s ease-out,transform .12s var(--ease-snap),color .14s ease-out}.pattern-chip:hover{background:radial-gradient(circle at 35% 30%,var(--pat-color) 0%,var(--pat-color) 70%,var(--surface-recessed-deep) 100%)}@supports (color:color-mix(in lab,red,red)){.pattern-chip:hover{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--pat-color) 70%,var(--surface-recessed-deep)) 0%,color-mix(in oklab,var(--pat-color) 35%,var(--surface-recessed-deep)) 70%,var(--surface-recessed-deep) 100%)}}.pattern-chip:hover{color:#fffc;transition-duration:80ms}.pattern-chip:active{transform:scale(.92)}.pattern-chip[data-empty]{background:radial-gradient(circle at 35% 30%,var(--pat-color) 0%,var(--surface-recessed-deep) 80%,var(--surface-recessed-deep) 100%)}@supports (color:color-mix(in lab,red,red)){.pattern-chip[data-empty]{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--pat-color) 18%,var(--surface-recessed-deep)) 0%,var(--surface-recessed-deep) 80%,var(--surface-recessed-deep) 100%)}}.pattern-chip[data-empty]{box-shadow:inset 0 1px 0 var(--neu-light),inset 0 -1px 1px var(--neu-dark),0 0 0 1px var(--pat-color)}@supports (color:color-mix(in lab,red,red)){.pattern-chip[data-empty]{box-shadow:inset 0 1px 0 var(--neu-light),inset 0 -1px 1px var(--neu-dark),0 0 0 1px color-mix(in oklab,var(--pat-color) 18%,transparent)}}.pattern-chip[data-empty]{color:#ffffff47}.pattern-chip[data-active]{background:radial-gradient(circle at 32% 26%,var(--pat-color) 0%,var(--pat-color) 18%,var(--pat-color) 50%,var(--pat-color) 100%)}@supports (color:color-mix(in lab,red,red)){.pattern-chip[data-active]{background:radial-gradient(circle at 32% 26%,color-mix(in oklab,var(--pat-color) 50%,white) 0%,color-mix(in oklab,var(--pat-color) 80%,white) 18%,var(--pat-color) 50%,color-mix(in oklab,var(--pat-color) 50%,black) 100%)}}.pattern-chip[data-active]{box-shadow:inset 0 1.5px #fff6,inset 0 -2px 4px var(--pat-color),inset 0 0 0 1.5px #fffff6b3,0 0 18px var(--pat-color),0 0 0 1px var(--pat-color)}@supports (color:color-mix(in lab,red,red)){.pattern-chip[data-active]{box-shadow:inset 0 1.5px #fff6,inset 0 -2px 4px color-mix(in oklab,var(--pat-color) 30%,black),inset 0 0 0 1.5px #fffff6b3,0 0 18px color-mix(in oklab,var(--pat-color) 65%,transparent),0 0 0 1px color-mix(in oklab,var(--pat-color) 85%,transparent)}}.pattern-chip[data-active]{color:#fffbe6}.pattern-chip[data-playing]{background:radial-gradient(circle at 32% 26%,var(--pat-color) 0%,var(--pat-color) 18%,var(--pat-color) 50%,var(--pat-color) 100%)}@supports (color:color-mix(in lab,red,red)){.pattern-chip[data-playing]{background:radial-gradient(circle at 32% 26%,color-mix(in oklab,var(--pat-color) 50%,white) 0%,color-mix(in oklab,var(--pat-color) 80%,white) 18%,var(--pat-color) 50%,color-mix(in oklab,var(--pat-color) 50%,black) 100%)}}.pattern-chip[data-playing]{color:#fffbe6;animation:.72s ease-in-out infinite alternate pattern-chip-playing}@keyframes pattern-chip-playing{0%{box-shadow:inset 0 1.5px #fff6,inset 0 -2px 4px color-mix(in oklab,var(--pat-color) 30%,black),inset 0 0 0 1.5px #fffff68c,0 0 12px color-mix(in oklab,var(--pat-color) 55%,transparent),0 0 0 1px color-mix(in oklab,var(--pat-color) 75%,transparent)}to{box-shadow:inset 0 1.5px #ffffff8c,inset 0 -2px 4px color-mix(in oklab,var(--pat-color) 30%,black),inset 0 0 0 1.5px #fffff6e6,0 0 22px color-mix(in oklab,var(--pat-color) 80%,transparent),0 0 0 1.5px color-mix(in oklab,var(--pat-color) 90%,transparent)}}@media(prefers-reduced-motion:reduce),(pointer:coarse){.pattern-chip[data-playing]{box-shadow:inset 0 1.5px #ffffff80,inset 0 -2px 4px var(--pat-color),inset 0 0 0 1.5px #fffff6cc,0 0 18px var(--pat-color),0 0 0 1.5px var(--pat-color);animation:none}@supports (color:color-mix(in lab,red,red)){.pattern-chip[data-playing]{box-shadow:inset 0 1.5px #ffffff80,inset 0 -2px 4px color-mix(in oklab,var(--pat-color) 30%,black),inset 0 0 0 1.5px #fffff6cc,0 0 18px color-mix(in oklab,var(--pat-color) 70%,transparent),0 0 0 1.5px color-mix(in oklab,var(--pat-color) 85%,transparent)}}}.pattern-chip[data-dragging]{box-shadow:inset 0 1.5px #ffffff80,0 0 18px var(--pat-color),0 0 0 1.5px var(--pat-color);transform:translateY(-1px)scale(1.06)}@supports (color:color-mix(in lab,red,red)){.pattern-chip[data-dragging]{box-shadow:inset 0 1.5px #ffffff80,0 0 18px color-mix(in oklab,var(--pat-color) 80%,transparent),0 0 0 1.5px color-mix(in oklab,var(--pat-color) 80%,transparent)}}.pattern-chip[data-dragging]{cursor:grabbing;z-index:2}.pattern-chip[data-drop-target]:hover{box-shadow:inset 0 1px #ffffff40,0 0 0 1.5px #fffff6d9,0 0 14px var(--pat-color);transform:scale(1.08)}@supports (color:color-mix(in lab,red,red)){.pattern-chip[data-drop-target]:hover{box-shadow:inset 0 1px #ffffff40,0 0 0 1.5px #fffff6d9,0 0 14px color-mix(in oklab,var(--pat-color) 60%,transparent)}}.pattern-chip[data-drop-target]:hover{color:#fffffff2}body.is-dragging-pattern,body.is-dragging-pattern *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.pattern-chip-label{font:600 8px/1 var(--font-display);letter-spacing:.04em;color:currentColor;text-shadow:0 0 4px #000000b3,0 1px #0000008c;pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;inset:0}.song-lane-row{--row-color:var(--color-orange);grid-template-columns:20px 102px repeat(16,minmax(0,1fr)) 32px;align-items:center;gap:6px;width:100%;min-width:0;display:grid}.song-lane-spacer{width:100%;height:32px}.song-lane-label{cursor:pointer;text-align:left;transition:background .2s var(--ease),box-shadow .14s var(--ease);background:0 0;border:none;border-radius:4px;grid-template-columns:10px 1fr;align-self:stretch;align-items:center;gap:0;padding:0 16px 0 2px;display:grid}button.song-lane-label:hover{background:0 0}button.song-lane-label:focus-visible{background:0 0;outline:none}button.song-lane-label:focus-visible .song-lane-name{box-shadow:0 0 0 2px var(--row-color)}@supports (color:color-mix(in lab,red,red)){button.song-lane-label:focus-visible .song-lane-name{box-shadow:0 0 0 2px color-mix(in oklab,var(--row-color) 55%,transparent)}}.song-lane-led-rail{align-self:stretch;width:10px;height:100%;position:relative;overflow:visible}.song-lane-led-strip{background:linear-gradient(180deg,var(--row-color) 0%,var(--row-color) 50%,var(--row-color) 100%);border-radius:1px;width:2px;position:absolute;top:-3px;bottom:-3px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.song-lane-led-strip{background:linear-gradient(180deg,color-mix(in oklab,var(--row-color) 65%,white) 0%,var(--row-color) 50%,color-mix(in oklab,var(--row-color) 65%,white) 100%)}}.song-lane-led-strip{box-shadow:0 0 4px var(--row-color),0 0 10px var(--row-color),0 0 0 .5px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.song-lane-led-strip{box-shadow:0 0 4px color-mix(in oklab,var(--row-color) 70%,transparent),0 0 10px color-mix(in oklab,var(--row-color) 35%,transparent),0 0 0 .5px color-mix(in oklab,var(--row-color) 50%,transparent)}}.song-lane-led-strip{transition:box-shadow .18s var(--ease),background .18s var(--ease);pointer-events:none}.step-ruler+.song-lane-row .song-lane-led-strip{top:50%}.song-grid>.song-lane-row:last-child .song-lane-led-strip{bottom:50%}.song-lane-row[data-current] .song-lane-led-strip{background:linear-gradient(180deg,white 0%,var(--row-color) 35%,var(--row-color) 50%,var(--row-color) 65%,white 100%)}@supports (color:color-mix(in lab,red,red)){.song-lane-row[data-current] .song-lane-led-strip{background:linear-gradient(180deg,#fff,color-mix(in oklab,var(--row-color) 75%,white) 35%,color-mix(in oklab,var(--row-color) 90%,white),color-mix(in oklab,var(--row-color) 75%,white) 65%,#fff)}}.song-lane-row[data-current] .song-lane-led-strip{box-shadow:0 0 6px var(--row-color),0 0 14px var(--row-color),0 0 0 .5px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.song-lane-row[data-current] .song-lane-led-strip{box-shadow:0 0 6px color-mix(in oklab,var(--row-color) 85%,transparent),0 0 14px color-mix(in oklab,var(--row-color) 55%,transparent),0 0 0 .5px color-mix(in oklab,var(--row-color) 70%,transparent)}}.song-lane-name{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-shell);font-size:11px}@supports (color:color-mix(in lab,red,red)){.song-lane-name{color:color-mix(in oklab,var(--color-shell) 72%,transparent)}}.song-lane-name{transition:background .16s var(--ease),color .16s var(--ease);border-radius:4px;justify-self:end;padding:2px 6px}button.song-lane-label:hover .song-lane-name{background:var(--row-color)}@supports (color:color-mix(in lab,red,red)){button.song-lane-label:hover .song-lane-name{background:color-mix(in oklab,var(--row-color) 18%,transparent)}}button.song-lane-label:hover .song-lane-name{color:var(--color-shell)}.song-lane-row[data-current] .song-lane-name{color:var(--color-shell);text-shadow:0 0 6px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.song-lane-row[data-current] .song-lane-name{text-shadow:0 0 6px color-mix(in oklab,var(--row-color) 55%,transparent)}}.song-lane-cell{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(circle at 35% 30%,var(--pat-color,transparent) 0%,var(--pat-color,transparent) 70%,var(--surface-recessed-deep) 100%);border:none;border-radius:6px;width:100%;min-width:0;padding:0;position:relative}@supports (color:color-mix(in lab,red,red)){.song-lane-cell{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--pat-color,transparent) 22%,var(--surface-recessed-deep)) 0%,color-mix(in oklab,var(--pat-color,transparent) 8%,var(--surface-recessed-deep)) 70%,var(--surface-recessed-deep) 100%)}}.song-lane-cell{box-shadow:inset 0 1px 0 var(--neu-light),inset 0 -1px 2px var(--neu-dark),0 1px 0 var(--neu-light);color:#0000;transition:background .32s ease-out,box-shadow .32s ease-out,color .2s ease-out,transform .2s ease-out}.song-lane-cell:hover{background:radial-gradient(circle at 35% 30%,var(--pat-color,var(--row-color)) 0%,var(--pat-color,var(--row-color)) 70%,var(--surface-recessed-deep) 100%)}@supports (color:color-mix(in lab,red,red)){.song-lane-cell:hover{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--pat-color,var(--row-color)) 38%,var(--surface-recessed-deep)) 0%,color-mix(in oklab,var(--pat-color,var(--row-color)) 15%,var(--surface-recessed-deep)) 70%,var(--surface-recessed-deep) 100%)}}.song-lane-cell:hover{transition-duration:80ms}.song-lane-cell[data-beat=true]{box-shadow:inset 0 1px 0 var(--neu-light),inset 0 -1px 2px var(--neu-dark),0 1px 0 var(--neu-light),inset 0 0 0 1px var(--pat-color,var(--row-color))}@supports (color:color-mix(in lab,red,red)){.song-lane-cell[data-beat=true]{box-shadow:inset 0 1px 0 var(--neu-light),inset 0 -1px 2px var(--neu-dark),0 1px 0 var(--neu-light),inset 0 0 0 1px color-mix(in oklab,var(--pat-color,var(--row-color)) 30%,transparent)}}.song-lane-cell[data-on=true]{background:radial-gradient(circle at 32% 26%,var(--pat-color) 0%,var(--pat-color) 12%,var(--pat-color) 40%,var(--pat-color) 100%)}@supports (color:color-mix(in lab,red,red)){.song-lane-cell[data-on=true]{background:radial-gradient(circle at 32% 26%,color-mix(in oklab,var(--pat-color) 78%,white) 0%,color-mix(in oklab,var(--pat-color) 92%,white) 12%,var(--pat-color) 40%,color-mix(in oklab,var(--pat-color) 60%,black) 100%)}}.song-lane-cell[data-on=true]{box-shadow:inset 0 1px #ffffff2e,inset 0 -1.5px 4px var(--pat-color),0 0 22px var(--pat-color),0 0 38px var(--pat-color),0 0 0 1px var(--pat-color)}@supports (color:color-mix(in lab,red,red)){.song-lane-cell[data-on=true]{box-shadow:inset 0 1px #ffffff2e,inset 0 -1.5px 4px color-mix(in oklab,var(--pat-color) 35%,black),0 0 22px color-mix(in oklab,var(--pat-color) 55%,transparent),0 0 38px color-mix(in oklab,var(--pat-color) 25%,transparent),0 0 0 1px color-mix(in oklab,var(--pat-color) 70%,transparent)}}.song-lane-cell[data-on=true]{color:#fffbe6}.song-lane-cell[data-playing=true]{transition-duration:10ms}.song-lane-cell[data-playing=true][data-on=false]{background:radial-gradient(circle at 35% 30%,var(--row-color) 0%,var(--row-color) 70%,var(--surface-recessed-deep) 100%)}@supports (color:color-mix(in lab,red,red)){.song-lane-cell[data-playing=true][data-on=false]{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--row-color) 18%,var(--surface-recessed-deep)) 0%,color-mix(in oklab,var(--row-color) 8%,var(--surface-recessed-deep)) 70%,var(--surface-recessed-deep) 100%)}}.song-lane-cell[data-playing=true][data-on=false]{box-shadow:inset 0 0 0 1.5px #fffff680,0 0 8px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.song-lane-cell[data-playing=true][data-on=false]{box-shadow:inset 0 0 0 1.5px #fffff680,0 0 8px color-mix(in oklab,var(--row-color) 30%,transparent)}}.song-lane-cell[data-on=true][data-playing=true]{background:radial-gradient(circle at 32% 26%,var(--pat-color) 0%,var(--pat-color) 14%,var(--pat-color) 42%,var(--pat-color) 100%)}@supports (color:color-mix(in lab,red,red)){.song-lane-cell[data-on=true][data-playing=true]{background:radial-gradient(circle at 32% 26%,color-mix(in oklab,var(--pat-color) 65%,white) 0%,color-mix(in oklab,var(--pat-color) 88%,white) 14%,var(--pat-color) 42%,color-mix(in oklab,var(--pat-color) 60%,black) 100%)}}.song-lane-cell[data-on=true][data-playing=true]{box-shadow:inset 0 1px #ffffff4d,inset 0 -1.5px 4px var(--pat-color),0 0 28px var(--pat-color),0 0 56px var(--pat-color),0 0 0 1px var(--pat-color)}@supports (color:color-mix(in lab,red,red)){.song-lane-cell[data-on=true][data-playing=true]{box-shadow:inset 0 1px #ffffff4d,inset 0 -1.5px 4px color-mix(in oklab,var(--pat-color) 35%,black),0 0 28px color-mix(in oklab,var(--pat-color) 75%,transparent),0 0 56px color-mix(in oklab,var(--pat-color) 35%,transparent),0 0 0 1px color-mix(in oklab,var(--pat-color) 80%,transparent)}}.song-lane-cell[data-on=true][data-playing=true]{transform:translateY(-2px)scale(1.04)}.song-lane-cell:active{transition-duration:80ms;transform:translateY(1px)scale(.97)}.song-lane-cell[data-cue=true]{box-shadow:inset 0 0 0 1.5px var(--row-color),0 0 8px var(--row-color)}@supports (color:color-mix(in lab,red,red)){.song-lane-cell[data-cue=true]{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--row-color) 50%,var(--color-shell)),0 0 8px color-mix(in oklab,var(--row-color) 35%,transparent)}}.song-lane-cell-label{font:600 9px/1 var(--font-display);letter-spacing:.04em;color:currentColor;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 4px #000000bf,0 1px #0009;place-items:center;display:grid;position:absolute;inset:0}.app[data-regime=minimal] .pattern-grid{grid-template-columns:repeat(16,minmax(0,var(--pat-chip-max,24px)));grid-template-rows:repeat(2,minmax(0,1fr))}.app:is([data-regime=compact],[data-regime=focus]) .step-grid--song{--song-label:38px;--song-trail:22px}.app:is([data-regime=compact],[data-regime=focus]) .step-grid--song .song-lane-row{grid-template-columns:0 var(--song-label) repeat(16,minmax(0,1fr)) var(--song-trail)}.app:is([data-regime=compact],[data-regime=focus]) .step-grid--song .step-ruler{grid-template-columns:calc(var(--song-label) + 6px) repeat(16,minmax(0,1fr)) var(--song-trail)}.app:is([data-regime=compact],[data-regime=focus]) .song-lane-led-rail{display:none}.app:is([data-regime=compact],[data-regime=focus]) .song-lane-label{grid-template-columns:1fr;padding:0 4px 0 0}.step-shell{position:relative}.mixer-drawer{z-index:5;pointer-events:none;border-radius:0 0 14px 14px;position:absolute;inset:0;overflow:hidden}.mixer-drawer[data-open]{pointer-events:auto}.mixer-body{background:var(--surface-recessed);border-top:1px solid var(--neu-light);height:100%;box-shadow:inset 4px 4px 12px var(--neu-dark),inset -3px -3px 8px var(--neu-light);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;padding:12px 14px;display:grid}.mixer-channels{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--color-orange) transparent;flex-flow:row;align-items:stretch;gap:8px;min-width:0;height:100%;min-height:0;padding-bottom:6px;display:flex;overflow:auto hidden}@supports (color:color-mix(in lab,red,red)){.mixer-channels{scrollbar-color:color-mix(in oklab,var(--color-orange) 50%,transparent) transparent}}.mixer-channels::-webkit-scrollbar{height:8px}.mixer-channels::-webkit-scrollbar-track{background:var(--surface-recessed-deep);border-radius:4px}.mixer-channels::-webkit-scrollbar-thumb{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.mixer-channels::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--color-orange) 45%,var(--surface-recessed))}}.mixer-channels::-webkit-scrollbar-thumb{border-radius:4px}.mixer-channels::-webkit-scrollbar-thumb:hover{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.mixer-channels::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--color-orange) 65%,var(--surface-recessed))}}.mixer-empty{color:var(--color-ink-muted);font:400 12px/1.4 var(--font-mono);letter-spacing:.02em;text-align:center;margin:auto;padding:0 1rem}.mixer-strip{background:var(--surface-raised);width:78px;height:100%;box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush);--row-color:var(--color-orange);transition:opacity .16s var(--ease-snap);border-radius:10px;flex:none;grid-template-rows:auto minmax(40px,1fr) auto auto auto;justify-items:center;gap:8px;min-height:0;padding:10px 6px;display:grid}.mixer-strip-main{flex-flow:row;justify-content:center;align-items:stretch;gap:7px;width:100%;min-height:0;display:flex}.mixer-strip[data-muted]{opacity:.42}.mixer-strip-label{width:100%;color:var(--color-ink);font:600 9px/1.1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:color .14s var(--ease-snap);background:0 0;border:none;padding:2px 0;overflow:hidden}button.mixer-strip-label:hover{color:var(--row-color)}.mixer-meter{--meter:0;background:var(--surface-recessed-deep);width:7px;height:100%;min-height:0;box-shadow:var(--shadow-neu-pressed);border-radius:3px;align-items:flex-end;display:flex;overflow:hidden}.mixer-meter-fill{width:100%;height:calc(var(--meter) * 100%);background:linear-gradient(to top,var(--color-green) 0%,var(--color-green) 60%,#ffc94a 82%,var(--color-orange) 100%);box-shadow:0 0 6px var(--row-color);border-radius:3px}@supports (color:color-mix(in lab,red,red)){.mixer-meter-fill{box-shadow:0 0 6px color-mix(in oklab,var(--row-color) 40%,transparent)}}.mixer-meter-fill{transition:height 60ms linear}.mixer-strip-fx{grid-template-columns:repeat(2,1fr);place-items:end center;gap:6px 4px;width:100%;display:grid}.mixer-fx-cell{justify-items:center;gap:2px;display:grid}.mixer-fx-caption{color:var(--color-ink-muted);font:600 6px/1 var(--font-display);letter-spacing:.08em}.mixer-strip-toggles{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.mixer-toggle{background:var(--surface-recessed);box-shadow:var(--shadow-neu-flush);color:#ffffff8c;font:700 9px/1 var(--font-display);letter-spacing:.04em;cursor:pointer;transition:color var(--dur-tap) var(--ease-snap),background var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap);border:none;border-radius:6px;place-items:center;padding:4px 0;display:grid}.mixer-toggle:hover{color:var(--color-ink)}.mixer-toggle:active{box-shadow:var(--shadow-neu-pressed)}.mixer-toggle[data-kind=mute][data-active]{background:radial-gradient(circle at 35% 25%,var(--color-led-red) 0%,var(--color-led-red) 60%,var(--color-led-red) 100%)}@supports (color:color-mix(in lab,red,red)){.mixer-toggle[data-kind=mute][data-active]{background:radial-gradient(circle at 35% 25%,color-mix(in oklab,var(--color-led-red) 88%,white) 0%,var(--color-led-red) 60%,color-mix(in oklab,var(--color-led-red) 70%,black) 100%)}}.mixer-toggle[data-kind=mute][data-active]{color:#fff;box-shadow:inset 0 1px #ffffff59,0 0 12px var(--color-led-red)}@supports (color:color-mix(in lab,red,red)){.mixer-toggle[data-kind=mute][data-active]{box-shadow:inset 0 1px #ffffff59,0 0 12px color-mix(in oklab,var(--color-led-red) 55%,transparent)}}.mixer-toggle[data-kind=solo][data-active]{background:radial-gradient(circle at 35% 25%,var(--color-green) 0%,var(--color-green) 60%,var(--color-green) 100%)}@supports (color:color-mix(in lab,red,red)){.mixer-toggle[data-kind=solo][data-active]{background:radial-gradient(circle at 35% 25%,color-mix(in oklab,var(--color-green) 80%,white) 0%,var(--color-green) 60%,color-mix(in oklab,var(--color-green) 70%,black) 100%)}}.mixer-toggle[data-kind=solo][data-active]{color:var(--surface-base);box-shadow:inset 0 1px #fff6,0 0 12px var(--color-green)}@supports (color:color-mix(in lab,red,red)){.mixer-toggle[data-kind=solo][data-active]{box-shadow:inset 0 1px #fff6,0 0 12px color-mix(in oklab,var(--color-green) 55%,transparent)}}.mixer-toggle[data-kind=duck]{padding:0}.mixer-toggle[data-kind=duck] svg{display:block}.mixer-toggle[data-kind=duck][data-active]{color:var(--surface-base);background:radial-gradient(circle at 35% 25%,#c794fd,#c084fc 60%,#7e40b3);box-shadow:inset 0 1px #fff6,0 0 12px #c084fc8c}.mixer-master{background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface-raised) 40%);grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;width:96px}@supports (color:color-mix(in lab,red,red)){.mixer-master{background:linear-gradient(180deg,color-mix(in oklab,var(--surface-raised) 92%,var(--color-orange)) 0%,var(--surface-raised) 40%)}}.mixer-master-label{color:var(--color-orange);letter-spacing:.18em;cursor:default}.mixer-master-knobs{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.mixer-knob-cell{justify-items:center;gap:4px;display:grid}.mixer-knob-caption{color:var(--color-ink-muted);font:600 7px/1 var(--font-display);letter-spacing:.12em}.mixer-master-enable{letter-spacing:.1em;width:100%;padding:6px 0;font-size:9px}.mixer-master-enable[data-active]{background:radial-gradient(circle at 35% 25%,var(--color-orange) 0%,var(--color-orange) 60%,var(--color-orange) 100%)}@supports (color:color-mix(in lab,red,red)){.mixer-master-enable[data-active]{background:radial-gradient(circle at 35% 25%,color-mix(in oklab,var(--color-orange) 88%,white) 0%,var(--color-orange) 60%,color-mix(in oklab,var(--color-orange) 70%,black) 100%)}}.mixer-master-enable[data-active]{color:var(--surface-base);box-shadow:inset 0 1px #fff6,0 0 12px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.mixer-master-enable[data-active]{box-shadow:inset 0 1px #fff6,0 0 12px color-mix(in oklab,var(--color-orange) 55%,transparent)}}.mixer-master-reverb-cell{justify-items:center;gap:4px;width:100%;display:grid}.mixer-master-reverb{--rev-led:#2dd4bf;letter-spacing:.12em;width:100%;padding:6px 0;font-size:9px}.mixer-master-reverb[data-active]{background:radial-gradient(circle at 35% 25%,var(--rev-led) 0%,var(--rev-led) 60%,var(--rev-led) 100%)}@supports (color:color-mix(in lab,red,red)){.mixer-master-reverb[data-active]{background:radial-gradient(circle at 35% 25%,color-mix(in oklab,var(--rev-led) 90%,white) 0%,var(--rev-led) 60%,color-mix(in oklab,var(--rev-led) 68%,black) 100%)}}.mixer-master-reverb[data-active]{color:var(--surface-base);box-shadow:inset 0 1px #fff6,0 0 12px var(--rev-led)}@supports (color:color-mix(in lab,red,red)){.mixer-master-reverb[data-active]{box-shadow:inset 0 1px #fff6,0 0 12px color-mix(in oklab,var(--rev-led) 55%,transparent)}}.vfader{--vf-color:var(--row-color);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:26px;height:100%;min-height:80px;display:grid}.vfader:focus-visible{outline:none}.vfader:focus-visible .vfader-track{box-shadow:var(--shadow-neu-pressed),0 0 0 2px var(--vf-color)}@supports (color:color-mix(in lab,red,red)){.vfader:focus-visible .vfader-track{box-shadow:var(--shadow-neu-pressed),0 0 0 2px color-mix(in oklab,var(--vf-color) 55%,transparent)}}.vfader-track{background:var(--surface-recessed-deep);width:8px;height:100%;box-shadow:var(--shadow-neu-pressed);border-radius:4px;position:relative}.vfader-fill{background:linear-gradient(to top,var(--vf-color) 0%,var(--vf-color) 100%);border-radius:4px;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.vfader-fill{background:linear-gradient(to top,color-mix(in oklab,var(--vf-color) 55%,var(--surface-recessed-deep)) 0%,var(--vf-color) 100%)}}.vfader-fill{box-shadow:0 0 8px var(--vf-color)}@supports (color:color-mix(in lab,red,red)){.vfader-fill{box-shadow:0 0 8px color-mix(in oklab,var(--vf-color) 35%,transparent)}}.vfader-fill{pointer-events:none}.vfader-thumb{background:radial-gradient(circle at 50% 30%,var(--surface-raised-hi) 0%,var(--surface-raised) 100%);width:22px;height:11px;box-shadow:var(--shadow-neu-raised),inset 0 1px 0 var(--neu-light);pointer-events:none;border-radius:4px;position:absolute;left:50%;transform:translate(-50%,50%)}.vfader-thumb:after{content:"";background:var(--vf-color);height:1px;position:absolute;top:50%;left:4px;right:4px;transform:translateY(-50%)}@supports (color:color-mix(in lab,red,red)){.vfader-thumb:after{background:color-mix(in oklab,var(--vf-color) 70%,transparent)}}.vfader-thumb:after{box-shadow:0 0 4px var(--vf-color)}@supports (color:color-mix(in lab,red,red)){.vfader-thumb:after{box-shadow:0 0 4px color-mix(in oklab,var(--vf-color) 50%,transparent)}}.vfader[data-dragging] .vfader-thumb{background:radial-gradient(circle at 50% 30%,var(--surface-raised-hi) 0%,var(--surface-raised) 100%)}@supports (color:color-mix(in lab,red,red)){.vfader[data-dragging] .vfader-thumb{background:radial-gradient(circle at 50% 30%,color-mix(in oklab,var(--surface-raised-hi) 80%,var(--vf-color)) 0%,var(--surface-raised) 100%)}}.pattern-bar-controls{align-items:stretch;gap:8px;display:flex}.mixer-bar-toggle{background:var(--surface-recessed);box-shadow:var(--shadow-neu-flush);color:#ffffff80;cursor:pointer;transition:color var(--dur-tap) var(--ease-snap),background var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap);border:none;border-radius:7px;place-items:center;padding:7px 9px;display:grid}.mixer-bar-toggle:hover{color:var(--color-ink);background:var(--neu-light)}.mixer-bar-toggle:active{box-shadow:var(--shadow-neu-pressed)}.mixer-bar-toggle[data-active]{color:var(--surface-base);background:radial-gradient(circle at 35% 25%,var(--color-orange) 0%,var(--color-orange) 55%,var(--color-orange) 100%)}@supports (color:color-mix(in lab,red,red)){.mixer-bar-toggle[data-active]{background:radial-gradient(circle at 35% 25%,color-mix(in oklab,var(--color-orange) 90%,white) 0%,var(--color-orange) 55%,color-mix(in oklab,var(--color-orange) 70%,black) 100%)}}.mixer-bar-toggle[data-active]{box-shadow:inset 0 1px #fff6,0 0 14px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.mixer-bar-toggle[data-active]{box-shadow:inset 0 1px #fff6,0 0 14px color-mix(in oklab,var(--color-orange) 55%,transparent)}}@media(prefers-reduced-motion:reduce){.mixer-meter-fill{transition:none}}.drag-ghost{pointer-events:none;z-index:9999;background:radial-gradient(circle at 35% 25%,var(--ghost-color) 0%,var(--ghost-color) 55%,var(--ghost-color) 100%);border-radius:12px;padding:8px 12px 10px;position:fixed;top:0;left:0;transform:translate(-9999px,-9999px)}@supports (color:color-mix(in lab,red,red)){.drag-ghost{background:radial-gradient(circle at 35% 25%,color-mix(in oklab,var(--ghost-color) 90%,white) 0%,var(--ghost-color) 55%,color-mix(in oklab,var(--ghost-color) 60%,black) 100%)}}.drag-ghost{box-shadow:inset 0 1px #ffffff59,0 8px 20px #00000059,0 0 24px var(--ghost-color)}@supports (color:color-mix(in lab,red,red)){.drag-ghost{box-shadow:inset 0 1px #ffffff59,0 8px 20px #00000059,0 0 24px color-mix(in oklab,var(--ghost-color) 70%,transparent)}}.drag-ghost{color:#fffbe6;font:600 11px/1 var(--font-mono);letter-spacing:.08em;will-change:transform;--ghost-color:var(--pad-color-0);text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin:-20px 0 0 20px;overflow:hidden}.step-row[data-droppable]{outline:1px dashed var(--row-color)}@supports (color:color-mix(in lab,red,red)){.step-row[data-droppable]{outline:1px dashed color-mix(in oklab,var(--row-color) 35%,transparent)}}.step-row[data-droppable]{outline-offset:4px;transition:outline-color .12s var(--ease)}.step-row[data-droppable]:hover{outline:1px solid var(--row-color);background:var(--row-color)}@supports (color:color-mix(in lab,red,red)){.step-row[data-droppable]:hover{background:color-mix(in oklab,var(--row-color) 6%,transparent)}}.step-row[data-droppable]:hover{border-radius:8px}.step-row-remove{background:var(--row-color);border:none;border-radius:8px;place-self:center;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab,red,red)){.step-row-remove{background:color-mix(in oklab,var(--row-color) 8%,#ffffff05)}}.step-row-remove{color:var(--row-color)}@supports (color:color-mix(in lab,red,red)){.step-row-remove{color:color-mix(in oklab,var(--row-color) 75%,white)}}.step-row-remove{cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease),transform .1s var(--ease-snap);box-shadow:inset 0 0 0 1px var(--row-color),inset 0 1px #ffffff0d}@supports (color:color-mix(in lab,red,red)){.step-row-remove{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--row-color) 22%,transparent),inset 0 1px #ffffff0d}}.step-row-remove:hover{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.step-row-remove:hover{background:color-mix(in oklab,var(--color-error) 28%,transparent)}}.step-row-remove:hover{color:#fff;box-shadow:inset 0 0 0 1px var(--color-error),0 0 12px var(--color-error)}@supports (color:color-mix(in lab,red,red)){.step-row-remove:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-error) 70%,transparent),0 0 12px color-mix(in oklab,var(--color-error) 45%,transparent)}}.step-row-remove:active{transform:scale(.92)}.step-row-remove:focus-visible{outline:2px solid var(--color-error)}@supports (color:color-mix(in lab,red,red)){.step-row-remove:focus-visible{outline:2px solid color-mix(in oklab,var(--color-error) 70%,white)}}.step-row-remove:focus-visible{outline-offset:2px}.new-track-zone{color:#ffeaa8cc;font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease);background:0 0;border:1.5px dashed oklab(93.8829% -.00379184 .0864114/.3);border-radius:10px;grid-template-columns:64px 1fr;align-items:center;gap:6px;margin-top:4px;padding:10px 16px;display:grid}.new-track-zone[data-active]{color:#ffeaa8;background:#ffeaa814;border-color:#ffeaa8;box-shadow:0 0 18px #ffeaa840}.new-track-zone[data-denied]{border-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.new-track-zone[data-denied]{border-color:color-mix(in oklab,var(--color-error) 70%,transparent)}}.new-track-zone[data-denied]{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.new-track-zone[data-denied]{background:color-mix(in oklab,var(--color-error) 8%,transparent)}}.new-track-zone[data-denied]{color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.new-track-zone[data-denied]{color:color-mix(in oklab,var(--color-error) 75%,white)}}.new-track-zone[data-denied]{box-shadow:0 0 18px var(--color-error)}@supports (color:color-mix(in lab,red,red)){.new-track-zone[data-denied]{box-shadow:0 0 18px color-mix(in oklab,var(--color-error) 35%,transparent)}}.new-track-zone[data-denied]{cursor:not-allowed}.new-track-zone>svg{justify-self:end;margin-right:4px}.step-row-wrap{overflow-clip-margin:16px;overflow:clip}.sampler-panel{background:var(--surface-recessed);border-top:1px solid var(--neu-light);box-shadow:inset 4px 4px 12px var(--neu-dark),inset -3px -3px 8px var(--neu-light);color:var(--color-ink);border-radius:0 0 14px 14px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.sampler-header{border-bottom:1px solid var(--neu-light);background:linear-gradient(180deg,var(--neu-light) 0%,transparent 100%);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;padding:8px 10px 6px;display:grid}.sampler-pad-label{align-items:center;gap:8px;min-width:0;min-height:22px;display:flex}.sampler-pad-id{font-family:var(--font-display);letter-spacing:.18em;color:var(--color-shell);font-size:10px}@supports (color:color-mix(in lab,red,red)){.sampler-pad-id{color:color-mix(in oklab,var(--color-shell) 80%,transparent)}}.sampler-pad-name{min-width:0;font-family:var(--font-mono);color:var(--color-shell);white-space:nowrap;text-overflow:ellipsis;transition:background .12s var(--ease),box-shadow .12s var(--ease);margin:0;background:0 0;border:none;border-radius:4px;outline:none;flex:auto;margin-inline:-3px;padding:1px 3px;font-size:11px;line-height:1;overflow:hidden}input.sampler-pad-name{appearance:none;cursor:text;width:100%;min-width:0}input.sampler-pad-name:hover{background:var(--neu-light)}input.sampler-pad-name:focus{background:var(--surface-recessed-deep);box-shadow:inset 0 0 0 1px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){input.sampler-pad-name:focus{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 55%,transparent)}}input.sampler-pad-name::placeholder{color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){input.sampler-pad-name::placeholder{color:color-mix(in oklab,var(--color-shell) 55%,transparent)}}input.sampler-pad-name::placeholder{font-style:italic}.sampler-pad-name-empty{color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-pad-name-empty{color:color-mix(in oklab,var(--color-shell) 60%,transparent)}}.sampler-pad-name-empty{cursor:default;font-style:italic}.sampler-restore-slot{flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.sampler-restore-btn{width:18px;height:18px;color:var(--color-error);background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sampler-restore-btn{color:color-mix(in oklab,var(--color-error) 72%,var(--color-shell))}}.sampler-restore-btn{cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease);line-height:0}.sampler-restore-btn svg{flex:none;display:block}.sampler-restore-btn:hover{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.sampler-restore-btn:hover{background:color-mix(in oklab,var(--color-error) 14%,transparent)}}.sampler-restore-btn:hover{color:var(--color-error)}.sampler-restore-btn:active{background:var(--surface-recessed-deep);color:var(--color-error)}.sampler-restore-btn:disabled{cursor:progress;opacity:.55}.sampler-tabs{background:var(--surface-recessed-deep);box-shadow:var(--shadow-neu-pressed);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:2px;display:grid}.sampler-tab{height:23px;color:var(--color-shell);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sampler-tab{color:color-mix(in oklab,var(--color-shell) 75%,transparent)}}.sampler-tab{cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease),transform .14s var(--ease);min-width:0}.sampler-tab:hover{color:var(--color-shell);background:var(--neu-light)}.sampler-tab[data-active]{background:var(--color-orange);color:var(--surface-base);box-shadow:0 0 10px var(--color-orange),inset 0 1px #fff6}@supports (color:color-mix(in lab,red,red)){.sampler-tab[data-active]{box-shadow:0 0 10px color-mix(in oklab,var(--color-orange) 55%,transparent),inset 0 1px #fff6}}.sampler-tab>svg{flex:none;width:14px;height:14px;display:block}.sampler-tab[data-tab=drive]>svg{width:13px;height:13px}.sampler-body{scrollbar-width:thin;scrollbar-color:var(--neu-light) transparent;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;padding:8px;display:grid;overflow:hidden auto}.sampler-pane{--sampler-utility-row: calc(1em + 10px) ;gap:calc(10px * var(--ui-scale,1));grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.sampler-pane-source{grid-template-rows:var(--sampler-utility-row) minmax(calc(52px * var(--ui-scale,1)),1fr) auto auto auto}.sampler-pane-source[data-clip=oneshot]{grid-template-rows:var(--sampler-utility-row) minmax(calc(22px * var(--ui-scale,1)),1fr) auto auto auto}.sampler-pane-envelope{grid-template-rows:var(--sampler-utility-row) minmax(0,1fr) auto auto}.sampler-env-subtabs{min-height:var(--sampler-utility-row);align-items:center;gap:10px;display:flex}.sampler-env-subtab-pills{flex:1;align-items:center;gap:6px;display:flex}.sampler-env-amount{flex:0 0 104px;justify-content:flex-end;align-items:center;gap:6px;display:flex;overflow:hidden}.sampler-env-amount-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim,#ffffff8c);font-size:.6rem}.sampler-env-amount-val{font-variant-numeric:tabular-nums;width:5ch;color:var(--text-dim,#fff9);text-align:right;flex:none;font-size:.7em}.sampler-pane-drive{grid-template-rows:var(--sampler-utility-row) minmax(0,1fr) auto}.sampler-pane-import{grid-template-rows:minmax(0,1fr);align-content:stretch}.sampler-pane-drive:before{content:"";min-height:var(--sampler-utility-row);display:block}.sampler-wave,.sampler-viz{background:var(--surface-recessed-deep);box-shadow:var(--shadow-neu-pressed),var(--screen-edge-shadow);border-radius:8px;min-width:0;min-height:0;position:relative;overflow:hidden}.sampler-wave:before,.sampler-viz:before{content:"";pointer-events:none;z-index:2;background:radial-gradient(circle at 25% 15%,var(--glass-sheen-light),transparent 45%),linear-gradient(315deg,var(--glass-sheen-soft),transparent 38%),linear-gradient(105deg,var(--color-blue) 0%,var(--color-green) 22%,transparent 38%,#ffffff0d 54%,var(--color-orange) 72%,var(--color-blue) 90%,var(--color-green) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.sampler-wave:before,.sampler-viz:before{background:radial-gradient(circle at 25% 15%,var(--glass-sheen-light),transparent 45%),linear-gradient(315deg,var(--glass-sheen-soft),transparent 38%),linear-gradient(105deg,color-mix(in oklab,var(--color-blue) 7%,transparent) 0%,color-mix(in oklab,var(--color-green) 6%,transparent) 22%,transparent 38%,color-mix(in oklab,var(--color-white) 5%,transparent) 54%,color-mix(in oklab,var(--color-orange) 5%,transparent) 72%,color-mix(in oklab,var(--color-blue) 6%,transparent) 90%,color-mix(in oklab,var(--color-green) 7%,transparent) 100%)}}.sampler-wave:before,.sampler-viz:before{mix-blend-mode:screen;border-radius:inherit;background-position:0 0,0 0,180% 0;background-size:100% 100%,100% 100%,280% 100%}:root:not([data-perf]) .sampler-wave:before,:root:not([data-perf]) .sampler-viz:before{animation:holo-drift var(--dur-holo,18s) linear infinite}:root[data-perf=off] .sampler-wave:before,:root[data-perf=off] .sampler-viz:before{display:none}:root[data-perf=low] .sampler-wave:before,:root[data-perf=low] .sampler-viz:before{animation:none}.sampler-wave{min-height:calc(56px * var(--ui-scale,1));display:block}.sampler-pane-source[data-clip=oneshot] .sampler-wave{min-height:calc(28px * var(--ui-scale,1))}.sampler-wave>canvas{width:100%;height:100%;display:block}.sampler-wave-empty{font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-shell);place-items:center;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.sampler-wave-empty{color:color-mix(in oklab,var(--color-shell) 65%,transparent)}}.sampler-wave-axis{background:linear-gradient(90deg,transparent 0%,var(--color-orange) 50%,transparent 100%);height:1px;position:absolute;top:50%;left:4px;right:4px}@supports (color:color-mix(in lab,red,red)){.sampler-wave-axis{background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--color-orange) 25%,transparent) 50%,transparent 100%)}}.sampler-wave-axis{pointer-events:none}.sampler-beat-markers{pointer-events:none;position:absolute;inset:0}.sampler-beat-marker{top:0;bottom:0;left:var(--beat-x);background:var(--color-blue);width:1px;position:absolute}@supports (color:color-mix(in lab,red,red)){.sampler-beat-marker{background:color-mix(in oklab,var(--color-blue) 55%,transparent)}}.sampler-beat-marker{transform:translate(-50%)}.sampler-slice-regions{z-index:3;position:absolute;inset:0}.sampler-slice-region{cursor:pointer;transition:background 80ms var(--ease);background:0 0;border:none;padding:0;position:absolute;top:0;bottom:0}.sampler-slice-region:hover{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.sampler-slice-region:hover{background:color-mix(in oklab,var(--color-orange) 10%,transparent)}}.sampler-slice-region:after{content:"";background:var(--color-orange);border-radius:2px;height:3px;position:absolute;bottom:3px;left:2px;right:2px}@supports (color:color-mix(in lab,red,red)){.sampler-slice-region:after{background:color-mix(in oklab,var(--color-orange) 55%,transparent)}}.sampler-slice-region:after{transition:background 80ms var(--ease),opacity 80ms var(--ease);pointer-events:none}.sampler-slice-region[data-disabled]{background:var(--surface-recessed-deep)}@supports (color:color-mix(in lab,red,red)){.sampler-slice-region[data-disabled]{background:color-mix(in oklab,var(--surface-recessed-deep) 55%,transparent)}}.sampler-slice-region[data-disabled]:hover{background:var(--surface-recessed-deep)}@supports (color:color-mix(in lab,red,red)){.sampler-slice-region[data-disabled]:hover{background:color-mix(in oklab,var(--surface-recessed-deep) 38%,transparent)}}.sampler-slice-region[data-disabled]:after{background:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-slice-region[data-disabled]:after{background:color-mix(in oklab,var(--color-shell) 18%,transparent)}}.sampler-wave-dock{min-width:0;min-height:0;box-shadow:var(--shadow-neu-pressed),var(--screen-edge-shadow);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.sampler-wave-dock>.sampler-wave{min-height:0;box-shadow:none;border-radius:0;flex:1 1 0}.sampler-wave-dock>.sampler-clip-meta{background:var(--surface-recessed-deep);flex:0 0 30px;grid-template-columns:none;justify-content:space-between;align-items:center;gap:10px;height:30px;margin:0;padding:0 9px;display:flex}@supports (color:color-mix(in lab,red,red)){.sampler-wave-dock>.sampler-clip-meta{background:color-mix(in oklab,var(--surface-recessed-deep) 82%,black)}}.sampler-wave-dock>.sampler-clip-meta{border-top:1px solid var(--neu-light)}.sampler-wave-dock .sampler-clip-readout{flex-direction:row;align-items:center;gap:6px;min-width:0}.sampler-wave-dock .sampler-clip-readout-label{font-size:8px}.sampler-wave-dock .sampler-clip-readout-value{height:auto;font-size:14px}.sampler-wave-dock .sampler-seg,.sampler-wave-dock .sampler-stepper{box-shadow:none;background:0 0;padding:0}.sampler-wave-dock .sampler-seg-btn{padding:4px 7px}.sampler-wave-dock .sampler-stepper-btn,.sampler-wave-dock .sampler-stepper-value{box-shadow:none;background:0 0}.sampler-wave-dock .sampler-stepper-value{min-width:28px;padding:3px 4px}.sampler-wave-dock .sampler-clip-readout-value{box-shadow:none;background:0 0}.sampler-modes-line{align-items:stretch;gap:var(--size-2);min-width:0;display:flex}.sampler-modes-line .sampler-seg{flex:1}.sampler-modes-line .sampler-pill--flow{border-radius:999px;flex:none;min-width:54px;padding:0 14px}.sampler-clip-meta{--meta-h:28px;margin-top:var(--size-2);place-items:start center;gap:6px;display:grid}.sampler-clip-meta--loop{grid-template-columns:1fr 1fr 1fr}.sampler-clip-meta--loop>:first-child{grid-column:1/3;justify-self:stretch}.sampler-clip-meta--break{grid-template-columns:1fr 1fr}.sampler-clip-readout{align-items:center;gap:var(--size-2);flex-direction:column;min-width:0;display:flex}.sampler-clip-readout-label{font:500 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-clip-readout-label{color:color-mix(in oklab,var(--color-shell) 55%,transparent)}}.sampler-clip-readout-value{height:var(--meta-h,28px);font:600 16px/1 var(--font-mono);color:var(--color-white);justify-content:center;align-items:center;min-width:32px;padding-inline:4px;display:inline-flex}.sampler-stepper{height:var(--meta-h,28px);background:var(--surface-raised);box-shadow:var(--shadow-neu-raised),inset 0 1px 0 var(--neu-light);border-radius:7px;align-items:stretch;display:inline-flex;overflow:hidden}.sampler-stepper-btn{width:30px;color:var(--color-ink-muted);font:600 12px/1 var(--font-mono);cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease),box-shadow .12s var(--ease);background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.sampler-stepper-btn:hover:not(:disabled){background:var(--neu-light);color:var(--color-shell)}.sampler-stepper-btn:active:not(:disabled){box-shadow:inset 0 2px 4px var(--neu-dark);color:var(--color-shell)}.sampler-stepper-btn:disabled{cursor:not-allowed;opacity:.3}.sampler-stepper-value{min-width:56px;font:600 14px/1 var(--font-mono);color:var(--color-white);box-shadow:-1px 0 0 var(--neu-dark),1px 0 0 var(--neu-dark);background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}button.sampler-stepper-value{cursor:pointer}button.sampler-stepper-value:focus-visible{outline:1px solid var(--color-orange)}@supports (color:color-mix(in lab,red,red)){button.sampler-stepper-value:focus-visible{outline:1px solid color-mix(in oklab,var(--color-orange) 60%,transparent)}}button.sampler-stepper-value:focus-visible{outline-offset:-2px}.sampler-stepper-auto{color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-stepper-auto{color:color-mix(in oklab,var(--color-shell) 50%,transparent)}}.sampler-stepper-auto{letter-spacing:.08em;margin-left:4px;font-size:9px;font-weight:500}.sampler-seg{width:100%;height:var(--meta-h,28px);background:var(--surface-recessed-deep);box-shadow:var(--shadow-neu-pressed);border-radius:999px;align-items:stretch;padding:2px;display:flex}.sampler-seg-btn{min-width:40px;color:var(--color-ink-muted);font:600 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),text-shadow .2s var(--ease);background:0 0;border:none;border-radius:999px;flex:1 1 0;place-items:center;padding:0 10px;display:grid}.sampler-seg-btn:hover:not([data-active]){color:var(--color-shell)}.sampler-seg-btn:focus-visible{outline-offset:-2px;outline:1px solid}.sampler-seg-btn[data-active]{background:var(--surface-raised);box-shadow:var(--shadow-neu-raised),inset 0 1px 0 var(--neu-light);text-shadow:0 0 8px}@supports (color:color-mix(in lab,red,red)){.sampler-seg-btn[data-active]{text-shadow:0 0 8px color-mix(in oklab,currentColor 45%,transparent)}}.sampler-seg-btn[data-quantize=instant][data-active]{color:var(--color-orange)}.sampler-seg-btn[data-quantize="1/4"][data-active]{color:var(--color-white)}.sampler-seg-btn[data-quantize="1/1"][data-active]{color:var(--color-green)}.sampler-seg-btn[data-warp][data-active],.sampler-seg-btn[data-mode][data-active]{color:var(--color-blue)}.sampler-loop-bottom{place-items:start center;gap:var(--size-2);grid-template-columns:1fr 1fr 1fr;min-width:0;display:grid}.sampler-trim{pointer-events:none;position:absolute;inset:0}.sampler-trim:before,.sampler-trim:after{content:"";background:#0009;position:absolute;top:0;bottom:0}.sampler-trim:before{width:var(--trim-l,0%);left:0}.sampler-trim:after{width:var(--trim-r,0%);right:0}.sampler-trim-edge{pointer-events:auto;cursor:ew-resize;z-index:2;touch-action:none;width:2px;position:absolute;top:0;bottom:0}.sampler-trim-edge:before{content:"";position:absolute;inset:0 -6px}.sampler-trim-edge:after{content:"";background:var(--handle-color);width:8px;height:8px;box-shadow:0 0 8px var(--handle-color);position:absolute;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.sampler-trim-edge:after{box-shadow:0 0 8px color-mix(in oklab,var(--handle-color) 65%,transparent)}}.sampler-trim-edge.left{left:var(--trim-l,0%);--handle-color:var(--color-blue);background:var(--handle-color);box-shadow:0 0 10px var(--handle-color)}@supports (color:color-mix(in lab,red,red)){.sampler-trim-edge.left{box-shadow:0 0 10px color-mix(in oklab,var(--handle-color) 55%,transparent)}}.sampler-trim-edge.left:after{border-radius:0 0 3px 3px;top:0}.sampler-trim-edge.right{right:var(--trim-r,0%);--handle-color:var(--color-green);background:var(--handle-color);box-shadow:0 0 10px var(--handle-color)}@supports (color:color-mix(in lab,red,red)){.sampler-trim-edge.right{box-shadow:0 0 10px color-mix(in oklab,var(--handle-color) 55%,transparent)}}.sampler-trim-edge.right:after{border-radius:3px 3px 0 0;bottom:0}.sampler-trim-edge:hover:after,.sampler-trim-edge:active:after{width:11px;height:11px}.sampler-trim-edge:active{box-shadow:0 0 16px var(--handle-color)}@supports (color:color-mix(in lab,red,red)){.sampler-trim-edge:active{box-shadow:0 0 16px color-mix(in oklab,var(--handle-color) 75%,transparent)}}.sampler-viz{grid-template-rows:minmax(0,1fr) auto;display:grid}.sampler-viz>svg{width:100%;height:100%;min-height:0;display:block}.sampler-viz-axis{font:600 8px/1 var(--font-mono);letter-spacing:.16em;color:var(--color-shell);justify-content:space-between;padding:2px 8px 4px;display:flex}@supports (color:color-mix(in lab,red,red)){.sampler-viz-axis{color:color-mix(in oklab,var(--color-shell) 65%,transparent)}}.sampler-viz-axis span:empty{visibility:hidden}.sampler-viz-axis-freq,.sampler-viz-axis-drive{padding:2px 6px 4px}.sampler-filter-type{min-width:0;min-height:var(--sampler-utility-row);flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.sampler-source-mode{min-width:0;min-height:var(--sampler-utility-row);align-items:center;display:grid}.sampler-filter-slope{background:var(--surface-recessed-deep);box-shadow:var(--shadow-neu-pressed);border-radius:6px;gap:2px;margin-left:auto;padding:2px;display:inline-flex}.sampler-pill{background:var(--surface-recessed-deep);min-width:0;color:var(--color-shell);border:none;border-radius:6px;flex:1 1 0;padding:5px 6px}@supports (color:color-mix(in lab,red,red)){.sampler-pill{color:color-mix(in oklab,var(--color-shell) 55%,transparent)}}.sampler-pill{font:600 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-neu-flush);transition:background .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease)}.sampler-pill:hover{background:var(--neu-light);color:var(--color-shell)}.sampler-pill[data-active]{background:var(--color-blue);color:#07101a;box-shadow:0 0 8px var(--color-blue),inset 0 1px #fff6}@supports (color:color-mix(in lab,red,red)){.sampler-pill[data-active]{box-shadow:0 0 8px color-mix(in oklab,var(--color-blue) 55%,transparent),inset 0 1px #fff6}}.sampler-pill--flow{box-shadow:var(--shadow-neu-raised);position:relative}.sampler-pill--flow:hover{box-shadow:var(--shadow-neu-raised),0 0 6px var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-pill--flow:hover{box-shadow:var(--shadow-neu-raised),0 0 6px color-mix(in oklab,var(--color-shell) 12%,transparent)}}.sampler-pill--flow:before{content:"";background:var(--color-shell);border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:5px}@supports (color:color-mix(in lab,red,red)){.sampler-pill--flow:before{background:color-mix(in oklab,var(--color-shell) 20%,transparent)}}.sampler-pill--flow:before{transition:background .16s var(--ease),box-shadow .16s var(--ease)}.sampler-pill--flow[data-active]{background:var(--surface-recessed-deep);color:var(--color-shell);box-shadow:var(--shadow-neu-raised),0 0 10px var(--color-led-red)}@supports (color:color-mix(in lab,red,red)){.sampler-pill--flow[data-active]{box-shadow:var(--shadow-neu-raised),0 0 10px color-mix(in oklab,var(--color-led-red) 20%,transparent)}}.sampler-pill--flow[data-active]:before{background:var(--color-led-red);box-shadow:0 0 4px var(--color-led-red),0 0 8px var(--color-led-red)}@supports (color:color-mix(in lab,red,red)){.sampler-pill--flow[data-active]:before{box-shadow:0 0 4px var(--color-led-red),0 0 8px color-mix(in oklab,var(--color-led-red) 60%,transparent)}}.sampler-pill-slope{background:0 0;flex:none;min-width:26px;padding:5px 6px}.sampler-pill-slope[data-active]{background:var(--color-white);color:var(--surface-base)}.sampler-pane-filter{grid-template-rows:auto minmax(0,1fr) auto}.sampler-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0;display:grid}.sampler-controls--2x2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sampler-controls--3col{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sampler-controls--center{grid-template-columns:minmax(0,1fr);justify-items:center}.sampler-controls,.sampler-source-mode,.sampler-clip-meta,.sampler-modes-line,.sampler-loop-bottom,.sampler-env-subtabs{zoom:var(--ui-scale,1)}.sampler-panel[data-controls-landscape] .sampler-controls--2x2,.app[data-sampler-full] .sampler-controls--2x2{grid-template-columns:repeat(4,minmax(0,1fr))}.sampler-knob-cell{grid-template-rows:auto auto auto;align-content:start;justify-items:center;gap:4px;min-width:0;max-width:100%;display:grid}.sampler-knob-cell[data-disabled]{cursor:not-allowed}.sampler-knob-cell[data-disabled] .sampler-knob-value,.sampler-knob-cell[data-disabled] .sampler-knob-label{opacity:.4}.sampler-knob-label{font:600 8px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-muted)}.sampler-knob-value{font:500 9px/1 var(--font-mono);color:var(--color-shell);text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.mini-knob[data-machined]{position:relative}.mini-knob[data-machined]>svg{z-index:1;position:relative}.mini-knob[data-machined]:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 36% 27%,#ffffff8c 0%,#ffffff14 22%,transparent 48%),radial-gradient(circle at 44% 34%,var(--mk-color) 0%,var(--mk-color) 46%,var(--mk-color) 80%,var(--mk-color) 100%);border-radius:50%;position:absolute;inset:13%}@supports (color:color-mix(in lab,red,red)){.mini-knob[data-machined]:before{background:radial-gradient(circle at 36% 27%,#ffffff8c 0%,#ffffff14 22%,transparent 48%),radial-gradient(circle at 44% 34%,color-mix(in oklab,var(--mk-color) 38%,#7a746a),color-mix(in oklab,var(--mk-color) 30%,#4a463f) 46%,color-mix(in oklab,var(--mk-color) 22%,#211e1b) 80%,color-mix(in oklab,var(--mk-color) 16%,#0e0d0b))}}.mini-knob[data-machined]:before{box-shadow:inset 0 1.5px 1px #fff6,inset 0 -3px 6px #0000009e,0 2px 5px #00000080,0 1px 0 var(--neu-light)}.sampler-toggle{--toggle-color:var(--color-orange);background:var(--surface-recessed-deep);width:26px;height:26px;color:var(--color-shell);border:none;border-radius:50%}@supports (color:color-mix(in lab,red,red)){.sampler-toggle{color:color-mix(in oklab,var(--color-shell) 60%,transparent)}}.sampler-toggle{box-shadow:var(--shadow-neu-pressed);cursor:pointer;transition:background .14s var(--ease),box-shadow .14s var(--ease);place-items:center;display:grid}.sampler-toggle:hover{background:var(--surface-recessed-deep)}@supports (color:color-mix(in lab,red,red)){.sampler-toggle:hover{background:color-mix(in oklab,var(--surface-recessed-deep) 70%,var(--neu-light))}}.sampler-toggle-led{width:8px;height:8px;transition:background .14s var(--ease),box-shadow .14s var(--ease);background:#ffffff2e;border-radius:50%}.sampler-toggle[data-on]{background:var(--toggle-color);box-shadow:0 0 10px var(--toggle-color),inset 0 1px #ffffff59}@supports (color:color-mix(in lab,red,red)){.sampler-toggle[data-on]{box-shadow:0 0 10px color-mix(in oklab,var(--toggle-color) 55%,transparent),inset 0 1px #ffffff59}}.sampler-toggle[data-on] .sampler-toggle-led{background:var(--surface-base);box-shadow:0 0 6px #0009}.key-square{background:var(--surface-recessed-deep);width:26px;height:26px;box-shadow:var(--shadow-neu-pressed);cursor:ns-resize;touch-action:none;color:var(--color-shell);transition:background .14s var(--ease),box-shadow .14s var(--ease);border-radius:6px;place-items:center;display:grid}.key-square:hover{background:var(--surface-recessed-deep)}@supports (color:color-mix(in lab,red,red)){.key-square:hover{background:color-mix(in oklab,var(--surface-recessed-deep) 70%,var(--neu-light))}}.key-square:focus-visible{box-shadow:var(--shadow-neu-pressed),0 0 0 2px var(--color-blue);outline:none}@supports (color:color-mix(in lab,red,red)){.key-square:focus-visible{box-shadow:var(--shadow-neu-pressed),0 0 0 2px color-mix(in oklab,var(--color-blue) 60%,transparent)}}.key-square[data-dragging]{background:#fff}@supports (color:color-mix(in lab,red,red)){.key-square[data-dragging]{background:color-mix(in oklab,var(--color-white) 12%,var(--surface-recessed-deep))}}.key-square[data-dragging]{box-shadow:inset 0 0 0 1px #ffffff4d,0 0 10px #ffffff40}@supports (color:color-mix(in lab,red,red)){.key-square[data-dragging]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-white) 30%,transparent),0 0 10px color-mix(in oklab,var(--color-white) 25%,transparent)}}.key-square-target{font:600 10px/1 var(--font-mono);letter-spacing:.01em;color:var(--color-shell)}.key-square-mode{justify-content:center;display:flex}.key-square-mode-btn{background:var(--surface-recessed-deep);box-shadow:var(--shadow-neu-flush);color:var(--color-shell);border:none;border-radius:4px}@supports (color:color-mix(in lab,red,red)){.key-square-mode-btn{color:color-mix(in oklab,var(--color-shell) 70%,transparent)}}.key-square-mode-btn{font:600 8px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease);padding:3px 7px}.key-square-mode-btn:hover{color:var(--color-shell);background:var(--surface-recessed-deep)}@supports (color:color-mix(in lab,red,red)){.key-square-mode-btn:hover{background:color-mix(in oklab,var(--surface-recessed-deep) 70%,var(--neu-light))}}.sampler-loop-bottom .key-square,.sampler-controls--3col .key-square{border-radius:7px;width:38px;height:38px}.sampler-loop-bottom .key-square-target,.sampler-controls--3col .key-square-target{font-size:15px}.sampler-loop-bottom .sampler-knob-value,.sampler-loop-bottom .key-square-mode,.sampler-controls--3col .sampler-knob-value,.sampler-controls--3col .key-square-mode,.sampler-controls--quad .sampler-knob-value,.sampler-controls--quad .key-square-mode{justify-content:center;align-items:center;min-height:16px;display:flex}.sampler-import-card{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:0;display:grid}.sampler-import-seg{background:var(--surface-recessed-deep);box-shadow:var(--shadow-neu-pressed);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px;display:grid}.sampler-import-seg-btn{min-width:0;color:var(--color-shell);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.sampler-import-seg-btn{color:color-mix(in oklab,var(--color-shell) 58%,transparent)}}.sampler-import-seg-btn{font:600 9px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease);padding:7px 4px}.sampler-import-seg-btn:hover{color:var(--color-shell)}.sampler-import-seg-btn[data-active]{background:var(--color-orange);color:var(--surface-base);box-shadow:var(--shadow-neu-flush)}.sampler-import-body{grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.sampler-import-search{grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;display:grid}.sampler-search-empty{text-align:center;background:var(--surface-recessed-deep);box-shadow:var(--shadow-neu-pressed);color:var(--color-shell);border-radius:8px;justify-content:center;align-items:center;padding:16px;display:flex}@supports (color:color-mix(in lab,red,red)){.sampler-search-empty{color:color-mix(in oklab,var(--color-shell) 45%,transparent)}}.sampler-search-empty{font:500 10px/1.4 var(--font-mono);letter-spacing:.1em}.sampler-drop{border:1.5px dashed var(--color-orange);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:0;padding:18px;display:flex}@supports (color:color-mix(in lab,red,red)){.sampler-drop{border:1.5px dashed color-mix(in oklab,var(--color-orange) 35%,transparent)}}.sampler-drop{background:var(--color-orange);border-radius:10px}@supports (color:color-mix(in lab,red,red)){.sampler-drop{background:color-mix(in oklab,var(--color-orange) 6%,var(--surface-recessed-deep))}}.sampler-drop{color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-drop{color:color-mix(in oklab,var(--color-shell) 80%,transparent)}}.sampler-drop{font:500 11px/1 var(--font-mono);letter-spacing:.14em;cursor:pointer;box-shadow:var(--shadow-neu-pressed);transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}.sampler-drop-label{text-align:center}.sampler-drop-hint{font:500 9px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-drop-hint{color:color-mix(in oklab,var(--color-shell) 42%,transparent)}}.sampler-drop:hover{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.sampler-drop:hover{background:color-mix(in oklab,var(--color-orange) 14%,var(--surface-recessed-deep))}}.sampler-drop:hover{border-color:var(--color-orange);color:var(--color-shell)}.sampler-drop[data-drag-over]{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.sampler-drop[data-drag-over]{background:color-mix(in oklab,var(--color-orange) 24%,var(--surface-recessed-deep))}}.sampler-drop[data-drag-over]{border-color:var(--color-orange);color:var(--color-shell);box-shadow:var(--shadow-neu-pressed),0 0 18px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.sampler-drop[data-drag-over]{box-shadow:var(--shadow-neu-pressed),0 0 18px color-mix(in oklab,var(--color-orange) 45%,transparent)}}.sampler-drop[data-busy]{opacity:.6;cursor:progress}.sampler-drop input[type=file]{display:none}.sampler-search{background:var(--surface-recessed-deep);box-shadow:var(--shadow-neu-pressed);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:6px 8px;display:grid}.sampler-search>svg{color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-search>svg{color:color-mix(in oklab,var(--color-shell) 65%,transparent)}}.sampler-search-input{color:var(--color-shell);font:500 11px/1 var(--font-mono);background:0 0;border:none;outline:none;min-width:0}.sampler-search-input::placeholder{color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-search-input::placeholder{color:color-mix(in oklab,var(--color-shell) 55%,transparent)}}.sampler-search-btn{background:var(--color-blue);color:var(--surface-base);font:600 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:filter .14s var(--ease);border:none;border-radius:6px;padding:5px 10px}.sampler-search-btn:disabled{filter:grayscale(.6)brightness(.7);cursor:not-allowed}.sampler-results{align-content:start;gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.sampler-result{background:var(--neu-light);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.sampler-result:hover{background:var(--neu-light)}@supports (color:color-mix(in lab,red,red)){.sampler-result:hover{background:color-mix(in oklab,var(--neu-light) 50%,var(--surface-raised-hi))}}.sampler-result-badge{font:600 8px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-result-badge{color:color-mix(in oklab,var(--color-shell) 70%,transparent)}}.sampler-result-badge{background:var(--surface-recessed-deep);white-space:nowrap;border-radius:4px;padding:3px 5px}.sampler-result-meta{grid-template-rows:auto auto;min-width:0;display:grid}.sampler-result-title{font:500 11px/1.2 var(--font-mono);color:var(--color-shell);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sampler-result-artist{font:500 9px/1 var(--font-mono);letter-spacing:.08em;color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.sampler-result-artist{color:color-mix(in oklab,var(--color-shell) 55%,transparent)}}.sampler-result-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sampler-result-load{background:var(--color-orange);color:var(--surface-base);cursor:pointer;width:26px;height:26px;box-shadow:var(--shadow-neu-flush);transition:filter .14s var(--ease);border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.sampler-result-load:hover{filter:brightness(1.15)}.sampler-result-load:disabled{opacity:.5;cursor:not-allowed}.sampler-result-art{object-fit:cover;width:28px;height:28px;box-shadow:var(--shadow-neu-flush);border-radius:5px}.sampler-error{background:var(--color-error);border-radius:6px;padding:6px 10px}@supports (color:color-mix(in lab,red,red)){.sampler-error{background:color-mix(in oklab,var(--color-error) 15%,transparent)}}.sampler-error{color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.sampler-error{color:color-mix(in oklab,var(--color-error) 85%,white)}}.sampler-error{font:500 10px/1.3 var(--font-mono);letter-spacing:.08em}.song-picker{flex-direction:column;gap:7px;height:100%;min-height:0;display:flex;overflow:hidden auto}.song-picker-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.song-picker-title{font:600 11px/1.2 var(--font-mono);color:var(--color-shell);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-picker-meta{font:500 8px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-shell);flex:none}@supports (color:color-mix(in lab,red,red)){.song-picker-meta{color:color-mix(in oklab,var(--color-shell) 55%,transparent)}}.song-wave{background:var(--surface-recessed-deep);min-height:40px;box-shadow:var(--shadow-neu-pressed),var(--screen-edge-shadow);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;flex:1;position:relative;overflow:hidden}.song-wave>canvas{width:100%;height:100%;display:block}.song-wave:focus-visible{box-shadow:var(--shadow-neu-pressed),var(--screen-edge-shadow),0 0 0 2px var(--color-blue);outline:none}@supports (color:color-mix(in lab,red,red)){.song-wave:focus-visible{box-shadow:var(--shadow-neu-pressed),var(--screen-edge-shadow),0 0 0 2px color-mix(in oklab,var(--color-blue) 55%,transparent)}}.song-wave-scrim{pointer-events:none;z-index:3;background:#0000009e;position:absolute;top:0;bottom:0}.song-wave-scrim.left{width:var(--sel-l,0%);left:0}.song-wave-scrim.right{width:var(--sel-r,0%);right:0}.song-sel{top:0;bottom:0;left:var(--sel-l,0%);right:var(--sel-r,0%);z-index:4;cursor:grab;touch-action:none;border-top:2px solid var(--color-orange);position:absolute}@supports (color:color-mix(in lab,red,red)){.song-sel{border-top:2px solid color-mix(in oklab,var(--color-orange) 60%,transparent)}}.song-sel{border-bottom:2px solid var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.song-sel{border-bottom:2px solid color-mix(in oklab,var(--color-orange) 60%,transparent)}}.song-sel{background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.song-sel{background:color-mix(in oklab,var(--color-orange) 6%,transparent)}}.song-sel:active{cursor:grabbing}.song-sel.unsafe{border-top-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.song-sel.unsafe{border-top-color:color-mix(in oklab,var(--color-error) 70%,transparent)}}.song-sel.unsafe{border-bottom-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.song-sel.unsafe{border-bottom-color:color-mix(in oklab,var(--color-error) 70%,transparent)}}.song-sel.unsafe{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.song-sel.unsafe{background:color-mix(in oklab,var(--color-error) 10%,transparent)}}.song-sel-handle{z-index:5;cursor:ew-resize;touch-action:none;background:var(--handle-color);width:4px;box-shadow:0 0 10px var(--handle-color);position:absolute;top:0;bottom:0}@supports (color:color-mix(in lab,red,red)){.song-sel-handle{box-shadow:0 0 10px color-mix(in oklab,var(--handle-color) 60%,transparent)}}.song-sel-handle:before{content:"";position:absolute;inset:0 -18px}.song-sel-handle:after{content:"";background:var(--handle-color);width:10px;height:26px;box-shadow:0 0 10px var(--handle-color);border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab,red,red)){.song-sel-handle:after{box-shadow:0 0 10px color-mix(in oklab,var(--handle-color) 55%,transparent)}}.song-sel-handle.start{--handle-color:var(--color-blue);left:-2px}.song-sel-handle.end{--handle-color:var(--color-green);right:-2px}.song-sel.unsafe .song-sel-handle{--handle-color:var(--color-error)}.song-sel-handle:active:after{width:13px}.song-playhead{z-index:5;background:var(--color-white);width:2px;box-shadow:0 0 10px var(--color-white);pointer-events:none;position:absolute;top:0;bottom:0}.song-readouts{align-items:center;gap:14px;display:flex}.song-ro{flex-direction:column;gap:2px;display:flex}.song-ro-k{font:600 8px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.song-ro-k{color:color-mix(in oklab,var(--color-shell) 55%,transparent)}}.song-ro-v{font:500 13px/1 var(--font-display);color:var(--color-shell)}.song-status{font:600 8px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-self:center;margin-left:auto;padding:5px 10px}.song-status.safe{color:var(--color-green);box-shadow:inset 0 0 0 1px var(--color-green)}@supports (color:color-mix(in lab,red,red)){.song-status.safe{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-green) 50%,transparent)}}.song-status.unsafe{color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.song-status.unsafe{color:color-mix(in oklab,var(--color-error) 90%,white)}}.song-status.unsafe{box-shadow:inset 0 0 0 1px var(--color-error)}@supports (color:color-mix(in lab,red,red)){.song-status.unsafe{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-error) 55%,transparent)}}.song-presets{flex-wrap:nowrap;gap:6px;display:flex}.song-preset{white-space:nowrap;background:var(--surface-raised-hi);min-width:0;color:var(--color-shell);font:600 9px/1 var(--font-mono);letter-spacing:.06em;cursor:pointer;min-height:28px;box-shadow:var(--shadow-neu-raised);transition:transform 80ms var(--ease),box-shadow .12s var(--ease);border:none;border-radius:7px;flex:1 1 0;padding:0 8px}.song-preset:active{box-shadow:var(--shadow-neu-pressed);transform:translateY(1px)}.song-preset[aria-pressed=true]{background:var(--color-orange);color:var(--surface-base)}.song-preset.ghost{background:var(--surface-raised-hi);color:var(--color-blue);flex:0 auto}@supports (color:color-mix(in lab,red,red)){.song-preset.ghost{color:color-mix(in oklab,var(--color-blue) 88%,var(--color-shell))}}.song-preset.ghost{box-shadow:var(--shadow-neu-raised),inset 0 0 0 1px var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.song-preset.ghost{box-shadow:var(--shadow-neu-raised),inset 0 0 0 1px color-mix(in oklab,var(--color-blue) 38%,transparent)}}.song-preset.ghost{text-overflow:ellipsis;overflow:hidden}.song-preset.ghost:hover{background:var(--surface-raised-hi)}@supports (color:color-mix(in lab,red,red)){.song-preset.ghost:hover{background:color-mix(in oklab,var(--surface-raised-hi) 80%,var(--color-blue))}}.song-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.song-actions-spacer{flex:1}.song-btn{white-space:nowrap;background:var(--surface-raised-hi);color:var(--color-shell);font:600 9px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;min-height:32px;box-shadow:var(--shadow-neu-raised);transition:transform 80ms var(--ease),box-shadow .12s var(--ease),filter .14s var(--ease);border:none;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:0 12px;display:inline-flex}.song-btn>svg{flex:none}.song-btn:active{box-shadow:var(--shadow-neu-pressed);transform:translateY(1px)}.song-btn.ghost{box-shadow:var(--shadow-neu-flush);background:0 0}.song-btn.back{color:var(--color-blue);padding-left:9px}@supports (color:color-mix(in lab,red,red)){.song-btn.back{color:color-mix(in oklab,var(--color-blue) 88%,var(--color-shell))}}.song-btn.back{box-shadow:var(--shadow-neu-raised),inset 0 0 0 1px var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.song-btn.back{box-shadow:var(--shadow-neu-raised),inset 0 0 0 1px color-mix(in oklab,var(--color-blue) 38%,transparent)}}.song-btn.back:hover{background:var(--surface-raised-hi)}@supports (color:color-mix(in lab,red,red)){.song-btn.back:hover{background:color-mix(in oklab,var(--surface-raised-hi) 80%,var(--color-blue))}}.song-btn.back>svg{color:var(--color-blue)}.song-btn.primary{background:var(--color-orange);color:var(--surface-base)}.song-btn.primary:hover{filter:brightness(1.08)}.song-btn:disabled{opacity:.45;cursor:not-allowed}.mic-rec{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;height:100%;min-height:0;padding:2px 0;display:flex;overflow-y:auto}.mic-rec-source{align-items:center;gap:8px;display:flex}.mic-rec-source-label{font:600 8px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.mic-rec-source-label{color:color-mix(in oklab,var(--color-shell) 55%,transparent)}}.mic-rec-source-label{flex:none}.mic-rec-select{appearance:none;background:var(--surface-recessed-deep);min-width:0;box-shadow:var(--shadow-neu-pressed);color:var(--color-shell);font:500 10px/1 var(--font-mono);cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 10px}.mic-rec-select:disabled{opacity:.55;cursor:not-allowed}.mic-rec-btn{--rec:var(--color-led-red);background:var(--surface-recessed-deep);width:64px;height:64px;color:var(--color-shell);border:none;border-radius:50%;align-self:center}@supports (color:color-mix(in lab,red,red)){.mic-rec-btn{color:color-mix(in oklab,var(--color-shell) 78%,transparent)}}.mic-rec-btn{box-shadow:var(--shadow-neu-raised);cursor:pointer;touch-action:manipulation;transition:background .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease);place-items:center;display:grid}.mic-rec-btn:hover{color:var(--color-shell)}.mic-rec-btn.recording{background:var(--rec);color:var(--surface-base);box-shadow:0 0 0 calc(3px + var(--level,0) * 12px) var(--rec),0 0 14px var(--rec)}@supports (color:color-mix(in lab,red,red)){.mic-rec-btn.recording{box-shadow:0 0 0 calc(3px + var(--level,0) * 12px) color-mix(in oklab,var(--rec) 32%,transparent),0 0 14px color-mix(in oklab,var(--rec) 60%,transparent)}}.mic-rec-btn:disabled{opacity:.5;cursor:not-allowed}.mic-rec-meter{background:var(--surface-recessed-deep);height:6px;box-shadow:var(--shadow-neu-pressed);border-radius:999px;overflow:hidden}.mic-rec-meter-fill{background:linear-gradient(90deg,var(--color-green),var(--color-orange));border-radius:999px;height:100%;transition:width 60ms linear;display:block}.mic-rec-status{text-align:center;font:500 10px/1.3 var(--font-mono);letter-spacing:.06em;color:var(--color-shell)}@supports (color:color-mix(in lab,red,red)){.mic-rec-status{color:color-mix(in oklab,var(--color-shell) 65%,transparent)}}.auth-gate{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.auth-gate__panel{background:var(--surface-raised);color:var(--color-ink);border-radius:var(--radius-panel);padding:var(--size-5);inline-size:min(420px,92vw);box-shadow:var(--shadow-neu-raised),inset 0 1px 0 var(--neu-light);position:relative}.auth-gate__header{font:600 14px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);justify-content:space-between;align-items:center;margin-block-end:var(--size-4);display:flex}.auth-gate__close{background:var(--surface-recessed);block-size:28px;inline-size:28px;color:var(--color-ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush);transition:background var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap);border:none;border-radius:50%;place-items:center;font-size:18px;line-height:1;display:inline-grid}.auth-gate__close:hover{background:var(--surface-recessed-deep);color:var(--color-orange)}.auth-gate__close:focus-visible{box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush),0 0 0 2px var(--color-orange);outline:none}@supports (color:color-mix(in lab,red,red)){.auth-gate__close:focus-visible{box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush),0 0 0 2px color-mix(in oklab,var(--color-orange) 65%,transparent)}}.auth-gate__form{gap:var(--size-3);display:grid}.auth-gate__row{gap:6px;display:grid}.auth-gate__row>span{font:600 10px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-muted)}.auth-gate__row input{background:var(--surface-recessed-deep);color:var(--color-ink);font:500 13px/1 var(--font-mono);box-shadow:var(--shadow-neu-pressed),inset 0 0 0 1px var(--neu-dark);caret-color:var(--color-orange);border:none;border-radius:8px;padding:10px 12px}.auth-gate__row input::placeholder{color:var(--color-ink-muted)}@supports (color:color-mix(in lab,red,red)){.auth-gate__row input::placeholder{color:color-mix(in oklab,var(--color-ink-muted) 70%,transparent)}}.auth-gate__row input:focus{box-shadow:var(--shadow-neu-pressed),inset 0 0 0 1.5px var(--color-orange);outline:none}@supports (color:color-mix(in lab,red,red)){.auth-gate__row input:focus{box-shadow:var(--shadow-neu-pressed),inset 0 0 0 1.5px color-mix(in oklab,var(--color-orange) 70%,transparent)}}.auth-gate__primary{background:var(--color-orange);color:var(--surface-base);font:600 12px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 18px var(--color-orange);border:none;border-radius:10px;margin-block-start:var(--size-2);padding:12px 16px}@supports (color:color-mix(in lab,red,red)){.auth-gate__primary{box-shadow:0 0 18px color-mix(in oklab,var(--color-orange) 35%,transparent)}}.auth-gate__primary{transition:background var(--dur-tap) var(--ease-snap),transform var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap)}.auth-gate__primary:hover:not(:disabled){background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.auth-gate__primary:hover:not(:disabled){background:color-mix(in oklab,var(--color-orange) 88%,white)}}.auth-gate__primary:active:not(:disabled){transform:translateY(1px)}.auth-gate__primary:disabled{opacity:.55;cursor:progress;box-shadow:none}.auth-gate__error{color:var(--color-error);font:500 12px/1.4 var(--font-mono);margin-block-start:4px}.auth-gate__info{color:var(--color-ink-muted);font:500 12px/1.4 var(--font-mono);margin-block-start:4px}.auth-gate__forgot{color:var(--color-ink-muted);cursor:pointer;font:500 11px/1 var(--font-mono);text-underline-offset:3px;transition:color var(--dur-tap) var(--ease-snap);background:0 0;border:none;align-self:center;padding:6px 8px;text-decoration:underline}.auth-gate__forgot:hover{color:var(--color-orange)}.auth-gate__oauth{margin-block:var(--size-4);border-block-start:1px solid var(--neu-light);gap:8px;padding-block-start:var(--size-3);display:grid}.auth-gate__oauth:empty{border:0;margin:0;padding:0;display:none}.auth-gate__oauth-btn{text-align:center;background:var(--surface-recessed);color:var(--color-ink);font:500 12px/1 var(--font-mono);box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush);transition:background var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap);border-radius:10px;padding:10px 14px;text-decoration:none}.auth-gate__oauth-btn:hover{background:var(--surface-recessed-deep);color:var(--color-orange)}.auth-gate__footer{justify-content:center;margin-block-start:var(--size-3);display:flex}.auth-gate__footer button{color:var(--color-ink-muted);cursor:pointer;font:500 11px/1 var(--font-mono);text-underline-offset:3px;transition:color var(--dur-tap) var(--ease-snap);background:0 0;border:none;text-decoration:underline}.auth-gate__footer button:hover{color:var(--color-orange)}.about-dialog{z-index:100;padding:var(--size-4);background:var(--surface-base);place-items:center;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.about-dialog{background:color-mix(in oklab,var(--surface-base) 30%,black)}}.about-dialog{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:about-scrim-in .24s var(--ease-snap) forwards}@keyframes about-scrim-in{0%{opacity:0}to{opacity:1}}.about-dialog__panel{background:var(--surface-raised);max-block-size:min(92vh,580px);inline-size:min(640px,94vw);color:var(--color-ink);border-radius:var(--radius-panel);box-shadow:var(--shadow-neu-raised),inset 0 1px 0 var(--neu-light);animation:about-panel-in .36s var(--ease-spring-soft) forwards;gap:var(--size-4);grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(20px,4vw,32px);display:grid;position:relative;overflow:hidden}.about-dialog__panel:before{content:"";pointer-events:none;border-radius:inherit;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}@keyframes about-panel-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media(prefers-reduced-motion:reduce){.about-dialog,.about-dialog__panel,.about-dialog__sparkle{animation:none!important}.about-dialog__panel{opacity:1;transform:none}}.about-dialog__screw{pointer-events:none;width:12px;height:12px;color:var(--color-screw);opacity:.7;z-index:2;position:absolute}.about-dialog__screw[data-pos=tl]{top:12px;left:12px}.about-dialog__screw[data-pos=tr]{top:12px;right:12px}.about-dialog__screw[data-pos=bl]{bottom:12px;left:12px}.about-dialog__screw[data-pos=br]{bottom:12px;right:12px}.about-dialog__header{justify-content:space-between;align-items:center;gap:var(--size-3);z-index:1;display:flex;position:relative}.about-dialog__brand{align-items:baseline;gap:10px;min-width:0;display:inline-flex}.about-dialog__dot{background:var(--color-orange);width:8px;height:8px;box-shadow:0 0 8px var(--color-orange),inset 0 0 0 1px var(--color-orange);border-radius:50%;align-self:center}@supports (color:color-mix(in lab,red,red)){.about-dialog__dot{box-shadow:0 0 8px color-mix(in oklab,var(--color-orange) 80%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 60%,white)}}.about-dialog__dot{animation:2.4s ease-in-out infinite about-led-breathe}@keyframes about-led-breathe{0%,to{box-shadow:0 0 6px color-mix(in oklab,var(--color-orange) 60%,transparent)}50%{box-shadow:0 0 14px color-mix(in oklab,var(--color-orange) 90%,transparent)}}.about-dialog__wordmark{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink);text-shadow:0 1px #00000080;margin:0;font-size:18px;line-height:1}.about-dialog__serial{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-muted);white-space:nowrap;font-size:10px}.about-dialog__close{background:var(--surface-recessed);block-size:28px;inline-size:28px;color:var(--color-ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush);transition:background var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap),transform var(--dur-tap) var(--ease-snap);border:none;border-radius:50%;place-items:center;font-size:18px;line-height:1;display:inline-grid}.about-dialog__close:hover{background:var(--surface-recessed-deep);color:var(--color-orange);transform:rotate(90deg)}.about-dialog__close:focus-visible{box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush),0 0 0 2px var(--color-orange);outline:none}@supports (color:color-mix(in lab,red,red)){.about-dialog__close:focus-visible{box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush),0 0 0 2px color-mix(in oklab,var(--color-orange) 65%,transparent)}}.about-dialog__body{gap:clamp(var(--size-3),3vw,var(--size-5));z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;position:relative}@media(max-width:520px){.about-dialog__body{grid-template-columns:1fr;justify-items:center}}.about-dialog__stage-wrap{cursor:pointer;width:144px;height:144px;transition:transform .24s var(--ease-spring-soft);flex-shrink:0;position:relative}.about-dialog__stage-wrap:hover{transform:scale(1.04)}.about-dialog__stage-wrap:active{transition-duration:var(--dur-tap);transform:scale(.98)}.about-dialog__stage{--critter-stage-base:var(--surface-raised-hi)}@supports (color:color-mix(in lab,red,red)){.about-dialog__stage{--critter-stage-base:color-mix(in oklab, var(--surface-raised-hi) 78%, var(--color-white))}}.about-dialog__stage{--stage-accent:var(--color-orange);--stage-accent-mix:28%;background:radial-gradient(circle at 50% 38%,var(--stage-accent) 0%,var(--critter-stage-base) 72%),var(--critter-stage-base);border-radius:16px;place-items:center;display:grid;position:absolute;inset:12px}@supports (color:color-mix(in lab,red,red)){.about-dialog__stage{background:radial-gradient(circle at 50% 38%,color-mix(in oklab,var(--stage-accent) var(--stage-accent-mix),var(--critter-stage-base)) 0%,var(--critter-stage-base) 72%),var(--critter-stage-base)}}.about-dialog__stage{box-shadow:var(--shadow-neu-raised),inset 0 1px #fff6,0 0 24px var(--stage-accent)}@supports (color:color-mix(in lab,red,red)){.about-dialog__stage{box-shadow:var(--shadow-neu-raised),inset 0 1px color-mix(in oklab,var(--color-white) 40%,transparent),0 0 24px color-mix(in oklab,var(--stage-accent) 18%,transparent)}}.about-dialog__stage{transition:background .36s var(--ease-snap),box-shadow .24s var(--ease-snap)}.about-dialog__stage-wrap[data-mood=happy] .about-dialog__stage{--stage-accent:var(--color-green);--stage-accent-mix:36%}.about-dialog__stage-wrap[data-mood=munch] .about-dialog__stage{--stage-accent:var(--color-orange);--stage-accent-mix:52%}.about-dialog__stage-wrap[data-mood=sad] .about-dialog__stage{--stage-accent:var(--color-blue);--stage-accent-mix:22%}.about-dialog__sparkle{background:var(--color-orange);width:4px;height:4px;color:var(--color-orange);opacity:0;pointer-events:none;border-radius:1px;position:absolute;box-shadow:0 0 8px}.about-dialog__sparkle[data-color=blue]{background:var(--color-blue);color:var(--color-blue)}.about-dialog__sparkle[data-color=green]{background:var(--color-green);color:var(--color-green)}.about-dialog__sparkle[data-color=white]{background:var(--color-white);color:var(--color-white)}.about-dialog__sparkle--a{animation:3.6s ease-in-out infinite about-sparkle;top:6px;left:-2px}.about-dialog__sparkle--b{animation:4.2s ease-in-out .9s infinite about-sparkle;top:22px;right:4px}.about-dialog__sparkle--c{animation:3.8s ease-in-out 1.6s infinite about-sparkle;bottom:10px;left:8px}.about-dialog__sparkle--d{animation:4.6s ease-in-out 2.3s infinite about-sparkle;bottom:28px;right:-2px}@keyframes about-sparkle{0%,to{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1;transform:translateY(-2px)scale(1)}50%{opacity:.5;transform:translateY(-6px)scale(.85)}80%{opacity:0;transform:translateY(-10px)scale(.6)}}.about-dialog__speech{gap:6px;min-width:0;display:grid}.about-dialog__tag{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--color-ink-muted);background:var(--surface-recessed);box-shadow:var(--shadow-neu-flush);border-radius:4px;justify-self:start;padding:3px 8px;font-size:9px}.about-dialog__bubble{background:var(--surface-raised);color:var(--color-ink);box-shadow:inset 4px 4px 14px var(--neu-dark),inset -2px -2px 10px var(--neu-dark);border:none;border-radius:14px;margin:0;padding:clamp(14px,2.4vw,18px) clamp(16px,2.6vw,22px);position:relative}.about-dialog__bubble:before{content:"";background:var(--surface-raised);width:14px;height:14px;box-shadow:inset 2px 2px 4px var(--neu-dark);border-radius:2px;position:absolute;top:32px;left:-7px;transform:rotate(45deg)}@media(max-width:520px){.about-dialog__bubble:before{top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}}.about-dialog__bubble p{margin:0 0 var(--size-3);font:400 13.5px/1.6 var(--font-sans);color:var(--color-ink);letter-spacing:.005em}.about-dialog__bubble p:last-child{margin-block-end:0}.about-dialog__greeting{font:500 17px/1.4 var(--font-sans)!important;color:var(--color-ink)!important;letter-spacing:0!important;margin-block-end:var(--size-3)!important}.about-dialog__greeting strong{color:var(--color-orange);text-shadow:0 0 12px var(--color-orange);font-weight:700}@supports (color:color-mix(in lab,red,red)){.about-dialog__greeting strong{text-shadow:0 0 12px color-mix(in oklab,var(--color-orange) 30%,transparent)}}.about-dialog__footer{justify-content:space-between;align-items:center;gap:var(--size-3);background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);z-index:1;border-radius:8px;padding:10px 14px;display:flex;position:relative}.about-dialog__footer-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-muted);font-size:10px}.about-dialog__footer-hint{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-ink-muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.about-dialog__kbd{background:var(--surface-raised);min-width:26px;height:18px;color:var(--color-ink);font:600 9px/1 var(--font-mono);letter-spacing:.12em;box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush);border-radius:4px;place-items:center;padding:0 6px;display:inline-grid}.mobile-gate{z-index:200;padding:var(--size-4);padding:max(var(--size-4),env(safe-area-inset-top)) max(var(--size-4),env(safe-area-inset-right)) max(var(--size-4),env(safe-area-inset-bottom)) max(var(--size-4),env(safe-area-inset-left));background:radial-gradient(ellipse at top left,var(--surface-base) 0%,var(--surface-base) 60%,var(--surface-base) 140%);place-items:center;min-block-size:100dvh;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.mobile-gate{background:radial-gradient(ellipse at top left,color-mix(in oklab,var(--surface-base) 96%,white) 0%,var(--surface-base) 60%,color-mix(in oklab,var(--surface-base) 92%,black) 140%)}}.mobile-gate{color:var(--color-ink);overflow:auto}.mobile-gate__panel{max-block-size:none;inline-size:min(440px,100%)}.export-dialog{z-index:60;background:var(--color-ink);place-items:center;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.export-dialog{background:color-mix(in oklab,var(--color-ink) 45%,transparent)}}.export-dialog{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.export-dialog__panel{background:var(--surface-base);width:min(440px,100vw - 32px);box-shadow:var(--shadow-neu-raised);border:1px solid var(--neu-light);border-radius:14px;padding:18px}.export-dialog__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.export-dialog__title{font:600 13px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink);margin:0}.export-dialog__close{color:var(--color-ink);background:0 0;border:none;font-size:20px;line-height:1}@supports (color:color-mix(in lab,red,red)){.export-dialog__close{color:color-mix(in oklab,var(--color-ink) 60%,transparent)}}.export-dialog__close{cursor:pointer}.export-dialog__close:disabled{opacity:.4;cursor:not-allowed}.export-dialog__hint{font:400 11px/1.4 var(--font-mono);color:var(--color-ink);margin:0 0 12px}@supports (color:color-mix(in lab,red,red)){.export-dialog__hint{color:color-mix(in oklab,var(--color-ink) 55%,transparent)}}.export-dialog__depth{font:400 11px/1.4 var(--font-mono);color:var(--color-ink);justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.export-dialog__depth{color:color-mix(in oklab,var(--color-ink) 70%,transparent)}}.export-dialog__depth select{font:inherit;color:var(--color-ink);background:var(--color-ink);flex:0 auto;padding:4px 6px}@supports (color:color-mix(in lab,red,red)){.export-dialog__depth select{background:color-mix(in oklab,var(--color-ink) 6%,transparent)}}.export-dialog__depth select{border:1px solid var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.export-dialog__depth select{border:1px solid color-mix(in oklab,var(--color-ink) 18%,transparent)}}.export-dialog__depth select{cursor:pointer;border-radius:4px}.export-dialog__depth select:disabled{opacity:.5;cursor:not-allowed}.export-dialog__grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-row{border:1px solid var(--neu-light);background:var(--surface-base);box-shadow:var(--shadow-neu-flush);cursor:pointer;text-align:left;transition:box-shadow var(--dur-tap) var(--ease-snap),transform var(--dur-tap) var(--ease-snap);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.export-row:hover:not(:disabled){box-shadow:var(--shadow-neu-raised)}.export-row:active:not(:disabled){box-shadow:var(--shadow-neu-pressed);transform:translateY(1px)}.export-row:disabled{opacity:.5;cursor:not-allowed}.export-row[data-busy]{opacity:1}.export-row__icon{color:var(--color-orange);place-items:center;display:inline-grid}.export-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.export-row__title{font:600 11px/1.1 var(--font-mono);letter-spacing:.04em;color:var(--color-ink)}.export-row__sub{font:400 10px/1.2 var(--font-mono);color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.export-row__sub{color:color-mix(in oklab,var(--color-ink) 50%,transparent)}}.export-row__spinner{border:2px solid var(--color-orange);border-radius:50%;width:12px;height:12px;margin-left:auto}@supports (color:color-mix(in lab,red,red)){.export-row__spinner{border:2px solid color-mix(in oklab,var(--color-orange) 40%,transparent)}}.export-row__spinner{border-top-color:var(--color-orange);animation:.7s linear infinite export-spin}@keyframes export-spin{to{transform:rotate(360deg)}}.export-dialog__footer{min-height:16px;font:500 10px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink);margin-top:12px}@supports (color:color-mix(in lab,red,red)){.export-dialog__footer{color:color-mix(in oklab,var(--color-ink) 55%,transparent)}}.export-dialog__footer [data-tone=ok]{color:var(--color-green)}.export-dialog__footer [data-tone=err]{color:var(--color-orange)}.export-dialog__esc{opacity:.7}.mibbles-menu{z-index:100;padding:var(--size-4);background:var(--surface-base);place-items:center;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.mibbles-menu{background:color-mix(in oklab,var(--surface-base) 30%,black)}}.mibbles-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:mibbles-scrim-in .24s var(--ease-snap) forwards}@keyframes mibbles-scrim-in{0%{opacity:0}to{opacity:1}}.mibbles-menu__panel{background:var(--surface-raised);max-block-size:min(92vh,600px);inline-size:min(640px,94vw);color:var(--color-ink);border-radius:var(--radius-panel);box-shadow:var(--shadow-neu-raised),inset 0 1px 0 var(--neu-light);animation:mibbles-panel-in .36s var(--ease-spring-soft) forwards;gap:var(--size-3);grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(20px,4vw,32px);display:grid;position:relative;overflow:hidden}.mibbles-menu__panel:before{content:"";pointer-events:none;border-radius:inherit;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}@keyframes mibbles-panel-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media(prefers-reduced-motion:reduce){.mibbles-menu,.mibbles-menu__panel,.mibbles-menu__sparkle,.mibbles-menu__confetti-dot,.mibbles-menu__dot{animation:none!important}.mibbles-menu__panel{opacity:1;transform:none}}.mibbles-menu__screw{pointer-events:none;width:12px;height:12px;color:var(--color-screw);opacity:.7;z-index:2;position:absolute}.mibbles-menu__screw[data-pos=tl]{top:12px;left:12px}.mibbles-menu__screw[data-pos=tr]{top:12px;right:12px}.mibbles-menu__screw[data-pos=bl]{bottom:12px;left:12px}.mibbles-menu__screw[data-pos=br]{bottom:12px;right:12px}.mibbles-menu__header{justify-content:space-between;align-items:center;gap:var(--size-3);z-index:1;display:flex;position:relative}.mibbles-menu__brand{align-items:baseline;gap:10px;min-width:0;display:inline-flex}.mibbles-menu__dot{background:var(--color-orange);width:8px;height:8px;box-shadow:0 0 8px var(--color-orange),inset 0 0 0 1px var(--color-orange);border-radius:50%;align-self:center}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__dot{box-shadow:0 0 8px color-mix(in oklab,var(--color-orange) 80%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 60%,white)}}.mibbles-menu__dot{animation:2.4s ease-in-out infinite mibbles-led-breathe}@keyframes mibbles-led-breathe{0%,to{box-shadow:0 0 6px color-mix(in oklab,var(--color-orange) 60%,transparent)}50%{box-shadow:0 0 14px color-mix(in oklab,var(--color-orange) 90%,transparent)}}.mibbles-menu__wordmark{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink);text-shadow:0 1px #00000080;margin:0;font-size:18px;line-height:1}.mibbles-menu__serial{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-muted);white-space:nowrap;font-size:10px}.mibbles-menu__close{background:var(--surface-recessed);block-size:28px;inline-size:28px;color:var(--color-ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush);transition:background var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap),transform var(--dur-tap) var(--ease-snap);border:none;border-radius:50%;place-items:center;font-size:18px;line-height:1;display:inline-grid}.mibbles-menu__close:hover{background:var(--surface-recessed-deep);color:var(--color-orange);transform:rotate(90deg)}.mibbles-menu__close:focus-visible{box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush),0 0 0 2px var(--color-orange);outline:none}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__close:focus-visible{box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush),0 0 0 2px color-mix(in oklab,var(--color-orange) 65%,transparent)}}.mibbles-menu__body{gap:clamp(var(--size-3),2.5vw,var(--size-5));z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:stretch;min-block-size:0;display:grid;position:relative}@media(max-width:520px){.mibbles-menu__body{grid-template-columns:1fr;justify-items:center}}.mibbles-menu__stage-wrap{flex-shrink:0;align-self:center;width:144px;height:144px;position:relative}.mibbles-menu__stage{--critter-stage-base:var(--surface-raised-hi)}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__stage{--critter-stage-base:color-mix(in oklab, var(--surface-raised-hi) 78%, var(--color-white))}}.mibbles-menu__stage{--stage-accent:var(--color-ink-muted);--stage-accent-mix:20%;background:radial-gradient(circle at 50% 38%,var(--stage-accent) 0%,var(--critter-stage-base) 72%),var(--critter-stage-base);border-radius:16px;place-items:center;display:grid;position:absolute;inset:12px}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__stage{background:radial-gradient(circle at 50% 38%,color-mix(in oklab,var(--stage-accent) var(--stage-accent-mix),var(--critter-stage-base)) 0%,var(--critter-stage-base) 72%),var(--critter-stage-base)}}.mibbles-menu__stage{box-shadow:var(--shadow-neu-raised),inset 0 1px #fff6,0 0 24px var(--stage-accent)}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__stage{box-shadow:var(--shadow-neu-raised),inset 0 1px color-mix(in oklab,var(--color-white) 40%,transparent),0 0 24px color-mix(in oklab,var(--stage-accent) 18%,transparent)}}.mibbles-menu__stage{transition:background .36s var(--ease-snap),box-shadow .36s var(--ease-snap)}.mibbles-menu__stage-wrap[data-tier=sad] .mibbles-menu__stage{--stage-accent:var(--color-blue);--stage-accent-mix:22%}.mibbles-menu__stage-wrap[data-tier=small] .mibbles-menu__stage{--stage-accent:var(--color-blue);--stage-accent-mix:26%}.mibbles-menu__stage-wrap[data-tier=medium] .mibbles-menu__stage{--stage-accent:var(--color-green);--stage-accent-mix:34%}.mibbles-menu__stage-wrap[data-tier=large] .mibbles-menu__stage{--stage-accent:var(--color-orange);--stage-accent-mix:40%}.mibbles-menu__stage-wrap[data-tier=xl] .mibbles-menu__stage{--stage-accent:var(--color-orange);--stage-accent-mix:56%;box-shadow:var(--shadow-neu-raised),inset 0 1px #ffffff80,0 0 48px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__stage-wrap[data-tier=xl] .mibbles-menu__stage{box-shadow:var(--shadow-neu-raised),inset 0 1px color-mix(in oklab,var(--color-white) 50%,transparent),0 0 48px color-mix(in oklab,var(--color-orange) 45%,transparent)}}.mibbles-menu__sparkle{background:var(--color-orange);width:4px;height:4px;color:var(--color-orange);opacity:0;pointer-events:none;--sparkle-dur:3.8s;border-radius:1px;position:absolute;box-shadow:0 0 8px}.mibbles-menu__sparkle[data-color=blue]{background:var(--color-blue);color:var(--color-blue)}.mibbles-menu__sparkle[data-color=green]{background:var(--color-green);color:var(--color-green)}.mibbles-menu__sparkle[data-color=white]{background:var(--color-white);color:var(--color-white)}.mibbles-menu__sparkle--a{animation:mibbles-sparkle var(--sparkle-dur) ease-in-out 0s infinite;top:6px;left:-2px}.mibbles-menu__sparkle--b{animation:mibbles-sparkle var(--sparkle-dur) ease-in-out .9s infinite;top:22px;right:4px}.mibbles-menu__sparkle--c{animation:mibbles-sparkle var(--sparkle-dur) ease-in-out 1.6s infinite;bottom:10px;left:8px}.mibbles-menu__sparkle--d{animation:mibbles-sparkle var(--sparkle-dur) ease-in-out 2.3s infinite;bottom:28px;right:-2px}.mibbles-menu__sparkle--e{animation:mibbles-sparkle var(--sparkle-dur) ease-in-out .3s infinite paused;top:-4px;left:36%}.mibbles-menu__sparkle--f{animation:mibbles-sparkle var(--sparkle-dur) ease-in-out 1.2s infinite paused;top:56px;left:-4px}.mibbles-menu__sparkle--g{animation:mibbles-sparkle var(--sparkle-dur) ease-in-out 1.9s infinite paused;bottom:-4px;right:32%}.mibbles-menu__sparkle--h{animation:mibbles-sparkle var(--sparkle-dur) ease-in-out 2.6s infinite paused;top:70px;right:-6px}.mibbles-menu__stage-wrap[data-intensity="2"] .mibbles-menu__sparkle,.mibbles-menu__stage-wrap[data-intensity="3"] .mibbles-menu__sparkle{--sparkle-dur:3s;animation-play-state:running}.mibbles-menu__stage-wrap[data-intensity="3"] .mibbles-menu__sparkle{--sparkle-dur:2.2s}@keyframes mibbles-sparkle{0%,to{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1;transform:translateY(-2px)scale(1)}50%{opacity:.5;transform:translateY(-6px)scale(.85)}80%{opacity:0;transform:translateY(-10px)scale(.6)}}.mibbles-menu__confetti{pointer-events:none;position:absolute;inset:0}.mibbles-menu__confetti-dot{background:var(--color-orange);width:4px;height:4px;color:var(--color-orange);opacity:0;animation:mibbles-confetti .9s var(--ease-snap) var(--delay,0s) 1 forwards;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px}.mibbles-menu__confetti-dot[data-color=blue]{background:var(--color-blue);color:var(--color-blue)}.mibbles-menu__confetti-dot[data-color=green]{background:var(--color-green);color:var(--color-green)}.mibbles-menu__confetti-dot[data-color=white]{background:var(--color-white);color:var(--color-white)}@keyframes mibbles-confetti{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) rotate(calc(var(--angle) * -1)) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-20px) rotate(calc(var(--angle) * -1)) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-80px) rotate(calc(var(--angle) * -1)) scale(.4)}}.mibbles-menu__list{gap:var(--size-2);align-self:center;inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.mibbles-menu__row{list-style:none}.mibbles-menu__pack{--pack-accent:var(--color-ink-muted);background:var(--surface-recessed);color:var(--color-ink);cursor:pointer;text-align:start;inline-size:100%;box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush);transition:background var(--dur-tap) var(--ease-snap),color var(--dur-tap) var(--ease-snap),box-shadow var(--dur-tap) var(--ease-snap),transform .16s var(--ease-spring-soft);border:none;border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.mibbles-menu__pack[data-accent=blue]{--pack-accent:var(--color-blue)}.mibbles-menu__pack[data-accent=green]{--pack-accent:var(--color-green)}.mibbles-menu__pack[data-accent=orange]{--pack-accent:var(--color-orange)}.mibbles-menu__pack[data-accent=white]{--pack-accent:var(--color-white)}.mibbles-menu__pack:hover:not(:disabled),.mibbles-menu__pack:focus-visible:not(:disabled){background:var(--surface-recessed-deep);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--pack-accent),0 0 18px var(--pack-accent),var(--shadow-neu-flush);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__pack:hover:not(:disabled),.mibbles-menu__pack:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pack-accent) 55%,transparent),0 0 18px color-mix(in oklab,var(--pack-accent) 25%,transparent),var(--shadow-neu-flush)}}.mibbles-menu__pack:hover:not(:disabled),.mibbles-menu__pack:focus-visible:not(:disabled){outline:none}.mibbles-menu__pack:active:not(:disabled){transition-duration:var(--dur-tap);transform:translateY(0)}.mibbles-menu__pack:disabled{opacity:.55;cursor:progress}.mibbles-menu__pack[data-busy]{opacity:1;box-shadow:inset 0 0 0 1px var(--pack-accent),0 0 24px var(--pack-accent)}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__pack[data-busy]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pack-accent) 80%,transparent),0 0 24px color-mix(in oklab,var(--pack-accent) 35%,transparent)}}.mibbles-menu__pack[data-best]{box-shadow:inset 0 0 0 1px var(--color-orange),var(--shadow-neu-flush)}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__pack[data-best]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 35%,transparent),var(--shadow-neu-flush)}}.mibbles-menu__pack[data-best]{animation:3.4s ease-in-out infinite mibbles-best-pulse}@keyframes mibbles-best-pulse{0%,to{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 32%,transparent),0 0 0 0 transparent,var(--shadow-neu-flush)}50%{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 55%,transparent),0 0 22px color-mix(in oklab,var(--color-orange) 22%,transparent),var(--shadow-neu-flush)}}.mibbles-menu__pack-icon{background:var(--surface-raised);block-size:38px;inline-size:38px;color:var(--pack-accent);box-shadow:inset 0 0 0 1px var(--pack-accent),var(--shadow-neu-flush);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__pack-icon{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pack-accent) 40%,transparent),var(--shadow-neu-flush)}}.mibbles-menu__pack-text{gap:3px;min-width:0;display:grid}.mibbles-menu__pack-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:1;display:inline-flex}.mibbles-menu__best{background:var(--color-orange);border-radius:99px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__best{background:color-mix(in oklab,var(--color-orange) 16%,transparent)}}.mibbles-menu__best{color:var(--color-orange);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--color-orange);font-size:8px}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__best{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 50%,transparent)}}.mibbles-menu__pack-credits{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-ink-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.mibbles-menu__pellet{background:var(--pack-accent);block-size:6px;inline-size:6px;box-shadow:0 0 6px var(--pack-accent);border-radius:1px}@supports (color:color-mix(in lab,red,red)){.mibbles-menu__pellet{box-shadow:0 0 6px color-mix(in oklab,var(--pack-accent) 60%,transparent)}}.mibbles-menu__pack-price{text-align:end;justify-items:end;gap:3px;display:grid}.mibbles-menu__price-amount{font-family:var(--font-display);letter-spacing:.02em;color:var(--pack-accent);font-size:20px;line-height:1}.mibbles-menu__price-rate{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted);font-size:9.5px}.mibbles-menu__error{color:var(--color-error);font:500 12px/1.4 var(--font-mono);text-align:center;margin:0}.mibbles-menu__footer{justify-content:space-between;align-items:center;gap:var(--size-3);background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);z-index:1;border-radius:8px;padding:10px 14px;display:flex;position:relative}.mibbles-menu__footer-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-muted);font-size:10px}.mibbles-menu__footer-hint{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-ink-muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.mibbles-menu__kbd{background:var(--surface-raised);min-width:26px;height:18px;color:var(--color-ink);font:600 9px/1 var(--font-mono);letter-spacing:.12em;box-shadow:inset 0 0 0 1px var(--neu-light),var(--shadow-neu-flush);border-radius:4px;place-items:center;padding:0 6px;display:inline-grid}.admin-shell{background:var(--surface-base);height:100%;min-height:100dvh;color:var(--color-ink);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.admin-header{background:var(--surface-raised);box-shadow:var(--shadow-neu-raised);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:16px 28px;display:flex;position:sticky;top:0}.admin-wordmark{align-items:center;gap:12px;display:flex}.admin-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);margin:0;font-size:14px;font-weight:700}.admin-badge{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold-soft);background:var(--color-gold-soft);font-size:9px;font-weight:700}@supports (color:color-mix(in lab,red,red)){.admin-badge{background:color-mix(in oklab,var(--color-gold-soft) 10%,var(--surface-recessed))}}.admin-badge{border:1px solid var(--color-gold-soft)}@supports (color:color-mix(in lab,red,red)){.admin-badge{border:1px solid color-mix(in oklab,var(--color-gold-soft) 30%,transparent)}}.admin-badge{border-radius:4px;padding:3px 7px}.admin-muted{color:var(--color-ink-muted);font-size:12px}.admin-error{color:var(--color-error);font-family:var(--font-mono);padding:16px;font-size:13px}.admin-tabs-tray{background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);border-radius:8px;gap:2px;padding:3px;display:flex}.admin-tab{color:var(--color-ink-muted);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .12s var(--ease-snap),background .12s var(--ease-snap);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:10px;display:inline-flex}.admin-tab:hover{color:var(--color-ink);background:var(--surface-raised-hi)}.admin-tab[data-active]{background:var(--color-orange);color:var(--surface-base);box-shadow:0 1px 6px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.admin-tab[data-active]{box-shadow:0 1px 6px color-mix(in oklab,var(--color-orange) 40%,transparent)}}.admin-main{flex-direction:column;flex:1;gap:32px;padding:32px 36px 48px;display:flex;overflow-y:auto}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-toolbar-end{flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto;display:flex}.admin-select{background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);color:var(--color-ink);border:1px solid var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.admin-select{border:1px solid color-mix(in oklab,var(--color-ink) 8%,transparent)}}.admin-select{font-family:var(--font-mono);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px}.admin-date-input{background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);color:var(--color-ink);border:1px solid var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.admin-date-input{border:1px solid color-mix(in oklab,var(--color-ink) 8%,transparent)}}.admin-date-input{font-family:var(--font-mono);color-scheme:dark;cursor:pointer;border-radius:6px;padding:6px 8px;font-size:12px}.admin-range-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted);align-items:center;gap:8px;font-size:9px;display:flex}.admin-kpi-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.admin-kpi{background:var(--surface-raised);box-shadow:var(--shadow-neu-raised);border-left:3px solid var(--kpi-accent,var(--color-ink-muted));border-radius:10px;flex-direction:column;gap:8px;padding:20px 24px;display:flex}.admin-kpi-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--kpi-accent,var(--color-ink-muted));opacity:.85;font-size:9px}.admin-kpi-value{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;font-size:36px;font-weight:700;line-height:1}.admin-kpi-delta{font-family:var(--font-mono);color:var(--color-ink-muted);align-items:center;gap:2px;font-size:11px;display:flex}.admin-kpi-delta[data-up]{color:var(--color-green)}.admin-kpi-delta[data-down]{color:var(--color-error)}.admin-chart-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.admin-chart{background:var(--surface-raised);box-shadow:var(--shadow-neu-raised);border-radius:10px;flex-direction:column;min-width:0;display:flex}.admin-chart-wide{grid-column:1/-1}.admin-chart-header{flex-shrink:0;align-items:center;gap:8px;padding:16px 20px 10px;display:flex}.admin-chart-dot{background:var(--chart-color,var(--color-ink-muted));width:8px;height:8px;box-shadow:0 0 6px var(--chart-color,transparent);border-radius:50%;flex-shrink:0}.admin-chart-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--chart-color,var(--color-ink-muted));font-size:10px}.admin-chart-body{border-radius:0 0 10px 10px;display:block;overflow:hidden}.admin-panel-card{background:var(--surface-raised);box-shadow:var(--shadow-neu-raised);border-radius:10px;flex-direction:column;gap:16px;padding:24px;display:flex}.admin-section-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted);margin:0;font-size:10px}.admin-gate-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.admin-heatmap{background:var(--surface-recessed-deep);width:100%;max-width:100%;height:auto;box-shadow:var(--shadow-neu-pressed);border-radius:6px}.admin-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.admin-link-btn{color:var(--color-blue);cursor:pointer;text-align:left;font-family:var(--font-mono);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:background .1s}.admin-link-btn:hover{background:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.admin-link-btn:hover{background:color-mix(in oklab,var(--color-blue) 10%,transparent)}}.admin-table-wrap{background:var(--surface-raised);box-shadow:var(--shadow-neu-raised);border-radius:10px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12px}.admin-table thead th{background:var(--surface-recessed);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted);text-align:left;border-bottom:1px solid var(--color-ink);padding:10px 20px;font-size:9px;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.admin-table thead th{border-bottom:1px solid color-mix(in oklab,var(--color-ink) 8%,transparent)}}.admin-table tbody tr{transition:background 80ms}.admin-table tbody tr:hover{background:var(--surface-raised-hi)}.admin-table td{border-bottom:1px solid var(--color-ink);padding:10px 20px}@supports (color:color-mix(in lab,red,red)){.admin-table td{border-bottom:1px solid color-mix(in oklab,var(--color-ink) 5%,transparent)}}.admin-table td{vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-user-name{color:var(--color-ink);font-weight:600}.admin-user-id{font-family:var(--font-mono);color:var(--color-ink-muted);font-size:12px}.admin-credits-chip{background:var(--color-orange);align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.admin-credits-chip{background:color-mix(in oklab,var(--color-orange) 12%,transparent)}}.admin-credits-chip{color:var(--color-orange);font-family:var(--font-mono);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.admin-chip{border:1px solid var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.admin-chip{border:1px solid color-mix(in oklab,var(--color-ink) 10%,transparent)}}.admin-chip{background:var(--surface-recessed);color:var(--color-ink-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:5px 14px;font-size:9px;transition:color .1s,border-color .1s,background .1s}.admin-chip:hover{color:var(--color-ink);border-color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.admin-chip:hover{border-color:color-mix(in oklab,var(--color-ink) 25%,transparent)}}.admin-chip[data-active]{border-color:var(--color-orange);color:var(--color-orange);background:var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.admin-chip[data-active]{background:color-mix(in oklab,var(--color-orange) 8%,var(--surface-recessed))}}.admin-event-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.admin-event-row{background:var(--surface-raised);border-radius:6px;grid-template-columns:220px 140px 90px 1fr;gap:12px;padding:10px 16px;font-size:12px;transition:background 80ms;display:grid}.admin-event-row:hover{background:var(--surface-raised-hi)}.admin-event-type{font-family:var(--font-mono);color:var(--color-orange);font-weight:600}.admin-event-time{font-family:var(--font-mono);color:var(--color-ink-muted);font-size:11px}.admin-event-uid{font-family:var(--font-mono);color:var(--color-blue);font-size:11px}.admin-event-props{font-family:var(--font-mono);color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-rollup-status{font-family:var(--font-mono);color:var(--color-green);font-size:12px}.admin-rollup-status[data-error]{color:var(--color-error)}.admin-primary-btn{background:var(--color-orange);color:var(--surface-base);cursor:pointer;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 2px 8px var(--color-orange);border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:10px;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.admin-primary-btn{box-shadow:0 2px 8px color-mix(in oklab,var(--color-orange) 35%,transparent)}}.admin-primary-btn{transition:opacity .12s,box-shadow .12s}.admin-primary-btn:hover:not(:disabled){box-shadow:0 4px 14px var(--color-orange)}@supports (color:color-mix(in lab,red,red)){.admin-primary-btn:hover:not(:disabled){box-shadow:0 4px 14px color-mix(in oklab,var(--color-orange) 50%,transparent)}}.admin-primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.admin-ghost-btn{background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);color:var(--color-ink-muted);border:1px solid var(--color-ink);align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.admin-ghost-btn{border:1px solid color-mix(in oklab,var(--color-ink) 8%,transparent)}}.admin-ghost-btn{cursor:pointer;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;border-radius:6px;padding:7px 14px;font-size:10px;transition:color .1s}.admin-ghost-btn:hover{color:var(--color-ink)}.admin-export{flex-direction:column;gap:20px;max-width:480px;display:flex}.admin-export-desc{color:var(--color-ink-muted);font-size:13px;line-height:1.6}.admin-loading{color:var(--color-ink-muted);font-family:var(--font-mono);align-items:center;gap:10px;padding:48px 0;font-size:12px;display:flex}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-spin{animation:.8s linear infinite admin-spin}.admin-spinner{border:2px solid var(--color-ink);width:14px;height:14px}@supports (color:color-mix(in lab,red,red)){.admin-spinner{border:2px solid color-mix(in oklab,var(--color-ink) 15%,transparent)}}.admin-spinner{border-top-color:var(--color-orange);border-radius:50%;animation:.7s linear infinite admin-spin}.admin-back-btn{color:var(--color-ink-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:9px;transition:color .1s;display:inline-flex}.admin-back-btn:hover{color:var(--color-ink)}.admin-behavior{flex-direction:column;gap:24px;display:flex}@media(prefers-reduced-motion:reduce){.admin-spinner{border-top-color:var(--color-orange);animation:none}.admin-tab,.admin-primary-btn,.admin-ghost-btn,.admin-chip,.admin-link-btn{transition:none}}.mibble-spend-overlay{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.mibble-cookie-particle{width:14px;height:14px;color:var(--color-orange);opacity:0;transform-origin:50%;animation:cookie-fly var(--dur-cookie-fly,.5s) var(--ease-cookie,var(--ease-3)) var(--cookie-delay,0s) forwards;place-items:center;display:grid;position:absolute}@keyframes cookie-fly{0%{opacity:1;transform:translate(0)scale(1)}40%{opacity:1;transform:translate(calc(var(--tx,0px) * .4),calc(var(--ty,0px) * .4 - 18px)) scale(.9)}85%{opacity:1;transform:translate(var(--tx,0px),var(--ty,0px)) scale(.65)}to{opacity:0;transform:translate(var(--tx,0px),var(--ty,0px)) scale(.4)}}@media(prefers-reduced-motion:reduce){.mibble-cookie-particle{animation:none;display:none}}:root[data-perf=off] .mibble-cookie-particle{display:none}.nav-food-meter[data-celebrate]{transform-origin:50%;animation:wallet-meter-celebrate var(--cel-dur,.92s) var(--ease-snap,cubic-bezier(.2, .8, .2, 1)) 1;will-change:transform}.nav-food-meter[data-celebrate=welcome]{--cel-pop:1.22;--cel-dur:.98s}.nav-food-meter[data-celebrate=comeback]{--cel-pop:1.14}@keyframes wallet-meter-celebrate{0%{color:var(--color-orange);background:color-mix(in oklab,var(--color-orange) 14%,var(--surface-recessed));box-shadow:var(--shadow-neu-flush),inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 28%,transparent);transform:scale(1)rotate(0)}14%{transform:scale(var(--cel-pop,1.16)) rotate(-3deg);color:var(--color-green);background:color-mix(in oklab,var(--color-green) 28%,var(--surface-recessed));box-shadow:0 0 16px color-mix(in oklab,var(--color-green) 55%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--color-green) 60%,transparent)}28%{transform:scale(calc(var(--cel-pop,1.16) - .04)) rotate(3deg)}42%{transform:scale(calc(var(--cel-pop,1.16) - .02)) rotate(-2deg);color:var(--color-green);background:color-mix(in oklab,var(--color-green) 24%,var(--surface-recessed));box-shadow:0 0 12px color-mix(in oklab,var(--color-green) 45%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--color-green) 50%,transparent)}58%{transform:scale(1.08)rotate(1.5deg)}78%{transform:scale(1.03)rotate(0)}to{color:var(--color-orange);background:color-mix(in oklab,var(--color-orange) 14%,var(--surface-recessed));box-shadow:var(--shadow-neu-flush),inset 0 0 0 1px color-mix(in oklab,var(--color-orange) 28%,transparent);transform:scale(1)rotate(0)}}.nav-food-meter[data-celebrate] .nav-food-meter-icon,.nav-food-meter[data-celebrate] .nav-food-meter-value{color:inherit}.wallet-reward-overlay{pointer-events:none;z-index:9998;position:fixed;inset:0;overflow:hidden}.wallet-reward-dot{background:var(--color-orange);width:6px;height:6px;color:var(--color-orange);opacity:0;animation:wallet-reward-pop .82s var(--ease-snap,cubic-bezier(.2, .8, .2, 1)) var(--reward-delay,0s) 1 forwards;border-radius:1px;position:absolute;transform:translate(-50%,-50%)scale(.4);box-shadow:0 0 8px}.wallet-reward-dot[data-color=blue]{background:var(--color-blue);color:var(--color-blue)}.wallet-reward-dot[data-color=green]{background:var(--color-green);color:var(--color-green)}.wallet-reward-dot[data-color=white]{background:var(--color-white);color:var(--color-white)}@keyframes wallet-reward-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(calc(-50% + var(--dx) * .5),calc(-50% + var(--dy) * .5)) scale(1.1)}70%{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.9)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 26px)) scale(.5)}}@media(prefers-reduced-motion:reduce){.nav-food-meter[data-celebrate]{animation:.7s wallet-meter-flash}.wallet-reward-dot{animation:none;display:none}@keyframes wallet-meter-flash{0%,to{color:var(--color-orange);background:color-mix(in oklab,var(--color-orange) 14%,var(--surface-recessed))}40%{color:var(--color-green);background:color-mix(in oklab,var(--color-green) 26%,var(--surface-recessed))}}}:root[data-perf=off] .wallet-reward-dot{display:none}.walkthrough-layer{z-index:1200;pointer-events:none;position:fixed;inset:0}.walkthrough-coach{pointer-events:auto;box-sizing:border-box;background:radial-gradient(circle at 50% 0%,var(--color-blue) 0%,var(--surface-raised) 62%);flex-direction:column;gap:10px;padding:14px 16px 12px;display:flex;position:fixed}@supports (color:color-mix(in lab,red,red)){.walkthrough-coach{background:radial-gradient(circle at 50% 0%,color-mix(in oklab,var(--color-blue) 12%,var(--surface-raised)) 0%,var(--surface-raised) 62%)}}.walkthrough-coach{color:var(--color-ink,#ede9df);border:1px solid var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.walkthrough-coach{border:1px solid color-mix(in oklab,var(--color-blue) 40%,transparent)}}.walkthrough-coach{box-shadow:var(--shadow-neu-raised),0 10px 30px #00000073,0 0 22px var(--color-blue);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.walkthrough-coach{box-shadow:var(--shadow-neu-raised),0 10px 30px #00000073,0 0 22px color-mix(in oklab,var(--color-blue) 18%,transparent)}}.walkthrough-coach{animation:walkthrough-pop .16s var(--ease,ease-out)}@keyframes walkthrough-pop{0%{opacity:0;transform:translateY(4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.walkthrough-coach__arrow{background:var(--surface-raised);border:1px solid var(--color-blue);width:12px;height:12px;margin-left:-6px;position:absolute;left:50%}@supports (color:color-mix(in lab,red,red)){.walkthrough-coach__arrow{border:1px solid color-mix(in oklab,var(--color-blue) 40%,transparent)}}.walkthrough-coach__arrow{transform:rotate(45deg)}.walkthrough-coach[data-placement=below] .walkthrough-coach__arrow{border-bottom:none;border-right:none;top:-7px}.walkthrough-coach[data-placement=above] .walkthrough-coach__arrow{border-top:none;border-left:none;bottom:-7px}.walkthrough-coach[data-placement=center] .walkthrough-coach__arrow,.walkthrough-coach[data-placement=right] .walkthrough-coach__arrow,.walkthrough-coach[data-placement=left] .walkthrough-coach__arrow{display:none}.walkthrough-coach__head{justify-content:flex-start;align-items:center;gap:8px;display:flex}.walkthrough-coach__nibbit{flex:none;place-items:center;width:40px;height:40px;margin:-6px 0 -10px;display:grid}.walkthrough-coach__step{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-blue);font-size:10px;font-weight:600}@supports (color:color-mix(in lab,red,red)){.walkthrough-coach__step{color:color-mix(in oklab,var(--color-blue) 80%,var(--color-ink))}}.walkthrough-coach__close{width:22px;height:22px;color:var(--color-ink-muted,#a39e92);cursor:pointer;transition:color .12s var(--ease),background .12s var(--ease);background:0 0;border:none;border-radius:6px;flex:none;place-items:center;margin:-4px -4px -4px auto;font-size:18px;line-height:1;display:grid}.walkthrough-coach__close:hover{color:var(--color-ink,#ede9df);background:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.walkthrough-coach__close:hover{background:color-mix(in oklab,var(--color-ink) 10%,transparent)}}.walkthrough-coach__title{color:var(--color-blue);margin:0 0 -4px;font-size:14px;font-weight:700;line-height:1.3}@supports (color:color-mix(in lab,red,red)){.walkthrough-coach__title{color:color-mix(in oklab,var(--color-blue) 70%,var(--color-ink))}}.walkthrough-coach__text{color:var(--color-ink,#ede9df);margin:0;font-size:13.5px;line-height:1.45}.walkthrough-coach__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.walkthrough-coach__dots{flex-wrap:wrap;flex:0 auto;gap:5px;min-width:0;display:flex}.walkthrough-coach__bar{background:var(--color-ink);border-radius:2px;flex:auto;min-width:0;height:4px}@supports (color:color-mix(in lab,red,red)){.walkthrough-coach__bar{background:color-mix(in oklab,var(--color-ink) 18%,transparent)}}.walkthrough-coach__bar{overflow:hidden}.walkthrough-coach__bar-fill{background:var(--color-blue);height:100%;transition:width .22s var(--ease,ease-out);border-radius:2px;display:block}.walkthrough-coach__dot{background:var(--color-ink);border-radius:50%;width:6px;height:6px}@supports (color:color-mix(in lab,red,red)){.walkthrough-coach__dot{background:color-mix(in oklab,var(--color-ink) 22%,transparent)}}.walkthrough-coach__dot{transition:background .16s var(--ease),transform .16s var(--ease)}.walkthrough-coach__dot[data-on]{background:var(--color-blue);transform:scale(1.25)}.walkthrough-coach__nav{flex:none;gap:8px;margin-left:auto;display:flex}.walkthrough-btn{appearance:none;font-family:var(--font-mono);border:1px solid var(--color-ink);font-size:12px}@supports (color:color-mix(in lab,red,red)){.walkthrough-btn{border:1px solid color-mix(in oklab,var(--color-ink) 16%,transparent)}}.walkthrough-btn{background:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.walkthrough-btn{background:color-mix(in oklab,var(--color-ink) 6%,transparent)}}.walkthrough-btn{color:var(--color-ink,#ede9df);cursor:pointer;transition:background .12s var(--ease),box-shadow .12s var(--ease),transform 80ms var(--ease);border-radius:8px;padding:6px 14px}.walkthrough-btn:hover{background:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.walkthrough-btn:hover{background:color-mix(in oklab,var(--color-ink) 12%,transparent)}}.walkthrough-btn:active{transform:scale(.97)}.walkthrough-btn--primary{border-color:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.walkthrough-btn--primary{border-color:color-mix(in oklab,var(--color-blue) 60%,transparent)}}.walkthrough-btn--primary{background:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.walkthrough-btn--primary{background:color-mix(in oklab,var(--color-blue) 26%,transparent)}}.walkthrough-btn--primary{color:#fff}.walkthrough-btn--primary:hover{background:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.walkthrough-btn--primary:hover{background:color-mix(in oklab,var(--color-blue) 38%,transparent)}}.walkthrough-btn--primary:hover{box-shadow:0 0 12px var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.walkthrough-btn--primary:hover{box-shadow:0 0 12px color-mix(in oklab,var(--color-blue) 35%,transparent)}}.onboarding-scrim{z-index:1300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:walkthrough-pop .18s var(--ease,ease-out);background:oklab(0% none none/.52);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.onboarding-card{box-sizing:border-box;background:radial-gradient(circle at 50% 0%,var(--color-blue) 0%,var(--surface-raised) 64%);flex-direction:column;gap:10px;width:min(420px,100%);padding:26px 26px 22px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.onboarding-card{background:radial-gradient(circle at 50% 0%,color-mix(in oklab,var(--color-blue) 14%,var(--surface-raised)) 0%,var(--surface-raised) 64%)}}.onboarding-card{color:var(--color-ink,#ede9df);border:1px solid var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.onboarding-card{border:1px solid color-mix(in oklab,var(--color-blue) 40%,transparent)}}.onboarding-card{box-shadow:var(--shadow-neu-raised),0 18px 50px #00000080,0 0 30px var(--color-blue);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.onboarding-card{box-shadow:var(--shadow-neu-raised),0 18px 50px #00000080,0 0 30px color-mix(in oklab,var(--color-blue) 18%,transparent)}}.onboarding-card__close{width:24px;height:24px;color:var(--color-ink-muted,#a39e92);cursor:pointer;transition:color .12s var(--ease),background .12s var(--ease);background:0 0;border:none;border-radius:6px;place-items:center;font-size:20px;line-height:1;display:grid;position:absolute;top:12px;right:14px}.onboarding-card__close:hover{color:var(--color-ink,#ede9df);background:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.onboarding-card__close:hover{background:color-mix(in oklab,var(--color-ink) 10%,transparent)}}.onboarding-card__nibbit{place-items:center;width:76px;height:76px;margin:-2px 0 2px;display:grid}.onboarding-card__eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-blue);margin:0;font-size:10px;font-weight:600}@supports (color:color-mix(in lab,red,red)){.onboarding-card__eyebrow{color:color-mix(in oklab,var(--color-blue) 80%,var(--color-ink))}}.onboarding-card__title{color:var(--color-ink,#ede9df);margin:0;font-size:22px;font-weight:700;line-height:1.15}.onboarding-card__body{color:var(--color-ink);margin:2px 0 6px;font-size:13.5px;line-height:1.5}@supports (color:color-mix(in lab,red,red)){.onboarding-card__body{color:color-mix(in oklab,var(--color-ink) 86%,transparent)}}.onboarding-card__actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.onboarding-btn{appearance:none;font-family:var(--font-mono);border:1px solid var(--color-ink);font-size:12.5px}@supports (color:color-mix(in lab,red,red)){.onboarding-btn{border:1px solid color-mix(in oklab,var(--color-ink) 16%,transparent)}}.onboarding-btn{background:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.onboarding-btn{background:color-mix(in oklab,var(--color-ink) 6%,transparent)}}.onboarding-btn{color:var(--color-ink,#ede9df);cursor:pointer;transition:background .12s var(--ease),box-shadow .12s var(--ease),transform 80ms var(--ease);border-radius:9px;padding:9px 18px}.onboarding-btn:hover{background:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.onboarding-btn:hover{background:color-mix(in oklab,var(--color-ink) 12%,transparent)}}.onboarding-btn:active{transform:scale(.97)}.onboarding-btn--primary{border-color:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.onboarding-btn--primary{border-color:color-mix(in oklab,var(--color-blue) 60%,transparent)}}.onboarding-btn--primary{background:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.onboarding-btn--primary{background:color-mix(in oklab,var(--color-blue) 28%,transparent)}}.onboarding-btn--primary{color:#fff}.onboarding-btn--primary:hover{background:var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.onboarding-btn--primary:hover{background:color-mix(in oklab,var(--color-blue) 40%,transparent)}}.onboarding-btn--primary:hover{box-shadow:0 0 14px var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.onboarding-btn--primary:hover{box-shadow:0 0 14px color-mix(in oklab,var(--color-blue) 35%,transparent)}}.prompt-help-toggle{background:radial-gradient(circle at 30% 25%,var(--surface-raised-hi) 0%,var(--surface-raised) 70%);width:42px;height:42px;box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush);color:var(--color-ink-muted,#a39e92);cursor:pointer;transition:color var(--dur-tap,.12s) var(--ease),box-shadow var(--dur-tap,.12s) var(--ease),transform var(--dur-tap,.12s) var(--ease);border:none;border-radius:50%;flex:none;place-items:center;display:grid}.prompt-help-toggle:hover{color:var(--color-ink,#ede9df)}.prompt-help-toggle:active{transform:scale(.96)}.prompt-help-toggle[data-active]{color:var(--color-blue);box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush),0 0 0 2px var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.prompt-help-toggle[data-active]{box-shadow:var(--shadow-neu-raised),var(--shadow-neu-flush),0 0 0 2px color-mix(in oklab,var(--color-blue) 65%,transparent)}}.demo-cursor-layer{pointer-events:none;z-index:1400;position:fixed;inset:0}.demo-cursor{will-change:transform;filter:drop-shadow(0 2px 6px var(--color-blue));margin:-13px 0 0 -13px;position:fixed;top:0;left:0}@supports (color:color-mix(in lab,red,red)){.demo-cursor{filter:drop-shadow(0 2px 6px color-mix(in oklab,var(--color-blue) 55%,transparent))}}.demo-cursor__ring{border:2px solid var(--color-blue);opacity:.9;border-radius:50%;animation:1.2s ease-in-out infinite demo-ring-breathe;position:absolute;inset:-7px}.demo-cursor[data-tapping] .demo-cursor__ring{border-width:3px;animation:none;transform:scale(.78)}@keyframes demo-ring-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.demo-cursor__label{font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--surface-base,#1c1a17);background:var(--color-blue);white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:9px;position:absolute;top:100%;left:50%;transform:translate(-50%,9px)}.demo-cursor__cargo{border:1.5px dashed var(--color-blue);background:var(--color-blue);border-radius:4px;width:18px;height:18px;position:absolute;top:60%;left:60%}@supports (color:color-mix(in lab,red,red)){.demo-cursor__cargo{background:color-mix(in oklab,var(--color-blue) 25%,transparent)}}.demo-cursor__ripple{border:2px solid var(--color-blue);opacity:.95;pointer-events:none;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:.56s ease-out forwards demo-ripple;position:fixed}@keyframes demo-ripple{to{opacity:0;transform:scale(3.4)}}.demo-cursor__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.walkthrough-btn--show{color:var(--color-blue);box-shadow:inset 0 0 0 1px var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.walkthrough-btn--show{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-blue) 55%,transparent)}}.walkthrough-btn--show:disabled{opacity:.6;cursor:default}@media(prefers-reduced-motion:reduce){.demo-cursor__ring{animation:none}}.prompt-bar[data-conversation]{z-index:30;overflow:visible}.prompt-bar[data-conversation]:not([data-collapsed]){border-top-left-radius:0;border-top-right-radius:0}.conversation-fold{pointer-events:none;position:absolute;top:0;left:0;right:0;overflow:hidden;transform:translateY(-100%)}.conversation-fold[data-open]{pointer-events:auto}.conversation-fold-inner{min-height:0;transition:transform .28s var(--ease-snap);transform:translateY(100%)}@media(prefers-reduced-motion:reduce){.conversation-fold-inner{transition:none}}.conversation-panel{background:var(--surface-raised);min-height:0;box-shadow:var(--shadow-neu-flush),0 -12px 30px #00000073;border-radius:16px 16px 0 0;flex-direction:column;display:flex;overflow:hidden}.conversation-header{border-bottom:1px solid var(--neu-dark);background:var(--surface-recessed);justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex}.conversation-title{font:600 10px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink-muted)}.conversation-close{width:26px;height:22px;color:var(--color-ink-muted);cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.conversation-close:hover{color:var(--color-ink);background:var(--surface-recessed)}.conversation-close:focus-visible{outline:2px solid var(--color-blue)}@supports (color:color-mix(in lab,red,red)){.conversation-close:focus-visible{outline:2px solid color-mix(in oklab,var(--color-blue) 70%,transparent)}}.conversation-close:focus-visible{outline-offset:1px}.conversation-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;min-height:0;max-height:min(52vh,460px);padding:12px 14px;display:flex;overflow-y:auto}.conversation-empty{font:500 11px/1.5 var(--font-mono);letter-spacing:.06em;text-align:center;color:var(--color-ink-muted);margin:auto;padding:6px 0}.conversation-msg{max-width:84%;font:500 12px/1.5 var(--font-mono);letter-spacing:.02em;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;padding:7px 11px}.conversation-msg[data-role=nibbit]{color:var(--color-ink);background:var(--color-blue);align-self:flex-start}@supports (color:color-mix(in lab,red,red)){.conversation-msg[data-role=nibbit]{background:color-mix(in oklab,var(--color-blue) 9%,var(--surface-raised-hi))}}.conversation-msg[data-role=nibbit]{box-shadow:var(--shadow-neu-flush),2px 2px 6px var(--neu-dark);border-bottom-left-radius:4px}.conversation-msg[data-role=user]{color:var(--color-ink);background:var(--surface-recessed);box-shadow:var(--shadow-neu-pressed);border-bottom-right-radius:4px;align-self:flex-end}.conversation-msg[data-role=system]{text-align:center;max-width:92%;color:var(--color-ink-muted);letter-spacing:.04em;background:0 0;align-self:center;font-size:11px}.conversation-msg[data-pending]{color:var(--color-ink-muted);animation:conversation-pending 1.4s var(--ease) infinite}.conversation-msg[data-pending]:after{content:"…";text-align:start;width:1.2em;animation:1.2s steps(4,end) infinite conversation-dots;display:inline-block}@keyframes conversation-pending{0%,to{opacity:.6}50%{opacity:1}}@keyframes conversation-dots{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.app[data-regime=minimal][data-active-panel=chat]>.prompt-bar{grid-template-rows:minmax(0,1fr) auto;place-content:stretch;gap:10px;display:grid}.app[data-regime=minimal][data-active-panel=chat] .conversation-fold{height:100%;min-height:0;position:static;overflow:visible;transform:none}.app[data-regime=minimal][data-active-panel=chat] .conversation-fold-inner{height:100%;min-height:0;transform:none}.app[data-regime=minimal][data-active-panel=chat] .conversation-panel{height:100%;box-shadow:var(--shadow-neu-pressed);background:var(--surface-recessed);border-radius:12px}.app[data-regime=minimal][data-active-panel=chat] .conversation-scroll{max-height:none}.app[data-regime=minimal][data-active-panel=chat] .prompt-bubble__expand{display:none}.app[data-regime=minimal][data-active-panel=chat] .prompt-bubble-slot{flex:none;justify-content:center;width:100%}@media(prefers-reduced-motion:reduce){.conversation-msg[data-pending],.conversation-msg[data-pending]:after{animation:none}}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.font-display{font-family:var(--font-display)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@layer overrides;@layer theme{:root,:host{--font-sans:"Geist Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;--color-white:#fff;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Departure Mono", "Geist Mono", ui-monospace, monospace}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --fill{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes glimmer-sweep{0%,70%{background-position:180% 0}to{background-position:-80% 0}}@keyframes holo-drift{0%{background-position:0 0,0 0,180% 0}to{background-position:0 0,0 0,-80% 0}}@keyframes play-ignite{0%{box-shadow:0 0 0 0 var(--color-orange);opacity:1}to{opacity:0;box-shadow:0 0 0 20px #0000}}@keyframes play-breath{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}@keyframes play-ring-spin{to{--angle:360deg}}@keyframes play-ring-in{0%{opacity:0;transform:scale(1.22)}to{opacity:1;transform:scale(1)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}