@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--color-bg:#fdf7ec;--color-bg-deep:#f3e9d2;--color-surface:#fff;--color-fg:#1f2540;--color-fg-muted:rgba(31,37,64,.65);--color-accent:#f6a800;--color-accent-soft:#ffe2a8;--color-red:#e63946;--color-orange:#fb8500;--color-yellow:#ffbe0b;--color-green:#2a9d3f;--color-blue:#2166f3;--color-purple:#8338ec;--color-pink:#ff5da2;--color-brown:#7b4b21;--color-black:#111;--color-white:#fff;--color-success:#06d6a0;--color-warn:#ffd166;--color-error:#ef476f;--font-display:"Fredoka","Baloo 2",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-body:"Nunito",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--shadow-card:0 6px 24px rgba(31,37,64,.08);--shadow-pop:0 14px 40px rgba(31,37,64,.16);--shadow-clay-sm:0 4px 0 rgba(31,37,64,.08),0 6px 18px rgba(31,37,64,.07),inset 0 -3px 0 rgba(31,37,64,.06);--shadow-clay-md:0 6px 0 rgba(31,37,64,.1),0 10px 26px rgba(31,37,64,.09),inset 0 -4px 0 rgba(31,37,64,.08);--shadow-clay-lg:0 10px 0 rgba(31,37,64,.12),0 18px 38px rgba(31,37,64,.12),inset 0 -5px 0 rgba(31,37,64,.1);--ease-bouncy:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.22,1,.36,1);--focus-ring:3px solid color-mix(in srgb,var(--color-accent) 80%,#fff);--focus-offset:3px}*{box-sizing:border-box}body,html{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-weight:500;line-height:1.5;margin:0;padding:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow-x:hidden}body[data-lock-scroll=true]{overflow:hidden;touch-action:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:0 0 .5em}a{color:var(--color-accent);text-decoration:none}button{font-family:inherit}::-moz-selection{background:var(--color-accent);color:var(--color-white)}::selection{background:var(--color-accent);color:var(--color-white)}[role=button],button,input[type=button],input[type=submit]{min-height:56px;min-width:56px}[role=button],a,button,label[for],summary{cursor:pointer;transition:transform .18s var(--ease-bouncy),box-shadow .18s var(--ease-out),background-color .18s var(--ease-out),color .18s var(--ease-out),border-color .18s var(--ease-out)}[aria-disabled=true],button:disabled{cursor:not-allowed;transform:none!important}[role=button]:not([aria-disabled=true]):active,button:not(:disabled):active{transform:translateY(1px) scale(.98)}:focus-visible{border-radius:var(--radius-sm);outline:var(--focus-ring);outline-offset:var(--focus-offset)}.mic-button:focus-visible,[class$=-pill]:focus-visible,[class*=__pill]:focus-visible,button[class*=-btn]:focus-visible{border-radius:var(--radius-pill)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[role=button]:active,button:active{transform:none!important}}:root{--page-gutter:clamp(.85rem,3vw,2rem);--page-top: calc(5.5rem + env(safe-area-inset-top, 0px)) ;--dialog-height: calc(100dvh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) }html{scroll-padding-top:var(--page-top)}.app main:is(.picker,.learn,.mod,.profile,.sample){padding-bottom:calc(2.5rem + env(safe-area-inset-bottom,0px));padding-left:max(var(--page-gutter),env(safe-area-inset-left));padding-right:max(var(--page-gutter),env(safe-area-inset-right));padding-top:var(--page-top);width:100%}.app main:is(.fp,.rp){padding-top:max(1rem,env(safe-area-inset-top));padding-inline:max(var(--page-gutter),env(safe-area-inset-left),env(safe-area-inset-right));padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}.app :is(.picker,.learn,.mod,.profile,.sample)>:is(.picker__head,.learn__head,.mod__head,.profile__head,.sample__head){min-height:56px;padding-left:max(var(--page-gutter),env(safe-area-inset-left));padding-right:max(var(--page-gutter),env(safe-area-inset-right));top:max(.5rem,env(safe-area-inset-top))}.app .lp .lp__nav{top:max(.5rem,env(safe-area-inset-top))}.app .lp .lp__nav-inner{padding-left:max(var(--page-gutter),env(safe-area-inset-left));padding-right:max(var(--page-gutter),env(safe-area-inset-right))}.app .lp .lp__hero{padding-top:calc(6rem + env(safe-area-inset-top,0px))}.app .lp .lp__footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}.app .lp .lp__hero-title em{white-space:normal}.app .lp :is(.lp__hero-content,.lp__hero-stage){min-width:0}.app .lp :is(.lp__nav-signin,.lp__nav-cta){height:auto;min-height:44px!important;padding-block:.5rem}.app .picker .picker__menu-btn{height:48px;min-height:48px;min-width:48px;width:48px}.app .picker .picker__menu-panel{max-height:calc(100dvh - var(--page-top) - 1rem);min-width:0;overflow-y:auto;overscroll-behavior:contain;width:min(280px,calc(100vw - var(--page-gutter)*2))}.app .picker .picker__menu-item{font-size:1rem;min-height:48px}.app .picker .picker__plays-chip{color:#865400;font-size:.9rem}.app :is(.picker,.learn,.mod,.profile,.sample,.fp,.rp) :is(input,select,textarea){font-size:1rem;min-width:0;scroll-margin-block:6rem 2rem}.app :is(.fp__form,.rp__form,.profile__form) input,.rform input:not([type=checkbox]){font-size:1rem;min-height:48px}.app .profile :is(.profile__user-edit,.profile__btn--sm){min-height:44px!important}.app .profile .profile__user-email{overflow-wrap:anywhere}.app .profile :is(.profile__field,.profile__stats-grid,.profile__recent-item){min-width:0}.app .profile .profile__recent-name{overflow-wrap:anywhere;white-space:normal}.app .profile .profile__field-wrap input{padding-right:3.75rem}.app .profile .profile__eye{height:44px;min-height:44px!important;min-width:44px!important;width:44px}.app .profile :is(.profile__field-err,.profile__field-hint){font-size:.9rem}.app :is(.picker__cards,.mod__sheet-list){grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}.app :is(.picker__band-caption,.lpath__band-caption,.sample__sub,.mod__summary){font-size:1rem}@media(min-width:720px){.app .learn .lpath{align-items:start;display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.app .learn .lpath__band{min-width:0}}@media(max-width:540px){.app :is(.picker,.learn,.mod,.profile,.sample)>:is(.picker__head,.learn__head,.mod__head,.profile__head,.sample__head){gap:.5rem}.app .lp .lp__hero-actions{align-items:stretch}.app .lp .lp__hero-actions>a{justify-content:center;width:100%}.app .sample .sample__card{gap:.75rem;grid-template-columns:auto minmax(0,1fr);padding:.85rem}.app .sample .sample__cta{display:none}.app .sample .sample__name{overflow-wrap:anywhere;white-space:normal}.app .learn .lpath__band{padding-inline:.65rem}.app .learn .modcard{padding-inline:.85rem}.app .profile .profile__card{padding-inline:1rem}.app .profile .profile__stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.app .learn .learn__brand{font-size:1rem;gap:.3rem;padding-inline:0}.app .learn .learn__brand-mark{height:32px;width:32px}.app :is(.learn__head-actions,.profile__head-actions,.sample__head-end){gap:.25rem}}.app{background:var(--color-bg);color:var(--color-fg);min-height:100dvh;position:relative}