@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-normal-SFh9ViAc.woff2) format("woff2"),url(/assets/barlow-condensed-latin-900-normal-Bz1RFETY.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-mono-latin-700-normal-7sUh57Bg.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-700-normal-CNHXzs6v.woff) format("woff")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--ds-font-body);--default-mono-font-family:var(--font-mono)}}@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}*{border-color:var(--ds-border);outline-color:var(--ds-ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ds-ring) 50%,transparent)}}body{background-color:var(--ds-background);color:var(--ds-foreground)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}html{font-family:var(--ds-font-body)}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container\/field-group{container:field-group/inline-size}.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-\[7\%\]{top:7%}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-\[2\%\]{right:2%}.bottom-0{bottom:0}.bottom-\[7\%\]{bottom:7%}.bottom-\[21\%\]{bottom:21%}.bottom-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\]{bottom:max(1rem,env(safe-area-inset-bottom))}.left-1\/2{left:50%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-10{z-index:10}.z-50{z-index:50}.z-60{z-index:60}.order-first{order:-9999}.order-last{order:9999}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.float-left{float:left}.float-right{float:right}.\!container{width:100%!important}@media(min-width:40rem){.\!container{max-width:40rem!important}}@media(min-width:48rem){.\!container{max-width:48rem!important}}@media(min-width:64rem){.\!container{max-width:64rem!important}}@media(min-width:80rem){.\!container{max-width:80rem!important}}@media(min-width:96rem){.\!container{max-width:96rem!important}}.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}}.m-0{margin:0}.m-3{margin:calc(var(--spacing) * 3)}.-mx-0{margin-inline:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-1{margin-block:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.-mb-0{margin-bottom:0}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-1{margin-left:var(--spacing)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-\[4\.75rem\]{height:4.75rem}.h-\[60px\]{height:60px}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[min\(48rem\,calc\(100dvh-1\.5rem\)\)\]{height:min(48rem,100dvh - 1.5rem)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[calc\(100dvh-1\.5rem\)\]{max-height:calc(100dvh - 1.5rem)}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-15{min-height:calc(var(--spacing) * 15)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-22{min-height:calc(var(--spacing) * 22)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-52{min-height:calc(var(--spacing) * 52)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[4\.5rem\]{min-height:4.5rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-48{width:calc(var(--spacing) * 48)}.w-\[54px\]{width:54px}.w-\[min\(38rem\,calc\(100\%-1\.5rem\)\)\]{width:min(38rem,100% - 1.5rem)}.w-\[min\(44rem\,calc\(100\%-1\.5rem\)\)\]{width:min(44rem,100% - 1.5rem)}.w-\[min\(64rem\,calc\(100\%-2rem\)\)\]{width:min(64rem,100% - 2rem)}.w-\[min\(74rem\,calc\(100\%-1\.5rem\)\)\]{width:min(74rem,100% - 1.5rem)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[10ch\]{max-width:10ch}.max-w-\[31rem\]{max-width:31rem}.max-w-\[38rem\]{max-width:38rem}.max-w-\[44rem\]{max-width:44rem}.max-w-\[54ch\]{max-width:54ch}.max-w-\[64rem\]{max-width:64rem}.max-w-\[74rem\]{max-width:74rem}.max-w-\[112rem\]{max-width:112rem}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-60{min-width:calc(var(--spacing) * 60)}.min-w-\[32rem\]{min-width:32rem}.min-w-\[72rem\]{min-width:72rem}.min-w-\[96px\]{min-width:96px}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.scroll-my-1{scroll-margin-block:var(--spacing)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.auto-rows-max{grid-auto-rows:max-content}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[1\.2rem_minmax\(0\,1fr\)\]{grid-template-columns:1.2rem minmax(0,1fr)}.grid-cols-\[1\.25rem_minmax\(0\,1fr\)_auto\]{grid-template-columns:1.25rem minmax(0,1fr) auto}.grid-cols-\[2\.5rem_3rem_2\.5rem\]{grid-template-columns:2.5rem 3rem 2.5rem}.grid-cols-\[2\.25rem_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:2.25rem minmax(0,1fr) auto auto}.grid-cols-\[2rem_minmax\(0\,1fr\)_auto\]{grid-template-columns:2rem minmax(0,1fr) auto}.grid-cols-\[3\.5rem_minmax\(0\,1fr\)_3\.5rem\]{grid-template-columns:3.5rem minmax(0,1fr) 3.5rem}.grid-cols-\[3rem_minmax\(0\,1fr\)\]{grid-template-columns:3rem minmax(0,1fr)}.grid-cols-\[5\.75rem_27rem_minmax\(0\,1fr\)\]{grid-template-columns:5.75rem 27rem minmax(0,1fr)}.grid-cols-\[auto_auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto auto minmax(0,1fr) auto}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.grid-cols-\[minmax\(7rem\,0\.7fr\)_minmax\(10rem\,1fr\)\]{grid-template-columns:minmax(7rem,.7fr) minmax(10rem,1fr)}.grid-cols-\[repeat\(auto-fit\,minmax\(7\.5rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr))}.grid-rows-\[2\.25rem_auto\]{grid-template-rows:2.25rem auto}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-\[auto_auto_minmax\(0\,1fr\)_auto\]{grid-template-rows:auto auto minmax(0,1fr) auto}.grid-rows-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-rows:auto minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.place-items-start{place-items:start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-\(--card-spacing\){gap:var(--card-spacing)}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--spacing) * var(--gap))}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}:where(.divide-foreground\/25>:not(:last-child)){border-color:var(--ds-foreground)}@supports (color:color-mix(in lab,red,red)){:where(.divide-foreground\/25>:not(:last-child)){border-color:color-mix(in oklab,var(--ds-foreground) 25%,transparent)}}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-4xl{border-radius:calc(var(--radius) * 2.6)}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[calc\(var\(--radius\)-3px\)\]{border-radius:calc(var(--radius) - 3px)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-none{border-radius:0}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-background{border-color:var(--ds-background)}.border-border{border-color:var(--ds-border)}.border-current{border-color:currentColor}.border-foreground,.border-foreground\/50{border-color:var(--ds-foreground)}@supports (color:color-mix(in lab,red,red)){.border-foreground\/50{border-color:color-mix(in oklab,var(--ds-foreground) 50%,transparent)}}.border-input{border-color:var(--ds-input)}.border-primary{border-color:var(--ds-primary)}.border-ring{border-color:var(--ds-ring)}.border-success{border-color:var(--ds-success)}.border-transparent{border-color:#0000}.border-warning{border-color:var(--ds-warning)}.bg-\[\#0d0f0d\]{background-color:#0d0f0d}.bg-\[Canvas\]{background-color:canvas}.bg-accent{background-color:var(--ds-accent)}.bg-background{background-color:var(--ds-background)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-border{background-color:var(--ds-border)}.bg-card{background-color:var(--ds-card)}.bg-destructive\/10{background-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--ds-destructive) 10%,transparent)}}.bg-foreground,.bg-foreground\/35{background-color:var(--ds-foreground)}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/35{background-color:color-mix(in oklab,var(--ds-foreground) 35%,transparent)}}.bg-foreground\/45{background-color:var(--ds-foreground)}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/45{background-color:color-mix(in oklab,var(--ds-foreground) 45%,transparent)}}.bg-foreground\/55{background-color:var(--ds-foreground)}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/55{background-color:color-mix(in oklab,var(--ds-foreground) 55%,transparent)}}.bg-muted,.bg-muted\/30{background-color:var(--ds-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--ds-muted) 30%,transparent)}}.bg-muted\/35{background-color:var(--ds-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/35{background-color:color-mix(in oklab,var(--ds-muted) 35%,transparent)}}.bg-muted\/50{background-color:var(--ds-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--ds-muted) 50%,transparent)}}.bg-muted\/60{background-color:var(--ds-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/60{background-color:color-mix(in oklab,var(--ds-muted) 60%,transparent)}}.bg-popover{background-color:var(--ds-popover)}.bg-primary{background-color:var(--ds-primary)}.bg-primary-foreground{background-color:var(--ds-primary-foreground)}.bg-primary\/8{background-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/8{background-color:color-mix(in oklab,var(--ds-primary) 8%,transparent)}}.bg-primary\/10{background-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--ds-primary) 10%,transparent)}}.bg-secondary{background-color:var(--ds-secondary)}.bg-success,.bg-success\/10{background-color:var(--ds-success)}@supports (color:color-mix(in lab,red,red)){.bg-success\/10{background-color:color-mix(in oklab,var(--ds-success) 10%,transparent)}}.bg-transparent{background-color:#0000}.bg-warning,.bg-warning\/10{background-color:var(--ds-warning)}@supports (color:color-mix(in lab,red,red)){.bg-warning\/10{background-color:color-mix(in oklab,var(--ds-warning) 10%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-\[conic-gradient\(var\(--ds-primary\)_0deg_62deg\,var\(--ds-foreground\)_62deg_122deg\,var\(--ds-muted\)_122deg_240deg\,var\(--ds-primary\)_240deg_276deg\,var\(--ds-muted\)_276deg_360deg\)\]{background-image:conic-gradient(var(--ds-primary) 0deg 62deg,var(--ds-foreground) 62deg 122deg,var(--ds-muted) 122deg 240deg,var(--ds-primary) 240deg 276deg,var(--ds-muted) 276deg 360deg)}.bg-clip-padding{background-clip:padding-box}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.fill-foreground{fill:var(--ds-foreground)}.object-cover{object-fit:cover}.p-\(--card-spacing\){padding:var(--card-spacing)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-9{padding:calc(var(--spacing) * 9)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.p-\[3px\]{padding:3px}.px-\(--card-spacing\){padding-inline:var(--card-spacing)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-\(--card-spacing\){padding-block:var(--card-spacing)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.font-heading{font-family:var(--ds-font-heading)}.font-sans{font-family:var(--ds-font-body)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.56rem\]{font-size:.56rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.64rem\]{font-size:.64rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[clamp\(2\.75rem\,4vw\,3\.5rem\)\]{font-size:clamp(2.75rem,4vw,3.5rem)}.text-\[clamp\(4rem\,7vw\,6\.6rem\)\]{font-size:clamp(4rem,7vw,6.6rem)}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[0\.78\]{--tw-leading:.78;line-height:.78}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[CanvasText\]{color:canvastext}.text-background{color:var(--ds-background)}.text-card-foreground{color:var(--ds-card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--ds-destructive)}.text-foreground,.text-foreground\/60{color:var(--ds-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/60{color:color-mix(in oklab,var(--ds-foreground) 60%,transparent)}}.text-muted-foreground{color:var(--ds-muted-foreground)}.text-popover-foreground{color:var(--ds-popover-foreground)}.text-primary{color:var(--ds-primary)}.text-primary-foreground{color:var(--ds-primary-foreground)}.text-secondary-foreground,.text-secondary-foreground\/60{color:var(--ds-secondary-foreground)}@supports (color:color-mix(in lab,red,red)){.text-secondary-foreground\/60{color:color-mix(in oklab,var(--ds-secondary-foreground) 60%,transparent)}}.text-secondary-foreground\/70{color:var(--ds-secondary-foreground)}@supports (color:color-mix(in lab,red,red)){.text-secondary-foreground\/70{color:color-mix(in oklab,var(--ds-secondary-foreground) 70%,transparent)}}.text-success{color:var(--ds-success)}.text-success-foreground{color:var(--ds-success-foreground)}.text-warning{color:var(--ds-warning)}.text-warning-foreground{color:var(--ds-warning-foreground)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.bg-blend-color{background-blend-mode:color}.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)}.shadow-\[0_4px_0_var\(--ds-primary\)\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,var(--ds-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[3px_3px_0_var\(--ds-foreground\)\]{--tw-shadow:3px 3px 0 var(--tw-shadow-color,var(--ds-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[3px_3px_0_var\(--ds-primary\)\]{--tw-shadow:3px 3px 0 var(--tw-shadow-color,var(--ds-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[4px_4px_0_var\(--ds-foreground\)\]{--tw-shadow:4px 4px 0 var(--tw-shadow-color,var(--ds-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[4px_4px_0_var\(--ds-primary\)\]{--tw-shadow:4px 4px 0 var(--tw-shadow-color,var(--ds-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[6px_6px_0_var\(--ds-foreground\)\]{--tw-shadow:6px 6px 0 var(--tw-shadow-color,var(--ds-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[6px_6px_0_var\(--primary\)\]{--tw-shadow:6px 6px 0 var(--tw-shadow-color,var(--primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[7px_7px_0_var\(--ds-foreground\)\]{--tw-shadow:7px 7px 0 var(--tw-shadow-color,var(--ds-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[8px_8px_0_var\(--ds-foreground\)\]{--tw-shadow:8px 8px 0 var(--tw-shadow-color,var(--ds-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[10px_10px_0_var\(--ds-foreground\)\]{--tw-shadow:10px 10px 0 var(--tw-shadow-color,var(--ds-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.shadow-none{--tw-shadow:0 0 #0000;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)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.ring-1{--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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.ring-background{--tw-ring-color:var(--ds-background)}.ring-foreground\/10{--tw-ring-color:var(--ds-foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--ds-foreground) 10%, transparent)}}.ring-ring\/50{--tw-ring-color:var(--ds-ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ds-ring) 50%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.grayscale{--tw-grayscale:grayscale(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,)}.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,)}.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,)!important}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-none{--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.repeat-2{--tw-animation-iteration-count:2;animation-iteration-count:2}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--card-spacing\:--spacing\(0\)\]{--card-spacing:0}.\[--card-spacing\:--spacing\(4\)\]{--card-spacing:calc(var(--spacing) * 4)}.block-1{block-size:var(--spacing)}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}:is(.\*\:w-full>*){width:100%}.group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *){color:var(--ds-accent-foreground)}.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *){opacity:.5}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-data-horizontal\/field\:text-balance:is(:where(.group\/field):has(:where([data-orientation=horizontal])) *){text-wrap:balance}.group-has-\[\>input\]\/input-group\:pt-2:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2)}.group-has-\[\>input\]\/input-group\:pb-2:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2)}.group-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has(>svg) *){grid-column-start:2}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *){border-radius:0}.group-data-\[spacing\=0\]\/toggle-group\:px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *){padding-inline:calc(var(--spacing) * 2)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-data-\[variant\=product\]\/card\:rounded-none:is(:where(.group\/card)[data-variant=product] *){border-radius:0}.group-data-\[variant\=product\]\/card\:border-0:is(:where(.group\/card)[data-variant=product] *){border-style:var(--tw-border-style);border-width:0}.group-data-\[variant\=product\]\/card\:bg-transparent:is(:where(.group\/card)[data-variant=product] *){background-color:#0000}.group-data-\[variant\=product\]\/empty\:gap-3:is(:where(.group\/empty)[data-variant=product] *){gap:calc(var(--spacing) * 3)}.group-data-\[variant\=product\]\/switch\:size-6:is(:where(.group\/switch)[data-variant=product] *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-data-\[variant\=product\]\/switch\:rounded-none:is(:where(.group\/switch)[data-variant=product] *){border-radius:0}.group-data-\[variant\=product\]\/switch\:border:is(:where(.group\/switch)[data-variant=product] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=product\]\/switch\:border-foreground:is(:where(.group\/switch)[data-variant=product] *){border-color:var(--ds-foreground)}.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation=horizontal]) *){height:calc(var(--spacing) * 8)}.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation=vertical]) *){height:fit-content}.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation=vertical]) *){width:100%}.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation=vertical]) *){flex-direction:column}.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation=vertical]) *){justify-content:flex-start}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.marker\:hidden ::marker{display:none}.marker\:hidden::marker{display:none}.marker\:hidden ::-webkit-details-marker{display:none}.marker\:hidden::-webkit-details-marker{display:none}.selection\:bg-primary ::selection{background-color:var(--ds-primary)}.selection\:bg-primary::selection{background-color:var(--ds-primary)}.selection\:text-primary-foreground ::selection{color:var(--ds-primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--ds-primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--ds-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--ds-muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:-inset-4:after{content:var(--tw-content);inset:calc(var(--spacing) * -4)}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-border:after{content:var(--tw-content);border-color:var(--ds-border)}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--ds-foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:mix-blend-darken:after{content:var(--tw-content);mix-blend-mode:darken}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);inset-inline:0}.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);bottom:-5px}.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);inset-block:0}.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.first\:pl-0:first-child{padding-left:0}.last\:mt-0:last-child{margin-top:0}.last\:pr-0:last-child{padding-right:0}@media(hover:hover){.hover\:-translate-x-px:hover{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-border:hover{border-color:var(--ds-border)}.hover\:border-foreground:hover{border-color:var(--ds-foreground)}.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-background:hover,.hover\:bg-background\/15:hover{background-color:var(--ds-background)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-background\/15:hover{background-color:color-mix(in oklab,var(--ds-background) 15%,transparent)}}.hover\:bg-destructive\/20:hover{background-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--ds-destructive) 20%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/45:hover{background-color:var(--ds-muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/45:hover{background-color:color-mix(in oklab,var(--ds-muted) 45%,transparent)}}.hover\:bg-primary:hover,.hover\:bg-primary\/80:hover{background-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,var(--ds-primary) 80%,transparent)}}.hover\:bg-secondary:hover{background-color:var(--ds-secondary)}.hover\:bg-warning:hover{background-color:var(--ds-warning)}.hover\:text-background:hover{color:var(--ds-background)}.hover\:text-foreground:hover{color:var(--ds-foreground)}.hover\:text-muted-foreground:hover{color:var(--ds-muted-foreground)}.hover\:text-primary:hover{color:var(--ds-primary)}.hover\:text-primary-foreground:hover{color:var(--ds-primary-foreground)}.hover\:text-secondary-foreground:hover{color:var(--ds-secondary-foreground)}.hover\:text-warning-foreground:hover{color:var(--ds-warning-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:underline-offset-4:hover{text-underline-offset:4px}.hover\:shadow-\[5px_5px_0_var\(--ds-primary\)\]:hover{--tw-shadow:5px 5px 0 var(--tw-shadow-color,var(--ds-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-3:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}}.focus\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:var(--ds-accent)}.focus\:text-accent-foreground:focus,:is(.focus\:\*\*\:text-accent-foreground:focus *),:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--ds-accent-foreground)}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--ds-destructive) 40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ds-ring)}.focus-visible\:border-warning:focus-visible{border-color:var(--ds-warning)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ds-destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ds-ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ds-ring) 50%, transparent)}}.focus-visible\:ring-warning\/20:focus-visible{--tw-ring-color:var(--ds-warning)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-warning\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ds-warning) 20%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ds-ring)}.active\:ring-3:active{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.active\:not-aria-\[haspopup\]\:translate-x-\[3px\]:active:not([aria-haspopup]){--tw-translate-x:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:not-aria-\[haspopup\]\:translate-y-\[3px\]:active:not([aria-haspopup]){--tw-translate-y:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:not-aria-\[haspopup\]\:shadow-\[1px_1px_0_var\(--ds-foreground\)\]:active:not([aria-haspopup]){--tw-shadow:1px 1px 0 var(--tw-shadow-color,var(--ds-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:not-aria-\[haspopup\]\:shadow-none:active:not([aria-haspopup]){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--ds-input)}@supports (color:color-mix(in lab,red,red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab,var(--ds-input) 50%,transparent)}}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}:where([data-slot=combobox-content]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within{border-color:inherit}:where([data-slot=combobox-content]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}:where([data-slot=disclosure]) .in-data-\[slot\=disclosure\]\:group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}:where([data-variant=product]) .in-data-\[variant\=product\]\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}:where([data-variant=product]) .in-data-\[variant\=product\]\:font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}:where([data-variant=product]) .in-data-\[variant\=product\]\:uppercase{text-transform:uppercase}.has-disabled\:bg-input\/50:has(:disabled){background-color:var(--ds-input)}@supports (color:color-mix(in lab,red,red)){.has-disabled\:bg-input\/50:has(:disabled){background-color:color-mix(in oklab,var(--ds-input) 50%,transparent)}}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]){padding-right:var(--spacing)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-end\]\:pr-4:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 4)}.group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]){padding-left:var(--spacing)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-4:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 4)}.group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[slot\=alert-action\]\:relative:has([data-slot=alert-action]){position:relative}.has-data-\[slot\=alert-action\]\:pr-18:has([data-slot=alert-action]){padding-right:calc(var(--spacing) * 18)}.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 4)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:0}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.has-data-checked\:border-primary\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.has-data-checked\:border-primary\/30:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:color-mix(in oklab,var(--ds-primary) 30%,transparent)}}.has-data-checked\:bg-primary\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.has-data-checked\:bg-primary\/5:has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:color-mix(in oklab,var(--ds-primary) 5%,transparent)}}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--ds-ring)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--ds-ring)}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--ds-ring) 50%, transparent)}}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--ds-destructive)}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has([data-slot][aria-invalid=true]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--ds-destructive) 20%, transparent)}}.has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){opacity:.5}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-lg:has(>[data-slot=field]){border-radius:var(--radius)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.3rem\]:has(>button){margin-right:-.3rem}.has-\[\>button\]\:ml-\[-0\.3rem\]:has(>button){margin-left:-.3rem}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:0}.has-\[\>kbd\]\:mr-\[-0\.15rem\]:has(>kbd){margin-right:-.15rem}.has-\[\>kbd\]\:ml-\[-0\.15rem\]:has(>kbd){margin-left:-.15rem}.has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(>svg){grid-template-columns:auto 1fr}.has-\[\>svg\]\:gap-x-2:has(>svg){column-gap:calc(var(--spacing) * 2)}.has-\[\>svg\]\:p-0:has(>svg){padding:0}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--ds-muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--ds-secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--ds-foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--ds-secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--ds-destructive)}.aria-invalid\:ring-0[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--ds-destructive) 20%, transparent)}}.aria-invalid\:aria-checked\:border-primary[aria-invalid=true][aria-checked=true],.aria-pressed\:border-primary[aria-pressed=true]{border-color:var(--ds-primary)}.aria-pressed\:bg-muted[aria-pressed=true]{background-color:var(--ds-muted)}.aria-pressed\:bg-primary[aria-pressed=true],.aria-pressed\:bg-primary\/8[aria-pressed=true]{background-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.aria-pressed\:bg-primary\/8[aria-pressed=true]{background-color:color-mix(in oklab,var(--ds-primary) 8%,transparent)}}.aria-pressed\:text-primary-foreground[aria-pressed=true]{color:var(--ds-primary-foreground)}.aria-\[current\=true\]\:border-primary[aria-current=true]{border-color:var(--ds-primary)}.aria-\[current\=true\]\:bg-primary\/8[aria-current=true]{background-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.aria-\[current\=true\]\:bg-primary\/8[aria-current=true]{background-color:color-mix(in oklab,var(--ds-primary) 8%,transparent)}}.data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}.data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--ds-muted-foreground)}.data-\[active\=true\]\:bg-secondary[data-active=true]{background-color:var(--ds-secondary)}.data-\[active\=true\]\:text-secondary-foreground[data-active=true]{color:var(--ds-secondary-foreground)}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:var(--ds-destructive)}.data-\[level\=accent\]\:h-20[data-level=accent]{height:calc(var(--spacing) * 20)}.data-\[level\=accent\]\:bg-primary[data-level=accent]{background-color:var(--ds-primary)}.data-\[level\=accent\]\:text-primary-foreground[data-level=accent]{color:var(--ds-primary-foreground)}.data-\[level\=mute\]\:bg-muted[data-level=mute]{background-color:var(--ds-muted)}.data-\[level\=mute\]\:bg-\[repeating-linear-gradient\(-45deg\,var\(--ds-card\)_0_3px\,var\(--ds-muted\)_3px_5px\)\][data-level=mute]{background-image:repeating-linear-gradient(-45deg,var(--ds-card) 0 3px,var(--ds-muted) 3px 5px)}.data-\[level\=mute\]\:text-muted-foreground[data-level=mute]{color:var(--ds-muted-foreground)}.data-\[level\=normal\]\:h-12[data-level=normal]{height:calc(var(--spacing) * 12)}.data-\[level\=normal\]\:bg-secondary[data-level=normal]{background-color:var(--ds-secondary)}.data-\[level\=normal\]\:text-secondary-foreground[data-level=normal]{color:var(--ds-secondary-foreground)}.data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position=popper]{height:var(--radix-select-trigger-height)}.data-\[position\=popper\]\:w-full[data-position=popper]{width:100%}.data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position=popper]{min-width:var(--radix-select-trigger-width)}.data-\[selected\=true\]\:border-primary[data-selected=true]{border-color:var(--ds-primary)}.data-\[selected\=true\]\:bg-primary\/8[data-selected=true]{background-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.data-\[selected\=true\]\:bg-primary\/8[data-selected=true]{background-color:color-mix(in oklab,var(--ds-primary) 8%,transparent)}}.data-\[side\=bottom\]\:inset-x-0[data-side=bottom]{inset-inline:0}.data-\[side\=bottom\]\:bottom-0[data-side=bottom]{bottom:0}.data-\[side\=bottom\]\:h-auto[data-side=bottom]{height:auto}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:border-t[data-side=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:inset-y-0[data-side=left]{inset-block:0}.data-\[side\=left\]\:left-0[data-side=left]{left:0}.data-\[side\=left\]\:h-full[data-side=left]{height:100%}.data-\[side\=left\]\:w-3\/4[data-side=left]{width:75%}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:border-r[data-side=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:inset-y-0[data-side=right]{inset-block:0}.data-\[side\=right\]\:right-0[data-side=right]{right:0}.data-\[side\=right\]\:h-full[data-side=right]{height:100%}.data-\[side\=right\]\:w-3\/4[data-side=right]{width:75%}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:border-l[data-side=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:inset-x-0[data-side=top]{inset-inline:0}.data-\[side\=top\]\:top-0[data-side=top]{top:0}.data-\[side\=top\]\:h-auto[data-side=top]{height:auto}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:border-b[data-side=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.data-\[size\=default\]\:h-\[18\.4px\][data-size=default]{height:18.4px}.data-\[size\=default\]\:w-\[32px\][data-size=default]{width:32px}.data-\[size\=default\]\:max-w-xs[data-size=default]{max-width:var(--container-xs)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:h-\[14px\][data-size=sm]{height:14px}.data-\[size\=sm\]\:w-\[24px\][data-size=sm]{width:24px}.data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md),10px)}.data-\[size\=sm\]\:py-0\.5[data-size=sm]{padding-block:calc(var(--spacing) * .5)}.data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size=sm]{--card-spacing:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:0}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--ds-destructive) 90%,transparent)}}:is(.\*\:data-\[slot\=alert-description\]\:text-foreground>*)[data-slot=alert-description]{color:var(--ds-foreground)}:is(.\*\:data-\[slot\=alert-description\]\:text-success>*)[data-slot=alert-description]{color:var(--ds-success)}:is(.\*\:data-\[slot\=alert-description\]\:text-warning>*)[data-slot=alert-description]{color:var(--ds-warning)}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--ds-background)}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}:is(.\*\:data-\[slot\=field\]\:p-2\.5>*)[data-slot=field]{padding:calc(var(--spacing) * 2.5)}:is(.\*\:data-\[slot\=field-group\]\:gap-4>*)[data-slot=field-group]{gap:calc(var(--spacing) * 4)}:is(.\*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label]{flex:auto}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:calc(var(--radius) * .6)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:last-child{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[state\=closed\]\:overflow-hidden[data-state=closed]{overflow:hidden}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}.data-\[state\=on\]\:bg-muted[data-state=on]{background-color:var(--ds-muted)}.data-\[state\=on\]\:bg-primary[data-state=on]{background-color:var(--ds-primary)}.data-\[state\=on\]\:bg-secondary[data-state=on]{background-color:var(--ds-secondary)}.data-\[state\=on\]\:text-primary-foreground[data-state=on]{color:var(--ds-primary-foreground)}.data-\[state\=on\]\:text-secondary-foreground[data-state=on]{color:var(--ds-secondary-foreground)}.data-\[state\=playing\]\:bg-primary[data-state=playing]{background-color:var(--ds-primary)}.data-\[state\=playing\]\:text-primary-foreground[data-state=playing]{color:var(--ds-primary-foreground)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--ds-destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--ds-destructive) 10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--ds-destructive)}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"][data-variant=outline]{border-top-style:var(--tw-border-style);border-top-width:0}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"][data-variant=outline]:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[variant\=product\]\:h-8[data-variant=product]{height:calc(var(--spacing) * 8)}.data-\[variant\=product\]\:h-11[data-variant=product]{height:calc(var(--spacing) * 11)}.data-\[variant\=product\]\:w-15[data-variant=product]{width:calc(var(--spacing) * 15)}.data-\[variant\=product\]\:rounded-none[data-variant=product]{border-radius:0}.data-\[variant\=product\]\:border-foreground[data-variant=product]{border-color:var(--ds-foreground)}.data-\[variant\=product\]\:bg-card[data-variant=product]{background-color:var(--ds-card)}.data-\[variant\=product\]\:font-semibold[data-variant=product]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media(prefers-reduced-motion:no-preference){.motion-safe\:animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.motion-safe\:fade-in{--tw-enter-opacity:0}.motion-safe\:slide-in-from-bottom-2{--tw-enter-translate-y:calc(2*var(--spacing))}}@media(min-width:1240px){.min-\[1240px\]\:hidden{display:none}}@media(min-width:40rem){.sm\:right-5{right:calc(var(--spacing) * 5)}.sm\:left-auto{left:auto}.sm\:mx-7{margin-inline:calc(var(--spacing) * 7)}.sm\:mb-7{margin-bottom:calc(var(--spacing) * 7)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:min-h-20{min-height:calc(var(--spacing) * 20)}.sm\:w-\[min\(28rem\,calc\(100vw-2\.5rem\)\)\]{width:min(28rem,100vw - 2.5rem)}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-\[38rem\]{max-width:38rem}.sm\:max-w-\[44rem\]{max-width:44rem}.sm\:max-w-\[64rem\]{max-width:64rem}.sm\:max-w-\[74rem\]{max-width:74rem}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(9rem\,0\.7fr\)_minmax\(12rem\,1fr\)\]{grid-template-columns:minmax(9rem,.7fr) minmax(12rem,1fr)}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:py-7{padding-block:calc(var(--spacing) * 7)}.sm\:pl-5{padding-left:calc(var(--spacing) * 5)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\[side\=left\]\:sm\:max-w-sm[data-side=left],.data-\[side\=right\]\:sm\:max-w-sm[data-side=right],.data-\[size\=default\]\:sm\:max-w-sm[data-size=default]{max-width:var(--container-sm)}}@media(min-width:48rem){.md\:auto-rows-auto{grid-auto-rows:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[14rem_minmax\(18rem\,1fr\)_16rem\]{grid-template-columns:14rem minmax(18rem,1fr) 16rem}.md\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.md\:grid-cols-\[minmax\(10rem\,0\.7fr\)_1fr_1\.15fr\]{grid-template-columns:minmax(10rem,.7fr) 1fr 1.15fr}.md\:grid-cols-\[minmax\(10rem\,0\.7fr\)_1fr_auto\]{grid-template-columns:minmax(10rem,.7fr) 1fr auto}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:justify-end{justify-content:flex-end}.md\:justify-items-end{justify-items:end}.md\:overflow-hidden{overflow:hidden}.md\:overflow-y-auto{overflow-y:auto}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-pretty{text-wrap:pretty}.md\:last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(18rem\,0\.65fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.lg\:items-end{align-items:flex-end}.lg\:justify-end{justify-content:flex-end}.lg\:justify-items-end{justify-items:end}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:p-8{padding:calc(var(--spacing) * 8)}}@media(min-width:80rem){.xl\:sticky{position:sticky}.xl\:top-5{top:calc(var(--spacing) * 5)}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}:is(.\@md\/field-group\:\*\:w-auto>*){width:auto}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}:is(.\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label]{flex:auto}}.dark\:border-input:is(.dark *){border-color:var(--ds-input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab,var(--ds-destructive) 20%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--ds-input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--ds-input) 30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:text-muted-foreground:is(.dark *){color:var(--ds-muted-foreground)}.dark\:after\:mix-blend-lighten:is(.dark *):after{content:var(--tw-content);mix-blend-mode:lighten}@media(hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--ds-destructive) 30%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--ds-input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--ds-input) 50%,transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--ds-muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--ds-muted) 50%,transparent)}}.dark\:hover\:text-foreground:is(.dark *):hover{color:var(--ds-foreground)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--ds-destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:var(--ds-input)}@supports (color:color-mix(in lab,red,red)){.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:color-mix(in oklab,var(--ds-input) 80%,transparent)}}.dark\:disabled\:bg-transparent:is(.dark *):disabled{background-color:#0000}.dark\:has-disabled\:bg-input\/80:is(.dark *):has(:disabled){background-color:var(--ds-input)}@supports (color:color-mix(in lab,red,red)){.dark\:has-disabled\:bg-input\/80:is(.dark *):has(:disabled){background-color:color-mix(in oklab,var(--ds-input) 80%,transparent)}}.dark\:has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:color-mix(in oklab,var(--ds-primary) 20%,transparent)}}.dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){background-color:color-mix(in oklab,var(--ds-primary) 10%,transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--ds-destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--ds-destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--ds-destructive) 40%, transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--ds-destructive) 20%,transparent)}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:bg-accent:where([data-state=open]),.data-open\:bg-accent:where([data-open]:not([data-open=false])){background-color:var(--ds-accent)}.data-open\:text-accent-foreground:where([data-state=open]),.data-open\:text-accent-foreground:where([data-open]:not([data-open=false])){color:var(--ds-accent-foreground)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side=bottom]:where([data-state=open]),.data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side=bottom]:where([data-open]:not([data-open=false])){--tw-enter-translate-y: 10% }.data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side=left]:where([data-state=open]),.data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side=left]:where([data-open]:not([data-open=false])){--tw-enter-translate-x: -10% }.data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side=right]:where([data-state=open]),.data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side=right]:where([data-open]:not([data-open=false])){--tw-enter-translate-x: 10% }.data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side=top]:where([data-state=open]),.data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side=top]:where([data-open]:not([data-open=false])){--tw-enter-translate-y: -10% }.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side=bottom]:where([data-state=closed]),.data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side=bottom]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-y: 10% }.data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side=left]:where([data-state=closed]),.data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side=left]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-x: -10% }.data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side=right]:where([data-state=closed]),.data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side=right]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-x: 10% }.data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side=top]:where([data-state=closed]),.data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side=top]:where([data-closed]:not([data-closed=false])){--tw-exit-translate-y: -10% }.data-checked\:border-primary:where([data-state=checked]),.data-checked\:border-primary:where([data-checked]:not([data-checked=false])){border-color:var(--ds-primary)}.data-checked\:bg-primary:where([data-state=checked]),.data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--ds-primary)}.data-checked\:text-primary-foreground:where([data-state=checked]),.data-checked\:text-primary-foreground:where([data-checked]:not([data-checked=false])){color:var(--ds-primary-foreground)}.group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=default] *):where([data-state=checked]),.group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=default] *):where([data-checked]:not([data-checked=false])),.group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=sm] *):where([data-state=checked]),.group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=sm] *):where([data-checked]:not([data-checked=false])){--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[variant\=product\]\/switch\:data-checked\:translate-x-\[30px\]:is(:where(.group\/switch)[data-variant=product] *):where([data-state=checked]),.group-data-\[variant\=product\]\/switch\:data-checked\:translate-x-\[30px\]:is(:where(.group\/switch)[data-variant=product] *):where([data-checked]:not([data-checked=false])){--tw-translate-x:30px;translate:var(--tw-translate-x) var(--tw-translate-y)}.dark\:data-checked\:bg-primary:is(.dark *):where([data-state=checked]),.dark\:data-checked\:bg-primary:is(.dark *):where([data-checked]:not([data-checked=false])){background-color:var(--ds-primary)}.dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-state=checked]),.dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked=false])){background-color:var(--ds-primary-foreground)}.data-unchecked\:bg-input:where([data-state=unchecked]),.data-unchecked\:bg-input:where([data-unchecked]:not([data-unchecked=false])){background-color:var(--ds-input)}.group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=default] *):where([data-state=unchecked]),.group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=default] *):where([data-unchecked]:not([data-unchecked=false])),.group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=sm] *):where([data-state=unchecked]),.group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=sm] *):where([data-unchecked]:not([data-unchecked=false])),.group-data-\[variant\=product\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-variant=product] *):where([data-state=unchecked]),.group-data-\[variant\=product\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-variant=product] *):where([data-unchecked]:not([data-unchecked=false])){--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-state=unchecked]),.dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked=false])){background-color:var(--ds-foreground)}.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state=unchecked]),.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=false])){background-color:var(--ds-input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state=unchecked]),.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=false])){background-color:color-mix(in oklab,var(--ds-input) 80%,transparent)}}.data-disabled\:pointer-events-none:where([data-disabled=true]),.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.data-disabled\:cursor-not-allowed:where([data-disabled=true]),.data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled=false])){cursor:not-allowed}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.data-active\:bg-background:where([data-state=active]),.data-active\:bg-background:where([data-active]:not([data-active=false])){background-color:var(--ds-background)}.data-active\:text-foreground:where([data-state=active]),.data-active\:text-foreground:where([data-active]:not([data-active=false])){color:var(--ds-foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]),.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])){--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)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after{content:var(--tw-content);opacity:1}.dark\:data-active\:border-input:is(.dark *):where([data-state=active]),.dark\:data-active\:border-input:is(.dark *):where([data-active]:not([data-active=false])){border-color:var(--ds-input)}.dark\:data-active\:bg-input\/30:is(.dark *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active=false])){background-color:var(--ds-input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-active\:bg-input\/30:is(.dark *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active=false])){background-color:color-mix(in oklab,var(--ds-input) 30%,transparent)}}.dark\:data-active\:text-foreground:is(.dark *):where([data-state=active]),.dark\:data-active\:text-foreground:is(.dark *):where([data-active]:not([data-active=false])){color:var(--ds-foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.data-horizontal\:h-1:where([data-orientation=horizontal]){height:var(--spacing)}.data-horizontal\:h-full:where([data-orientation=horizontal]){height:100%}.data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.data-horizontal\:flex-col:where([data-orientation=horizontal]){flex-direction:column}.data-vertical\:h-full:where([data-orientation=vertical]){height:100%}.data-vertical\:min-h-40:where([data-orientation=vertical]){min-height:calc(var(--spacing) * 40)}.data-vertical\:w-1:where([data-orientation=vertical]){width:var(--spacing)}.data-vertical\:w-auto:where([data-orientation=vertical]){width:auto}.data-vertical\:w-full:where([data-orientation=vertical]){width:100%}.data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.data-vertical\:flex-col:where([data-orientation=vertical]){flex-direction:column}.data-vertical\:items-stretch:where([data-orientation=vertical]){align-items:stretch}.data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media(hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--ds-foreground)}}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.\[\&_small\]\:w-14 small{width:calc(var(--spacing) * 14)}.\[\&_small\]\:overflow-hidden small{overflow:hidden}.\[\&_small\]\:text-\[0\.52rem\] small{font-size:.52rem}.\[\&_small\]\:leading-tight small{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.\[\&_small\]\:text-ellipsis small{text-overflow:ellipsis}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\.border-b\]\:pb-\(--card-spacing\).border-b{padding-bottom:var(--card-spacing)}.\[\.border-b\]\:pb-2.border-b{padding-bottom:calc(var(--spacing) * 2)}.\[\.border-t\]\:pt-2.border-t{padding-top:calc(var(--spacing) * 2)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media(hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--ds-destructive)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab,var(--ds-destructive) 20%,transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--ds-muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--ds-primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--ds-primary) 80%,transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--ds-secondary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab,var(--ds-secondary) 80%,transparent)}}.\[a\]\:hover\:bg-success\/80:is(a):hover{background-color:var(--ds-success)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-success\/80:is(a):hover{background-color:color-mix(in oklab,var(--ds-success) 80%,transparent)}}.\[a\]\:hover\:bg-warning\/80:is(a):hover{background-color:var(--ds-warning)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-warning\/80:is(a):hover{background-color:color-mix(in oklab,var(--ds-warning) 80%,transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--ds-muted-foreground)}:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--ds-foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}:is(.\*\:\[svg\]\:row-span-2>*):is(svg){grid-row:span 2/span 2}:is(.\*\:\[svg\]\:translate-y-0\.5>*):is(svg){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\*\:\[svg\]\:text-current>*):is(svg){color:currentColor}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant=destructive]>*):is(svg){color:var(--ds-destructive)}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--ds-primary)}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 1.5)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 1.5)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media(prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}@layer legacy{:root{color-scheme:light;color:#1d1d1a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1d1d1a;--muted:#6d6a61;--muted-light:#918d83;--paper:#f3f1eb;--panel:#fffefa;--panel-strong:#fff;--line:#ddd8cd;--line-strong:#c9c2b5;--accent:#d94b2b;--accent-dark:#b83a20;--accent-soft:#f8e4dc;--green:#214d40;--green-soft:#e2ece7;--shadow:0 12px 35px #352b1d14;--radius-sm:8px;--radius:14px;--radius-lg:20px;background:#f3f1eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;max-width:100%}body{background:radial-gradient(circle at 80% -20%,#d94b2b12,transparent 32rem),var(--paper);-webkit-font-smoothing:antialiased;min-width:320px;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden}button:not([data-slot]),input:not([data-slot]),select:not([data-slot]),textarea:not([data-slot]){color:inherit;font:inherit}button:not([data-slot]),select:not([data-slot]),input[type=range]:not([data-slot]){cursor:pointer}button:not([data-slot]){border:0}button:not([data-slot]):focus-visible,input:not([data-slot]):focus-visible,select:not([data-slot]):focus-visible,textarea:not([data-slot]):focus-visible,summary:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #d94b2b4d}button:not([data-slot]):disabled,input:not([data-slot]):disabled,select:not([data-slot]):disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}a{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:100%;max-width:100%;min-height:100vh}.site-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffefaeb;align-items:center;min-height:72px;padding:12px 24px;display:flex;position:relative}.brand-mark{color:#fff;background:var(--green);border-radius:12px;place-items:center;width:40px;height:40px;margin-right:11px;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.brand-copy{line-height:1.05;display:grid}.brand-copy strong{letter-spacing:-.02em;font-size:1.05rem}.brand-copy span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:.7rem;font-weight:700}.site-header>p{border-left:1px solid var(--line);color:var(--muted);margin-left:28px;padding-left:28px;font-size:.88rem}.keyboard-hints{color:var(--muted);gap:18px;margin-left:auto;font-size:.76rem;font-weight:600;display:flex}kbd{border:1px solid var(--line-strong);min-width:24px;min-height:22px;color:var(--ink);background:#fff;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;margin-right:5px;padding:2px 6px;font-family:inherit;font-size:.68rem;display:inline-flex}.practice-workspace{grid-template-columns:340px minmax(0,1fr);height:calc(100vh - 72px);display:grid}.exercise-browser{border-right:1px solid var(--line);background:#eeebe3b8;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;min-height:0;padding:20px 16px 16px;display:grid;overflow:hidden}.collection-tabs{border:1px solid var(--line);background:#ffffff8f;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.collection-tabs button{min-width:0;min-height:40px;color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:7px 4px;font-size:.7rem;font-weight:750;display:flex}.collection-tabs button span{background:#1d1d1a12;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:.67rem;display:grid}.collection-tabs button.active{color:#fff;background:var(--green);box-shadow:0 2px 8px #214d402e}.collection-tabs button.active span{background:#ffffff26}.search-field{border:1px solid var(--line);min-height:42px;color:var(--muted-light);background:var(--panel-strong);border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #d94b2b1c}.search-field input{background:0 0;border:0;outline:0;width:100%;font-size:.84rem}.search-field input::placeholder{color:var(--muted-light)}.filter-chips{gap:5px;padding-bottom:1px;display:flex;overflow-x:auto}.filter-chips button{border:1px solid var(--line);color:var(--muted);background:#ffffff85;border-radius:999px;flex:none;padding:6px 9px;font-size:.7rem;font-weight:700}.filter-chips button.active{border-color:var(--ink);color:#fff;background:var(--ink)}.browser-note{color:var(--muted);padding:0 4px;font-size:.74rem;line-height:1.4}.exercise-list{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;align-content:start;gap:5px;min-height:0;padding-right:3px;display:grid;overflow-y:auto}.exercise-list-row{min-width:0;position:relative}.exercise-list-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:54px;padding:7px 48px 7px 9px;transition:background .12s,border-color .12s,transform .12s;display:grid}.exercise-list-item:hover{border-color:var(--line);background:#ffffffa6}.exercise-list-item:active{transform:scale(.99)}.exercise-list-item.selected{color:#fff;background:var(--ink);box-shadow:0 5px 16px #1d1d1a21}.exercise-index{width:32px;height:32px;color:var(--muted);background:#1d1d1a0f;border-radius:8px;place-items:center;font-size:.7rem;font-weight:800;display:grid}.selected .exercise-index{color:#fff;background:#ffffff1f}.exercise-list-copy{gap:3px;min-width:0;display:grid}.exercise-list-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;font-weight:750;overflow:hidden}.exercise-list-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.selected .exercise-list-copy small{color:#ffffff94}.exercise-mini-pattern{max-width:64px;color:var(--muted-light);white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:.61rem;overflow:hidden}.selected .exercise-mini-pattern{color:#ffffff7a}.exercise-edit-button{width:36px;height:36px;color:var(--muted-light);opacity:.72;background:0 0;border-radius:9px;place-items:center;transition:color .12s,background .12s,opacity .12s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media(hover:none),(pointer:coarse){.exercise-edit-button{opacity:1;width:44px;height:44px;right:5px}.exercise-list-item{padding-right:56px}.score-header-actions .save-exercise-button{min-height:44px}}.exercise-list-row:hover .exercise-edit-button,.exercise-list-row:focus-within .exercise-edit-button,.exercise-list-row.selected .exercise-edit-button{opacity:1}.exercise-edit-button:hover{color:var(--ink);background:#1d1d1a14}.exercise-list-row.selected .exercise-edit-button{color:#ffffffad}.exercise-list-row.selected .exercise-edit-button:hover,.exercise-list-row.selected .exercise-edit-button:focus-visible{color:#fff;background:#ffffff21}.empty-search{text-align:center;gap:5px;padding:30px 12px;display:grid}.empty-search strong{font-size:.83rem}.empty-search span{color:var(--muted);font-size:.74rem}.practice-column{width:100%;min-width:0;max-width:100%;padding:28px clamp(20px,4vw,54px) 32px;overflow-y:auto}.exercise-stage,.metronome-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);width:min(100%,1080px);max-width:100%;box-shadow:var(--shadow);margin-inline:auto}.exercise-stage{padding:clamp(22px,4vw,38px)}.exercise-stage-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:850;display:block}.exercise-stage h1{letter-spacing:-.045em;max-width:700px;font-size:clamp(1.65rem,3.4vw,2.65rem);line-height:1.06}.exercise-stage-heading>div:first-child>p{max-width:650px;color:var(--muted);margin-top:11px;font-size:.92rem;line-height:1.55}.exercise-actions{flex:none;gap:7px;display:flex}.exercise-actions button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:.75rem;font-weight:750;display:inline-flex}.exercise-actions button:hover,.exercise-actions button.active{border-color:var(--green);color:var(--green);background:var(--green-soft)}.pattern-label-row{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;margin-top:34px;margin-bottom:10px;font-size:.68rem;font-weight:750;display:flex}.pattern-display{border:1px solid var(--line);border-radius:var(--radius);background:#f6f3ec;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px;padding:8px;display:grid}.stroke-token{color:#2f302c;background:#ffffffb3;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-width:0;height:76px;transition:color 70ms linear,background 70ms linear,transform 70ms linear;display:flex;position:relative}.stroke-token:nth-child(4n+1):not(:first-child):before{content:"";background:var(--line-strong);width:1px;height:42px;position:absolute;left:-5px}.stroke-token strong{letter-spacing:-.03em;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1}.stroke-token.active{z-index:1;border-color:var(--accent-dark);color:#fff;background:var(--accent);transform:translateY(-2px);box-shadow:0 7px 18px #d94b2b3d}.stroke-token.accented:not(.active){color:var(--accent-dark);background:var(--accent-soft)}.accent-mark{font-family:SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:900;position:absolute;top:6px;left:50%;transform:translate(-50%)rotate(-90deg)}.grace-notes{gap:1px;display:flex;position:absolute;bottom:13px;left:7px}.grace-notes small{width:15px;height:15px;color:var(--muted);background:#e8e3d8;border-radius:50%;place-items:center;font-size:.54rem;font-weight:850;display:grid}.active .grace-notes small{color:#fff;background:#ffffff36}.buzz-mark{font-family:Georgia,serif;font-size:.9rem;font-style:italic;font-weight:700;position:absolute;bottom:9px;right:8px}.exercise-guidance{grid-template-columns:minmax(0,1.5fr) minmax(170px,.6fr);gap:10px;margin-top:13px;display:grid}.exercise-guidance>div{border:1px solid var(--line);background:#ffffffa6;border-radius:10px;align-items:center;gap:11px;min-width:0;padding:12px 14px;display:flex}.guidance-icon{width:31px;height:31px;color:var(--green);background:var(--green-soft);border-radius:8px;flex:none;place-items:center;display:grid}.exercise-guidance p{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-size:.76rem;line-height:1.4}.exercise-guidance strong{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:.68rem;display:block}.cue-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;font-size:.68rem;display:flex}.cue-legend b{color:var(--accent-dark);margin-right:2px;font-family:SFMono-Regular,Consolas,monospace}.cue-legend .grace-example{text-transform:lowercase;font-size:.58rem}.cue-legend a{color:var(--green);align-items:center;gap:4px;margin-left:auto;font-weight:750;text-decoration:none;display:inline-flex}.cue-legend a:hover{text-decoration:underline}.metronome-card{margin-top:18px;padding:clamp(20px,3.5vw,32px)}.metronome-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.metronome-heading h2{letter-spacing:-.035em;font-size:1.4rem}.session-readout{gap:6px;display:flex}.session-readout span{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#faf8f3;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.session-readout span.countdown-active{color:var(--green);background:var(--green-soft);border-color:#214d4059}.session-readout small{color:var(--muted-light);font-size:.58rem;font-weight:700}.transport-row{border:1px solid var(--line);border-radius:var(--radius);background:#f5f2ea;grid-template-columns:auto minmax(230px,1fr) auto;align-items:center;gap:22px;margin-top:22px;padding:18px;display:grid}.transport-button{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:68px;height:68px;transition:background .12s,transform 80ms;display:grid;box-shadow:0 8px 20px #d94b2b40}.transport-button:hover{background:var(--accent-dark)}.transport-button:active{transform:scale(.96)}.transport-button.playing{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);background:#fff}.play-triangle{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid;width:0;height:0;margin-left:5px}.tempo-control{grid-template-columns:minmax(140px,auto) minmax(110px,1fr);align-items:end;column-gap:18px;display:grid}.tempo-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;margin-bottom:4px;font-size:.67rem;font-weight:750}.tempo-number-row{align-items:center;gap:7px;display:flex}.tempo-number-row>button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:8px;flex:none;place-items:center;display:grid}.tempo-number-row>button:hover{border-color:var(--ink);color:var(--ink)}.tempo-number-row label{align-items:baseline;gap:4px;display:flex;position:relative}.tempo-number-row input{letter-spacing:-.07em;text-align:center;appearance:textfield;background:0 0;border:0;outline:0;width:94px;padding:0;font-size:2.65rem;font-weight:830;line-height:1}.tempo-number-row input::-webkit-inner-spin-button{appearance:none;margin:0}.tempo-number-row input::-webkit-outer-spin-button{appearance:none;margin:0}.tempo-number-row small{color:var(--muted);font-size:.65rem;font-weight:800}input[type=range]{height:4px;accent-color:var(--accent);border-radius:999px}.tempo-slider{width:100%;margin-bottom:13px}.tap-button{border:1px solid var(--line-strong);width:58px;height:58px;color:var(--ink);background:#fff;border-radius:12px;place-items:center;display:grid;box-shadow:0 2px 7px #352b1d0d}.tap-button:hover{border-color:var(--accent);color:var(--accent-dark)}.tap-button span{align-self:end;font-size:.78rem;font-weight:850}.tap-button small{color:var(--muted-light);align-self:start;font-size:.57rem}.count-status{min-height:25px;color:var(--muted);text-align:center;padding-top:8px;font-size:.72rem;font-weight:700}.beat-pattern{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px;margin-top:7px;display:grid}.beat-pattern>button{border:1px solid var(--line);min-width:0;height:58px;color:var(--muted);background:#fff;border-radius:9px;place-items:center;transition:border-color 80ms linear,background 80ms linear;display:grid;position:relative}.beat-pattern>button:hover{border-color:var(--line-strong)}.beat-pattern>button.accent{border-color:var(--green);color:#fff;background:var(--green)}.beat-pattern>button.mute{color:var(--muted-light);opacity:.62;background:repeating-linear-gradient(-45deg,#f1eee7,#f1eee7 4px,#e9e5dc 4px 5px)}.beat-pattern>button.current{border-color:var(--accent);box-shadow:0 0 0 2px #d94b2b29}.beat-number{font-size:.78rem;font-weight:850}.beat-pulses{justify-content:center;gap:3px;display:flex;position:absolute;bottom:6px;left:7px;right:7px}.beat-pulses span{opacity:.28;background:currentColor;border-radius:50%;width:4px;height:4px}.beat-pulses span.active{background:var(--accent);opacity:1;box-shadow:0 0 0 3px #d94b2b26}.beat-pattern-help{color:var(--muted-light);justify-content:flex-end;align-items:center;gap:5px;margin-top:7px;font-size:.6rem;display:flex}.beat-pattern-help span{border:1px solid var(--line-strong);background:var(--green);border-radius:2px;width:7px;height:7px;margin-left:4px}.beat-pattern-help span:nth-child(2){background:#fff}.beat-pattern-help span:nth-child(3){background:repeating-linear-gradient(-45deg,#eee 0 2px,#ddd 2px 3px)}.essential-settings{grid-template-columns:minmax(280px,1fr) 100px 100px 130px;gap:10px;margin-top:20px;display:grid}.subdivision-control{border:0;min-width:0;margin:0;padding:0}.subdivision-control legend,.select-control>span,.range-control>span{color:var(--muted);letter-spacing:.03em;margin-bottom:6px;font-size:.66rem;font-weight:750;display:block}.subdivision-control>div{border:1px solid var(--line);background:#f5f2ea;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.subdivision-control button{min-height:35px;color:var(--muted);background:0 0;border-radius:7px;padding:6px;font-size:.7rem;font-weight:750}.subdivision-control button.active{color:#fff;background:var(--ink)}.select-control{align-content:end;display:grid}.select-control select{border:1px solid var(--line);background-color:#fff;border-radius:9px;outline:0;width:100%;height:44px;padding:0 30px 0 10px;font-size:.76rem;font-weight:700}.advanced-settings{border-top:1px solid var(--line);margin-top:18px}.advanced-settings summary{min-height:47px;color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:.75rem;font-weight:800;list-style:none;display:flex}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary svg:last-child{margin-left:auto;transition:transform .16s}.advanced-settings[open] summary svg:last-child{transform:rotate(180deg)}.advanced-settings-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:3px 0 2px;display:grid}.settings-group{border:1px solid var(--line);background:#faf8f3;border-radius:11px;align-content:start;gap:13px;padding:16px;display:grid}.settings-group h3{align-items:center;gap:7px;font-size:.77rem;display:flex}.full-width,.range-control{display:block}.range-control>span{justify-content:space-between;display:flex}.range-control output{color:var(--ink)}.range-control input{width:100%}.trainer-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.trainer-heading p{max-width:250px;color:var(--muted);margin-top:5px;font-size:.68rem;line-height:1.4}.switch-control{cursor:pointer;align-items:center;gap:6px;display:flex}.switch-control input{opacity:0;pointer-events:none;position:absolute}.switch-control>span{background:var(--line-strong);border-radius:999px;width:34px;height:20px;transition:background .12s;position:relative}.switch-control>span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .12s;position:absolute;top:3px;left:3px}.switch-control input:checked+span{background:var(--green)}.switch-control input:checked+span:after{transform:translate(14px)}.switch-control input:focus-visible+span{outline-offset:2px;outline:3px solid #d94b2b4d}.switch-control b{min-width:20px;color:var(--muted);font-size:.65rem}.trainer-fields{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.trainer-fields label{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:8px;display:grid}.trainer-fields label>span{color:var(--muted);grid-column:1/-1;margin-bottom:3px;font-size:.58rem;font-weight:700}.trainer-fields input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:.85rem;font-weight:800}.trainer-fields small{color:var(--muted-light);font-size:.54rem}.practice-footer{width:min(100%,1080px);color:var(--muted-light);text-align:center;margin:13px auto 0;padding:0 5px;font-size:.66rem;line-height:1.5}.exercise-editor{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(680px,100vw - 28px);max-height:min(820px,100vh - 28px);color:var(--ink);background:var(--panel);padding:0;overflow:hidden;box-shadow:0 24px 80px #1d1d1a3d}.exercise-editor::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d1d1a7a}.exercise-editor form{grid-template-rows:auto minmax(0,1fr) auto;max-height:min(820px,100vh - 28px);display:grid}.editor-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 18px;display:flex}.editor-header .eyebrow{margin-bottom:5px}.editor-header h2{letter-spacing:-.03em;font-size:1.35rem}.editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:22px 26px 26px;display:grid;overflow-y:auto}.editor-field{align-content:start;gap:7px;min-width:0;display:grid}.editor-field-wide{grid-column:1/-1}.editor-field>span{font-size:.72rem;font-weight:800}.editor-field>span small{color:var(--muted-light);font-weight:600}.editor-field input,.editor-field select,.editor-field textarea{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;min-height:42px;padding:10px 12px}.editor-field textarea{resize:vertical;min-height:66px;line-height:1.45}.editor-field .sticking-input{letter-spacing:.03em;font-family:SFMono-Regular,Consolas,monospace}.editor-field>small{color:var(--muted);font-size:.66rem;line-height:1.45}.editor-field>.field-error{color:var(--accent-dark)}.editor-actions{border-top:1px solid var(--line);background:#f3f1eb80;justify-content:space-between;align-items:center;gap:14px;padding:16px 26px;display:flex}.editor-actions>div{gap:8px;display:flex}.editor-actions button{border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 14px;font-size:.76rem;font-weight:800;display:inline-flex}.reset-button{border:1px solid var(--line);color:var(--muted);background:#fff}@media(max-width:1050px){.practice-workspace{grid-template-columns:295px minmax(0,1fr)}.exercise-mini-pattern{display:none}.exercise-list-item{grid-template-columns:34px minmax(0,1fr)}.exercise-stage-heading{display:grid}.exercise-actions{flex-wrap:wrap}.advanced-settings-content{grid-template-columns:1fr}.essential-settings{grid-template-columns:1fr 1fr}.subdivision-control{grid-column:1/-1}}@media(max-width:780px){.site-header{min-height:64px;padding-inline:15px}.site-header>p,.keyboard-hints{display:none}.practice-workspace{height:auto;display:block}.exercise-browser{border-right:0;border-bottom:1px solid var(--line);width:100%;max-width:100%;min-height:370px;max-height:370px;display:grid}.exercise-list{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-column{padding:18px 12px 28px;overflow:visible}.exercise-stage,.metronome-card{border-radius:16px}.exercise-guidance{grid-template-columns:1fr}.transport-row{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:14px}.transport-button{width:58px;height:58px}.tempo-control{display:block}.tempo-slider{display:none}.essential-settings{grid-template-columns:1fr 1fr}.subdivision-control{grid-column:1/-1}}@media(max-width:520px){.brand-mark{width:36px;height:36px}.exercise-browser{min-height:350px;max-height:350px;padding:14px 10px 10px}.collection-tabs button{white-space:nowrap;gap:3px;padding-inline:3px;font-size:.66rem;overflow:hidden}.exercise-list{grid-template-columns:1fr}.editor-header{padding:20px 18px 16px}.editor-fields{grid-template-columns:1fr;padding:18px}.editor-field-wide{grid-column:auto}.editor-actions{flex-direction:column-reverse;align-items:stretch;padding:14px 18px 18px}.editor-actions>div,.editor-actions button{flex:1}.exercise-stage,.metronome-card{padding:18px 14px}.exercise-stage-heading{gap:16px}.exercise-actions button{flex:1;justify-content:center}.pattern-display{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:100%}.stroke-token{height:62px}.cue-legend a{width:100%;margin-left:0}.session-readout span:last-child{display:none}.transport-row{grid-template-columns:52px minmax(0,1fr) 50px;gap:7px}.transport-button{width:50px;height:50px}.tap-button{width:48px;height:50px}.tempo-number-row{gap:2px}.tempo-number-row>button{width:26px;height:30px}.tempo-number-row input{width:63px;font-size:2rem}.tempo-number-row small,.tempo-label{display:none}.beat-pattern{grid-template-columns:repeat(4,minmax(42px,1fr))}.beat-pattern-help{display:none}.subdivision-control>div{grid-template-columns:repeat(2,1fr)}.trainer-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.metronome-card{width:min(100%,980px);box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:20px;padding:0}.metro-header{justify-content:space-between;align-items:flex-end;gap:24px;padding:2px 2px 14px;display:flex}.metro-header h2{letter-spacing:0;font-size:1.6rem}.metro-status{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.metro-status span{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#fffefabf;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-size:.68rem;font-weight:750;display:inline-flex}.metro-transport-card,.metro-timer-card,.metro-beat-card,.metro-controls-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;box-shadow:0 8px 24px #352b1d0f}.metro-transport-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:18px 20px;display:grid}.metro-play-button{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:64px;height:64px;transition:background .12s,transform 80ms;display:grid;box-shadow:0 7px 18px #d94b2b38}.metro-play-button:hover{background:var(--accent-dark)}.metro-play-button:active{transform:scale(.96)}.metro-play-button.playing{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);background:#fff}.metro-tempo{grid-template-columns:minmax(195px,auto) minmax(130px,1fr);align-items:end;gap:5px 22px;display:grid}.metro-control-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;font-size:.65rem;font-weight:780;display:flex}.metro-tempo>.metro-control-label{grid-column:1/-1}.metro-timer-actions button,.metro-click-density button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:8px;flex:none;place-items:center;display:grid}.metro-timer-actions button:hover,.metro-click-density button:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.metro-tempo-slider{width:100%;margin-bottom:13px}.metro-tap-button{border:1px solid var(--line-strong);background:#fff;border-radius:10px;place-items:center;width:56px;height:56px;display:grid}.metro-tap-button:hover{border-color:var(--accent);color:var(--accent-dark)}.metro-tap-button span{align-self:end;font-size:.77rem;font-weight:850}.metro-tap-button small{color:var(--muted-light);align-self:start;font-size:.56rem}.metro-playback-status{min-height:30px;color:var(--muted);text-align:center;padding:7px 4px 5px;font-size:.7rem;font-weight:700}.metro-audio-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px;display:grid}.metro-channel-toggle{border:1px solid var(--line);cursor:pointer;background:#fffefaa6;border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;min-height:62px;padding:10px 13px;transition:border-color .12s,background .12s;display:grid}.metro-channel-toggle.active{background:var(--green-soft);border-color:#bdd2c9}.metro-channel-toggle input{opacity:0;pointer-events:none;position:absolute}.metro-channel-switch{background:var(--line-strong);border-radius:999px;width:40px;height:24px;transition:background .12s;position:relative}.metro-channel-switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .12s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1d1d1a38}.metro-channel-toggle input:checked+.metro-channel-switch{background:var(--green)}.metro-channel-toggle input:checked+.metro-channel-switch i{transform:translate(16px)}.metro-channel-toggle input:focus-visible+.metro-channel-switch{outline-offset:2px;outline:3px solid #d94b2b4d}.metro-channel-copy{gap:3px;display:grid}.metro-channel-copy strong{align-items:center;gap:6px;font-size:.74rem;display:flex}.metro-channel-copy small{color:var(--muted);font-size:.63rem}.metro-audio-channels>p{color:var(--muted);text-align:center;grid-column:1/-1;margin-top:-2px;font-size:.64rem}.metro-timer-card{text-align:center;padding:18px 22px 20px}.metro-timer-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.metro-mode-switch{border:1px solid var(--line);background:#f5f2ea;border-radius:9px;grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;display:inline-grid}.metro-mode-switch button{min-height:31px;color:var(--muted);background:0 0;border-radius:6px;padding:5px 11px;font-size:.69rem;font-weight:750}.metro-mode-switch button.active{color:#fff;background:var(--ink)}.metro-timer-actions{gap:5px;display:flex}.metro-timer-display{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:0;margin:10px auto 8px;font-size:4.8rem;font-weight:820;line-height:1;display:block}.metro-progress{background:#e9e4da;border-radius:4px;width:min(100%,560px);height:4px;margin:0 auto 17px;overflow:hidden}.metro-progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s linear;display:block}.metro-presets{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.metro-presets button{border:1px solid var(--line);min-width:48px;min-height:34px;color:var(--muted);background:#fff;border-radius:8px;padding:6px 11px;font-size:.7rem;font-weight:780}.metro-presets button:hover:not(:disabled),.metro-presets button.active{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.metro-custom-time{justify-content:center;align-items:end;gap:6px;margin-top:10px;display:flex}.metro-custom-time label{color:var(--muted);text-align:left;gap:4px;font-size:.62rem;font-weight:700;display:grid}.metro-custom-time input{border:1px solid var(--line);background:#fff;border-radius:8px;width:84px;height:36px;padding:0 9px}.metro-custom-time button{color:#fff;background:var(--green);border-radius:8px;height:36px;padding:0 13px;font-size:.7rem;font-weight:780}.metro-stop-option{width:max-content;max-width:100%;color:var(--muted);cursor:pointer;align-items:center;gap:7px;margin:14px auto 0;font-size:.66rem;font-weight:700;display:flex}.metro-stop-option input{opacity:0;pointer-events:none;position:absolute}.metro-stop-option>span{background:var(--line-strong);border-radius:9px;flex:none;width:30px;height:18px;position:relative}.metro-stop-option>span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .12s;position:absolute;top:3px;left:3px}.metro-stop-option input:checked+span{background:var(--green)}.metro-stop-option input:checked+span:after{transform:translate(12px)}.metro-stop-option input:focus-visible+span{outline-offset:2px;outline:3px solid #d94b2b4d}.metro-beat-card{margin-top:12px;padding:20px}.metro-beat-heading{text-align:center;justify-content:center;align-items:center;gap:12px;display:flex}.metro-beat-heading h3{letter-spacing:0;font-size:.95rem}.metro-beat-heading h3 span{color:var(--muted);font-weight:650}.metro-beat-heading p{color:var(--muted);margin-top:4px;font-size:.65rem}.metro-beat-heading select{border:1px solid var(--line);background:#fff;border-radius:8px;height:34px;padding:0 24px 0 8px;font-size:.68rem;font-weight:750}.metro-beat-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:16px;display:grid}.metro-beat-group{border:1px solid var(--line);background:#faf8f3;border-radius:9px;min-width:0;padding:10px;transition:border-color .1s,box-shadow .1s}.metro-beat-group.current{border-color:var(--accent);box-shadow:0 0 0 2px #d94b2b1f}.metro-beat-group>strong{color:var(--muted);letter-spacing:.03em;text-align:center;text-transform:uppercase;margin-bottom:8px;font-size:.64rem;display:block}.metro-beat-group>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.metro-beat-group button{border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;min-width:0;height:42px;display:grid;position:relative}.metro-beat-group button span{background:var(--green);border-radius:50%;width:8px;height:8px}.metro-beat-group button.accent{border-color:var(--accent);background:var(--accent-soft)}.metro-beat-group button.accent span{background:var(--accent);width:12px;height:12px}.metro-beat-group button.mute{opacity:.58;background:repeating-linear-gradient(-45deg,#f1eee7,#f1eee7 4px,#e6e1d7 4px 5px)}.metro-beat-group button.mute span{background:var(--muted-light);border-radius:2px;width:10px;height:2px}.metro-beat-group button.current:after{border:2px solid var(--accent);content:"";pointer-events:none;border-radius:9px;position:absolute;inset:-3px}.metro-click-legend{color:var(--muted-light);flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:9px;font-size:.59rem;display:flex}.metro-click-legend span{align-items:center;gap:4px;display:flex}.metro-click-legend i{background:var(--green);border-radius:50%;width:8px;height:8px}.metro-click-legend i.accent{background:var(--accent)}.metro-click-legend i.mute{background:var(--muted-light);border-radius:2px;height:2px}.metro-controls-card{grid-template-columns:minmax(175px,.8fr) 120px minmax(155px,1fr) minmax(155px,1fr);align-items:center;gap:24px;margin-top:12px;padding:17px 20px;display:grid}.metro-click-density{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;display:grid}.metro-click-density>.metro-control-label{grid-column:1/-1}.metro-click-density>div{align-items:center;gap:7px;display:flex}.metro-click-density output{width:36px;color:var(--ink);text-align:center;font-size:1.55rem;font-weight:820}.metro-click-density small{color:var(--muted);font-size:.68rem;font-weight:720}.metro-select-control,.metro-volume-control{gap:8px;display:grid}.metro-select-control select{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:40px;padding:0 28px 0 10px;font-size:.72rem;font-weight:720}.metro-volume-control output{color:var(--ink);margin-left:auto}.metro-volume-control input{width:100%}@media(max-width:920px){.metronome-card{width:min(100%,760px)}.metro-controls-card{grid-template-columns:1fr 120px}.metro-volume-control{grid-column:auto}}@media(max-width:620px){.metronome-card{padding:0}.metro-header{align-items:flex-start}.metro-status{max-width:150px}.metro-status span{min-height:27px;padding:4px 7px;font-size:.61rem}.metro-transport-card{grid-template-columns:52px minmax(0,1fr) 48px;gap:8px;padding:14px 12px}.metro-play-button{width:50px;height:50px}.metro-tempo{display:block}.metro-tempo>.metro-control-label,.metro-tempo-slider{display:none}.metro-tap-button{width:46px;height:48px}.metro-timer-card,.metro-beat-card,.metro-controls-card{border-radius:12px;padding:15px 12px}.metro-timer-display{margin-top:14px;font-size:3.65rem}.metro-presets{grid-template-columns:repeat(3,1fr);display:grid}.metro-presets button{min-width:0}.metro-beat-heading{text-align:left;justify-content:space-between;align-items:end}.metro-beat-heading p{display:none}.metro-beat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metro-controls-card{grid-template-columns:1fr 105px;gap:18px 12px}.metro-audio-channels{grid-template-columns:1fr}.metro-audio-channels>p{grid-column:auto}.metro-click-density output{font-size:1.35rem}}@media(max-width:380px){.metro-timer-display{font-size:3.15rem}.metro-mode-switch button{padding-inline:7px}.metro-timer-actions button{width:31px}.metro-beat-grid,.metro-controls-card{grid-template-columns:1fr}.metro-volume-control{grid-column:auto}}.notation-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:38px;margin-bottom:10px;font-size:.68rem;font-weight:800}.notation-card{border:1px solid var(--line-strong);background:#fbfaf6;border-radius:14px;width:100%;min-width:0;overflow:hidden}.notation-viewport{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;width:100%;min-height:168px;overflow:auto hidden}.notation-canvas{color:#151514;width:100%;min-width:360px}.notation-canvas svg{max-width:none;display:block}.notation-highlight-band{fill:var(--accent);opacity:0;pointer-events:none;transition:opacity 90ms linear}.notation-highlight-band.notation-active{opacity:.1}.notation-interactive .notation-highlight-band{cursor:pointer;pointer-events:all}.notation-measure-hit{fill:#0000;stroke:none;opacity:0;pointer-events:none}.notation-interactive .notation-measure-hit{cursor:pointer;pointer-events:all}.notation-measure-hit.notation-selected{fill:var(--accent);stroke:none;opacity:.07}.notation-highlight-band.notation-selected{opacity:.18;stroke:var(--accent-dark);stroke-width:1.25px}.notation-interactive .notation-highlight-band:hover{opacity:.08}.notation-interactive .notation-highlight-band.notation-selected:hover{opacity:.2}.rhythm-playback-band{fill:var(--primary);fill-opacity:0;stroke:var(--primary);stroke-opacity:0;stroke-width:1px;pointer-events:none;transition:fill-opacity 75ms linear,stroke-opacity 75ms linear}.rhythm-sticking-label{fill:var(--foreground);stroke:var(--card);stroke-width:3px;paint-order:stroke fill;font-family:var(--ds-font-body);pointer-events:none;font-size:10px;font-weight:900}.rhythm-playback-band.is-active{fill-opacity:.15;stroke-opacity:1}@media(prefers-reduced-motion:reduce){.rhythm-playback-band{transition:none}}.exercise-editor.score-editor{border-radius:18px;width:calc(100vw - 28px);max-width:none;height:calc(100vh - 28px);max-height:none}.score-editor>form{grid-template-rows:64px minmax(0,1fr) 118px;width:100%;height:100%;max-height:none}.score-editor-header{border-bottom:1px solid var(--line);background:#fffefaf5;grid-template-columns:245px minmax(180px,1fr) auto;align-items:center;gap:18px;padding:0 18px;display:grid}.editor-title-status{align-items:center;gap:12px;min-width:0;display:flex}.editor-title-status h2{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.score-header-actions{align-items:center;gap:7px;display:flex}.header-bpm{border:1px solid var(--line);height:40px;color:var(--muted);white-space:nowrap;background:#fff;border-radius:9px;align-items:center;padding:0 9px;font-size:.68rem;font-weight:750;display:inline-flex}.header-bpm input{background:0 0;border:0;width:46px;padding:0;font-weight:800}.mobile-editor-panel,.sidebar-mobile-heading{display:none}.score-editor-workspace{background:#fbfaf7;grid-template-columns:280px minmax(420px,1fr) 264px;min-height:0;display:grid}.score-sidebar{background:var(--panel);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;min-width:0;overflow-y:auto}.score-details{border-right:1px solid var(--line)}.score-inspector{border-left:1px solid var(--line)}.score-sidebar details{border-bottom:1px solid var(--line)}.score-sidebar summary{color:#45433e;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:49px;padding:12px 18px;font-size:.66rem;font-weight:850;list-style:none;display:flex}.score-sidebar summary::-webkit-details-marker{display:none}.score-sidebar details[open]>summary>svg:not(:last-child){transform:rotate(180deg)}.summary-action{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.sidebar-fields{gap:13px;padding:0 18px 19px;display:grid}.sidebar-fields>label,.tempo-grid label{gap:6px;display:grid}.sidebar-fields label>span,.tempo-grid label>span{font-size:.67rem;font-weight:780}.sidebar-fields label>span small{color:var(--muted-light);font-weight:600}.sidebar-fields input,.sidebar-fields select,.sidebar-fields textarea,.inspector-group input,.inspector-group select,.quick-pattern-panel textarea{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:38px;padding:8px 10px;font-size:.75rem}.sidebar-fields textarea{resize:vertical;line-height:1.45}.tempo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-grid{grid-template-columns:1fr 1fr;gap:6px;padding:0 14px 16px;display:grid}.template-grid button{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:40px;padding:7px;font-size:.66rem;font-weight:700}.template-grid button:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.pattern-generator{grid-template-columns:minmax(0,1fr) 66px;gap:8px;padding:0 14px 16px;display:grid}.pattern-generator label{gap:5px;display:grid}.pattern-generator label span{color:var(--muted);font-size:.61rem;font-weight:750}.pattern-generator input,.tempo-reference-list input,.tempo-reference-list select{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;min-height:36px;padding:7px 8px;font-size:.68rem}.pattern-generator>button{border-radius:8px;grid-column:1/-1;min-height:37px;font-size:.68rem;font-weight:800}.tempo-reference-list{gap:7px;padding:0 14px 16px;display:grid}.tempo-reference-list>p{color:var(--muted);font-size:.65rem;line-height:1.45}.tempo-reference-list>div{grid-template-columns:94px minmax(0,1fr) 30px;gap:5px;display:grid}.tempo-reference-list>div>button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#fff;border-radius:7px;place-items:center;display:grid}.preview-settings{gap:12px;padding:0 16px 17px;display:grid}.preview-settings label{gap:6px;display:grid}.preview-settings label>span{color:var(--muted);font-size:.64rem;font-weight:750}.preview-settings select{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:37px;padding:7px 9px;font-size:.7rem}.preview-settings input[type=range]{width:100%;accent-color:var(--accent)}.section-list{gap:5px;padding:0 12px 15px;display:grid}.section-list>button{text-align:left;background:0 0;border-left:3px solid #0000;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:51px;padding:7px;display:grid}.section-list>button.active{border-left-color:var(--accent);background:linear-gradient(90deg,var(--accent-soft),transparent)}.section-list>button>b{border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.section-list>button>span{gap:3px;min-width:0;display:grid}.section-list strong,.section-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-editor-mini{grid-template-columns:48px minmax(0,1fr);gap:6px;padding:0 14px 15px;display:grid}.section-editor-mini>input{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;min-height:36px;padding:7px 8px;font-size:.68rem}.section-editor-mini>div{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.section-editor-mini button{border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;min-height:34px;display:grid}.section-editor-mini>.select-section-action{min-height:36px;color:var(--green);grid-column:1/-1;justify-content:center;align-items:center;gap:6px;font-size:.66rem;font-weight:800;display:flex}.section-list strong{font-size:.72rem}.section-list small{color:var(--muted);font-size:.62rem}.quick-pattern-panel{gap:8px;padding:0 16px 16px;display:grid}.quick-pattern-panel textarea{font-family:SFMono-Regular,Consolas,monospace;line-height:1.6}.quick-pattern-panel small{color:var(--muted);font-size:.62rem;line-height:1.45}.quick-pattern-panel .secondary-button{border-radius:8px;min-height:38px;font-size:.7rem;font-weight:800}.editor-file-actions{gap:6px;padding:0 14px 16px;display:grid}.editor-file-actions button{border:1px solid var(--line);min-height:39px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:.67rem;font-weight:750;display:flex}.editor-file-actions button:last-child:not(:disabled){color:var(--accent-dark)}.score-canvas-column{grid-template-rows:50px minmax(0,1fr) auto;min-width:0;min-height:0;padding:14px 18px 0;display:grid}.canvas-toolbar{border:1px solid var(--line);background:var(--panel);border-bottom:0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:14px;padding:0 10px;display:flex}.canvas-toolbar>div,.canvas-toolbar-actions{align-items:center;gap:8px;display:flex}.canvas-toolbar strong{font-size:.75rem}.selection-hint{color:var(--muted-light);white-space:nowrap;font-size:.58rem;font-weight:650}.canvas-toolbar-actions button,.meter-control select{background:0 0;border:0;border-radius:7px;place-items:center;min-width:34px;height:34px;padding:0 8px;font-size:.76rem;font-weight:750;display:grid}.canvas-toolbar-actions .bar-action{white-space:nowrap;gap:5px;padding-inline:9px;display:inline-flex}.canvas-toolbar-actions .bar-action.add{color:#fff;background:var(--green)}.canvas-toolbar-actions .bar-action.remove{color:var(--accent-dark)}.canvas-toolbar-actions .bar-action span{font-size:.65rem;font-weight:800}.canvas-toolbar-actions button:hover,.meter-control select:hover{background:var(--paper)}.editor-score-scroll{border:1px solid var(--line);background:linear-gradient(#fffefaf5,#fffefaf5),repeating-linear-gradient(0deg,#0000 0 24px,#1d1d1a05 25px);min-height:0;padding:10px;overflow:auto}.score-editor .notation-card{min-height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding-top:30px;overflow:visible}.score-editor .notation-viewport{overflow:visible}.notation-tempo-mark{z-index:2;font-family:Georgia,serif;font-size:.82rem;font-weight:700;position:absolute;top:14px;left:54px}.notation-interactive{cursor:crosshair;position:relative}.notation-interactive [data-event-id]{cursor:pointer}.notation-interactive [data-event-id]:hover path,.notation-interactive [data-event-id].notation-selected path,.notation-interactive [data-event-id].notation-selected text{stroke:var(--accent)!important;fill:var(--accent)!important}.notation-interactive [data-measure-id].notation-selected path{stroke:var(--accent)!important}.notation-measure-number,.notation-alternate-sticking{fill:var(--muted);font-family:Inter,sans-serif;font-size:10px;font-weight:650}.notation-alternate-sticking{fill:var(--accent-dark);pointer-events:none;font-size:11px}.notation-measure-number{pointer-events:none}.bar-row-actions{gap:8px;width:calc(100% - 80px);margin:8px 40px 30px;display:flex}.add-measure-row,.remove-measure-row{border:1px dashed var(--line-strong);min-width:0;min-height:44px;color:var(--muted);background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:.75rem;font-weight:750;display:flex}.add-measure-row:hover,.remove-measure-row:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.remove-measure-row{color:var(--accent-dark);border-style:solid;flex:0 190px}.editor-validation{align-items:center;gap:7px;min-height:34px;padding:5px 2px;display:flex;overflow-x:auto}.inspector-heading{border-bottom:1px solid var(--line);gap:5px;padding:19px 20px 16px;display:grid}.inspector-heading span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.63rem;font-weight:850}.inspector-heading strong{font-size:.76rem}.inspector-heading small{color:var(--muted);font-size:.61rem;line-height:1.4}.inspector-group,.inspector-toggle{gap:8px;padding:12px 20px 0;display:grid}.inspector-group>span,.inspector-toggle>span{color:#45433e;font-size:.68rem;font-weight:750}.segmented-control{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.inspector-toggle{justify-content:space-between;align-items:center;display:flex}.inspector-divider{border-top:1px solid var(--line);margin:17px 20px 3px}.measure-capacity{gap:6px;padding:15px 20px 5px;display:grid}.measure-capacity span{font-size:.68rem;font-weight:750}.measure-capacity progress{width:100%;height:7px;accent-color:var(--accent)}.measure-capacity small{color:var(--muted);font-size:.61rem}.selection-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:12px 20px 2px;display:grid}.selection-actions button{border:1px solid var(--line);min-height:36px;color:var(--green);background:#fff;border-radius:7px;padding:5px;font-size:.6rem;font-weight:800}.selection-actions button:hover{border-color:var(--green);background:var(--green-soft)}.inspector-action{border-radius:8px;min-height:38px;margin:12px 20px 4px;font-size:.68rem;font-weight:750}.alternate-row{gap:6px;padding:10px 20px 0;display:grid}.alternate-row>span{color:var(--muted);font-size:.62rem;font-weight:750}.alternate-row>div{gap:3px;display:flex;overflow-x:auto}.alternate-row button{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:29px;height:29px;font-size:.66rem;font-weight:800}.measure-danger-actions{grid-template-columns:1fr 1fr;gap:6px;padding:16px 20px;display:grid}.measure-danger-actions button{border:1px solid var(--line);min-height:37px;color:var(--muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:.66rem;font-weight:750;display:flex}.notation-tool-dock{border-top:1px solid var(--line);scrollbar-width:thin;background:#fffefafa;align-items:stretch;min-width:0;padding:10px 14px 8px;display:flex;overflow-x:auto}.notation-tool-group{border-right:1px solid var(--line);flex:none;align-content:start;gap:5px;padding:0 12px;display:grid}.notation-tool-group:first-child{padding-left:0}.notation-tool-group:last-child{border-right:0}.notation-tool-group>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.55rem;font-weight:850}.notation-tool-group>div{gap:5px;display:flex}.notation-tool-group button small{width:58px;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;line-height:1.15;overflow:hidden}.music-glyph{font-family:Georgia,Times New Roman,serif;font-size:1.4rem}.note-value-icon{width:29px;height:32px;overflow:visible}.note-value-icon text{fill:currentColor;font-family:Inter,sans-serif;font-size:8px;font-weight:850}@media(max-width:1120px){.score-editor-workspace{grid-template-columns:240px minmax(420px,1fr)}.score-inspector{z-index:8;width:min(320px,90vw);display:none;position:absolute;top:64px;bottom:118px;right:0;box-shadow:-16px 0 36px #1d1d1a1f}.score-inspector.mobile-open{display:block}.mobile-editor-panel,.sidebar-mobile-heading{display:flex}.sidebar-mobile-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;padding:9px 16px}.sidebar-mobile-heading button{background:var(--paper);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.save-exercise-button{padding-inline:10px}}@media(max-width:780px){.exercise-editor.score-editor{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}.score-editor>form{grid-template-rows:58px minmax(0,1fr) 103px}.score-editor-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 9px}.editor-back span,.unsaved-indicator,.saved-indicator,.score-header-actions>.icon-button:not(.mobile-editor-panel),.score-header-actions .preview-button,.header-bpm,.save-exercise-button svg{display:none}.editor-back{justify-content:center;width:42px;padding:0}.editor-title-status h2{font-size:.86rem}.save-exercise-button{min-height:44px;padding:7px 10px;font-size:.68rem}.score-editor-workspace{display:block}.score-details,.score-inspector{z-index:10;border-left:1px solid var(--line);width:min(340px,94vw);display:none;position:absolute;inset:58px 0 103px auto;box-shadow:-16px 0 36px #1d1d1a29}.score-details.mobile-open,.score-inspector.mobile-open{display:block}.score-canvas-column{width:100%;height:100%;padding:8px 8px 0}.canvas-toolbar{padding-inline:7px}.canvas-toolbar strong,.selection-hint,.canvas-toolbar-actions button:nth-of-type(2),.canvas-toolbar-actions button:nth-of-type(3),.canvas-toolbar-actions .bar-action span{display:none}.bar-row-actions{width:calc(100% - 20px);margin-inline:10px}.editor-score-scroll{padding:4px}.score-editor .notation-card{min-width:620px}.notation-tool-dock{padding:8px}.notation-tool-group{padding-inline:8px}.notation-tool-group button{grid-template-rows:31px auto;min-width:50px;height:64px}}.notation-canvas [data-notation-index].notation-active,.notation-canvas [data-notation-index].notation-active path,.notation-canvas [data-notation-index].notation-active text{fill:var(--accent)!important;stroke:var(--accent)!important}.notation-canvas text[data-notation-index].notation-active,.notation-canvas [data-notation-index].notation-active text{font-weight:800!important}@media(max-width:780px){.notation-label{margin-top:30px}}@media(max-width:520px){.notation-card{border-radius:11px}.notation-viewport{min-height:158px}}}:root{--ds-font-body:"IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--ds-font-heading:"Barlow Condensed", Impact, "Arial Narrow", sans-serif;--ds-background:#f5f2ea;--ds-foreground:#0b0c0b;--ds-card:#fffef9;--ds-card-foreground:#0b0c0b;--ds-popover:#fffef9;--ds-popover-foreground:#0b0c0b;--ds-primary:#d83d12;--ds-primary-foreground:#fff;--ds-secondary:#0b0d0c;--ds-secondary-foreground:#f7f5ef;--ds-muted:#e8e5dd;--ds-muted-foreground:#65635c;--ds-accent:#fbe4db;--ds-accent-foreground:#0b0c0b;--ds-destructive:#b3261e;--ds-success:#1f6b45;--ds-success-foreground:#fff;--ds-warning:#875400;--ds-warning-foreground:#fff;--ds-border:#171817;--ds-input:#b8b5ad;--ds-ring:#f24a1d;--background:var(--ds-background);--foreground:var(--ds-foreground);--card:var(--ds-card);--card-foreground:var(--ds-card-foreground);--popover:var(--ds-popover);--popover-foreground:var(--ds-popover-foreground);--primary:var(--ds-primary);--primary-foreground:var(--ds-primary-foreground);--secondary:var(--ds-secondary);--secondary-foreground:var(--ds-secondary-foreground);--muted:var(--ds-muted);--muted-foreground:var(--ds-muted-foreground);--accent:var(--ds-accent);--accent-foreground:var(--ds-accent-foreground);--destructive:var(--ds-destructive);--border:var(--ds-border);--input:var(--ds-input);--ring:var(--ds-ring);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:0rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--ds-background:#0b0d0c;--ds-foreground:#f7f5ef;--ds-card:#171918;--ds-card-foreground:#f7f5ef;--ds-popover:#171918;--ds-popover-foreground:#f7f5ef;--ds-primary:#ff6035;--ds-primary-foreground:#0b0c0b;--ds-secondary:#f7f5ef;--ds-secondary-foreground:#0b0c0b;--ds-muted:#242625;--ds-muted-foreground:#c9cbc6;--ds-accent:#482116;--ds-accent-foreground:#fff6f2;--ds-destructive:#ff8a78;--ds-success:#75d6a2;--ds-success-foreground:#0b0d0c;--ds-warning:#f2bd62;--ds-warning-foreground:#0b0d0c;--ds-border:#777a75;--ds-input:#696c68;--ds-ring:#ff6035;--background:var(--ds-background);--foreground:var(--ds-foreground);--card:var(--ds-card);--card-foreground:var(--ds-card-foreground);--popover:var(--ds-popover);--popover-foreground:var(--ds-popover-foreground);--primary:var(--ds-primary);--primary-foreground:var(--ds-primary-foreground);--secondary:var(--ds-secondary);--secondary-foreground:var(--ds-secondary-foreground);--muted:var(--ds-muted);--muted-foreground:var(--ds-muted-foreground);--accent:var(--ds-accent);--accent-foreground:var(--ds-accent-foreground);--destructive:var(--ds-destructive);--border:var(--ds-border);--input:var(--ds-input);--ring:var(--ds-ring);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value: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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}:root{color-scheme:light;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;color:#0b0c0b;background:#f5f2ea;--ink: #0b0c0b;--paper: #f5f2ea;--panel: #fffef9;--panel-strong: #ffffff;--rail: #0b0d0c;--rail-raised: #171918;--rail-text: #f7f5ef;--rail-muted: #a9aba5;--muted: #65635c;--muted-light: #807d75;--line: #171817;--line-strong: #171817;--line-muted: #b8b5ad;--accent: #f24a1d;--accent-dark: #c92f0b;--accent-soft: #fbe4db;--green: #0b0c0b;--green-soft: #e8e5dd;--warning: #875400;--warning-soft: #fff0cf;--error: #b3261e;--error-soft: #fbe3df;--shadow: 5px 5px 0 #0b0c0b;--shadow-control: 4px 4px 0 #0b0c0b;--radius-sm: 0;--radius: 0;--radius-lg: 0;--practice-sidebar-width: 304px;--practice-control-bar-height: 126px;--practice-control-bar-reserve: calc(var(--practice-control-bar-height) + env(safe-area-inset-bottom));--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px}[data-slot=progress].metro-progress{width:100%;height:7px;border-radius:0;background:#d5d1c8}[data-slot=progress].metro-progress [data-slot=progress-indicator],.measure-capacity [data-slot=progress-indicator]{background:var(--accent)}.metro-mode-switch [data-slot=toggle-group-item]{position:relative;display:grid;min-height:38px;place-items:center;border:0;border-right:1px solid var(--ink);border-radius:0;color:var(--muted);background:transparent;cursor:pointer;font-size:.64rem;font-weight:700;text-transform:uppercase}.metro-mode-switch [data-slot=toggle-group-item]:last-child{border-right:0}.metro-mode-switch [data-slot=toggle-group-item].active{color:var(--panel);background:var(--ink)}.metro-mode-switch [data-slot=toggle-group-item]:focus-visible{z-index:1;outline:3px solid var(--accent);outline-offset:3px}.metro-channel-switch [data-slot=switch-thumb]{width:17px;height:17px;border:1px solid var(--ink);border-radius:0;background:var(--panel)}.metro-channel-switch[data-state=checked],.metro-channel-switch[data-checked],.metro-stop-switch[data-state=checked],.metro-stop-switch[data-checked]{background:var(--accent)}.metro-channel-switch[data-state=checked] [data-slot=switch-thumb],.metro-channel-switch[data-checked] [data-slot=switch-thumb]{transform:translate(20px)}.metro-stop-switch{width:42px;height:24px;border:2px solid var(--ink);border-radius:0;background:#b9b6ae}.metro-stop-switch [data-slot=switch-thumb]{width:14px;height:14px;border:1px solid var(--ink);border-radius:0;background:var(--panel)}.metro-stop-switch[data-state=checked] [data-slot=switch-thumb],.metro-stop-switch[data-checked] [data-slot=switch-thumb]{transform:translate(18px)}.measure-capacity [data-slot=progress]{width:100%;height:7px;border-radius:0}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0;background:var(--paper)}body{min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--paper)}button,input,select,textarea{border-radius:0}button{font-family:inherit;appearance:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled,input:disabled,select:disabled{opacity:.4}h1,h2,h3,.library-brand strong,.mobile-app-header strong,.save-exercise-button{font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif}input[type=range]{height:5px;border-radius:0;accent-color:var(--accent)}.app-shell{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--paper)}.site-header,.mobile-app-header{display:none}.practice-workspace{display:grid;width:100%;height:100%;grid-template-columns:var(--practice-sidebar-width) minmax(0,1fr);background:var(--paper)}.library-zone,.practice-column,.session-zone{min-width:0;min-height:0}.library-zone{position:relative;z-index:3;overflow:hidden;border-right:2px solid var(--ink);color:var(--rail-text);background:var(--rail)}.exercise-browser{display:grid;width:100%;height:100%;min-height:0;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:12px;padding:24px 22px 18px;overflow:hidden;max-height:none;border:0;color:var(--rail-text);background:var(--rail)}.library-brand{display:flex;min-height:86px;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:17px;border-bottom:2px solid #777a75}.library-brand>div{display:grid;gap:4px}.library-brand strong{color:var(--rail-text);font-size:3rem;font-weight:900;line-height:.82;letter-spacing:-.035em;text-transform:uppercase}.library-brand span{color:var(--rail-muted);font-size:.66rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.library-brand button,.session-zone-header>button{display:none;width:44px;height:44px;place-items:center;border:1px solid var(--line-muted);color:inherit;background:transparent}.collection-tabs{display:grid;grid-template-columns:1fr;gap:8px;padding:0;border:0;background:transparent}.collection-tabs button{display:grid;min-height:50px;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:initial;gap:10px;padding:0 13px;border:1px solid #6e716d;color:var(--rail-text);background:transparent;font-size:.76rem;font-weight:600;letter-spacing:.025em;text-align:left;text-transform:uppercase}.collection-tabs button:hover{border-color:var(--rail-text);background:var(--rail-raised)}.collection-tabs button.active{color:var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--accent)}.collection-tabs button span{display:grid;min-width:27px;height:24px;place-items:center;border:1px solid currentColor;border-radius:0;background:transparent;font-size:.67rem}.collection-tabs button.active span{background:transparent}.collection-tree{display:grid;max-height:min(44vh,460px);gap:12px;padding:2px 0 10px;overflow-y:auto;border-bottom:1px solid #555854;scrollbar-color:#555854 transparent}.collection-section{display:grid;gap:0;border:1px solid #60635f;background:#111310}.collection-section>header{display:grid;min-height:45px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:7px 9px;border-bottom:1px solid #4b4e4a}.collection-section-icon{display:grid;width:27px;height:27px;place-items:center;border:1px solid currentColor}.collection-section>header>span:last-child{display:grid;gap:1px;min-width:0}.collection-section>header strong{font-size:.67rem;letter-spacing:.1em;line-height:1.1}.collection-section>header small{color:var(--rail-muted);font-size:.57rem;letter-spacing:.025em}.collection-section-official{border-color:#777a75;box-shadow:inset 4px 0 0 var(--accent)}.collection-section-official .collection-section-icon{color:var(--accent)}.collection-section-private{border-color:var(--paper)}.collection-section-private>header{border-color:var(--paper);color:var(--ink);background:var(--paper)}.collection-section-private>header small{color:#62635e}.collection-section-shared>header{color:var(--rail-text);background:#242722}.collection-section-tree{display:grid;gap:2px;padding:4px}.collection-tree-branch{display:grid;gap:2px}.collection-tree-item{display:grid;width:100%;min-height:34px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:0;padding:0 4px 0 calc(2px + var(--collection-depth) * 15px);border:1px solid transparent;color:var(--rail-muted);background:transparent;font-size:.7rem;font-weight:600}.collection-tree-item:hover{border-color:#6e716d;color:var(--rail-text);background:var(--rail-raised)}.collection-tree-item.active{color:var(--ink);background:var(--paper);box-shadow:inset 4px 0 0 var(--accent)}.collection-toggle{display:grid;width:24px;height:32px;place-items:center;padding:0;border:0;color:inherit;background:transparent}.collection-toggle:disabled{cursor:default}.collection-select{display:grid;min-width:0;min-height:32px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 4px;border:0;color:inherit;background:transparent;font:inherit;text-align:left}.collection-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-select>small{min-width:21px;color:inherit;font-size:.58rem;text-align:right}.collection-chevron{transform:rotate(-90deg);transition:transform .14s ease}.collection-chevron.expanded{transform:rotate(0)}.collection-chevron.empty{visibility:hidden}.selected-collection-heading{display:flex;min-height:30px;align-items:center;justify-content:space-between;color:var(--rail-muted)}.selected-collection-heading>div{display:flex;align-items:center;gap:7px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.collection-heading-actions{display:flex;gap:4px}.collection-heading-actions>button{display:grid;width:30px;height:30px;place-items:center;border:1px solid #6e716d;color:var(--rail-text);background:transparent}.collection-heading-actions>button:hover{border-color:var(--rail-text);background:var(--rail-raised)}.library-error{position:absolute;right:14px;bottom:14px;left:14px;z-index:4;margin:0;padding:10px 12px;border:1px solid var(--accent);color:var(--rail-text);background:var(--rail);font-size:.68rem}.search-field{display:flex;min-height:46px;align-items:center;gap:10px;padding:0 12px;border:1px solid #6e716d;border-radius:0;color:var(--rail-muted);background:transparent}.search-field:focus-within{border-color:var(--rail-text);box-shadow:3px 3px 0 var(--accent)}.search-field input{color:var(--rail-text);font-size:.75rem}.search-field input::placeholder{color:#8d908b}.filter-chips{display:flex;gap:5px;padding:0;overflow-x:auto}.filter-chips button{min-height:34px;padding:6px 9px;border:1px solid #696c68;border-radius:0;color:var(--rail-muted);background:transparent;font-size:.65rem}.filter-chips button.active{border-color:var(--paper);color:var(--ink);background:var(--paper)}.exercise-list{display:grid;min-height:0;align-content:start;gap:0;padding:2px 0 24px;overflow-y:auto;scrollbar-color:#555854 transparent}.exercise-list-row{min-width:0;border-bottom:1px solid #3d403d}.exercise-list-item{position:relative;display:grid;width:100%;min-height:48px;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:7px;padding:6px 10px;border:0;border-radius:0;color:var(--rail-text);background:transparent;box-shadow:none;text-align:left;transition:background 90ms linear,color 90ms linear}.exercise-list-item:hover{border:0;background:var(--rail-raised)}.exercise-list-item.selected{color:var(--ink);background:var(--paper);box-shadow:inset 5px 0 0 var(--accent)}.exercise-index{display:block;width:auto;height:auto;border-radius:0;color:var(--rail-muted);background:transparent;font-size:.68rem;font-weight:600}.selected .exercise-index{color:var(--ink);background:transparent}.exercise-list-copy{gap:2px}.exercise-list-copy strong{font-size:.72rem;font-weight:600;letter-spacing:.005em;text-transform:uppercase}.exercise-list-copy small{color:var(--rail-muted);font-size:.58rem}.selected .exercise-list-copy small{color:#575951}.empty-search{padding:30px 12px;border:1px dashed #696c68}.empty-search span{color:var(--rail-muted)}.practice-column{width:100%;height:100%;padding:0;overflow-y:auto;background:var(--panel)}.exercise-stage{position:relative;display:flex;width:100%;min-height:calc(100vh - 54px);min-height:calc(100dvh - 54px);flex-direction:column;margin:0;padding:clamp(30px,4vw,62px) clamp(28px,4vw,72px) calc(var(--practice-control-bar-reserve) + 12px);border:0;border-radius:0;background:var(--panel);box-shadow:none}.exercise-stage-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.eyebrow,.notation-label,.metro-control-label{color:var(--accent-dark);font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.exercise-stage h1{max-width:820px;margin-top:4px;font-size:clamp(3.6rem,6vw,6.9rem);font-weight:900;line-height:.86;letter-spacing:-.035em;text-transform:uppercase;overflow-wrap:anywhere}.exercise-stage-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.exercise-title-edit{display:inline-flex;min-width:48px;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:8px 11px;border:1px solid var(--ink);color:var(--ink);background:var(--panel);font-size:.68rem;font-weight:700;text-transform:uppercase}.exercise-title-edit:hover{color:var(--panel);background:var(--ink)}.notation-label{margin:30px 0 8px;color:var(--muted)}.notation-card{width:100%;min-width:0;overflow:hidden;border:0;border-radius:0;background:var(--panel)}.notation-viewport{min-height:200px;overflow-x:auto;overflow-y:hidden}.notation-canvas{color:var(--ink)}.notation-highlight-band{fill:var(--accent);rx:0;transition:opacity 70ms linear}.notation-highlight-band.notation-active{opacity:.15}.notation-canvas [data-notation-index].notation-active,.notation-canvas [data-notation-index].notation-active path,.notation-canvas [data-notation-index].notation-active text{fill:var(--accent)!important;stroke:var(--accent)!important}.session-zone,.session-zone-header{display:none}.metronome-card,.metronome-card.session-rail{width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.metro-header,.session-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 0 16px;border-bottom:2px solid var(--ink)}.metro-header .eyebrow{margin-bottom:3px;color:var(--muted)}.metro-header h2,.session-header h2{font-size:2.25rem;font-weight:900;line-height:.9;text-transform:uppercase}.session-state{display:inline-flex;min-height:30px;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--ink);color:var(--ink);background:var(--panel);font-size:.62rem;font-weight:700;text-transform:uppercase}.session-state.complete{color:var(--ink);background:var(--accent)}.session-section{padding:18px 0;border-bottom:1px solid var(--ink)}.session-tempo{display:grid;grid-template-columns:1fr;gap:10px}.session-tempo h3{margin:0}.session-tap-button,.metro-tap-button{position:relative;display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:10px;border:2px solid var(--ink);border-radius:0;color:var(--ink);background:transparent;box-shadow:none;font-size:.75rem;font-weight:700;text-transform:uppercase}.session-tap-button:hover{color:var(--panel);background:var(--ink)}.session-tap-button small{position:absolute;top:50%;right:14px;align-self:auto;color:inherit;line-height:1;transform:translateY(-50%)}.session-tap-button span,.metro-tap-button span{align-self:center}.metro-tap-button small{position:absolute;top:50%;right:14px;align-self:auto;line-height:1;transform:translateY(-50%)}.metro-timer-card{display:grid;gap:10px;margin:0;padding:18px 0;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent}.session-section-heading h3,.metro-control-label{display:flex;align-items:center;gap:6px;margin:0;color:var(--ink)}.metro-timer-display{display:block;padding:10px 10px 8px;border:2px solid var(--ink);color:var(--ink);background:var(--panel);font-size:clamp(3rem,4vw,4rem);font-weight:500;line-height:1;letter-spacing:.03em;text-align:center}progress.metro-progress{width:100%;height:7px;border:0;border-radius:0;background:#d5d1c8}progress.metro-progress::-webkit-progress-bar{background:#d5d1c8}progress.metro-progress::-webkit-progress-value{background:var(--accent)}progress.metro-progress::-moz-progress-bar{background:var(--accent)}.metro-mode-switch,.metro-presets{display:grid;min-width:0;margin:0;padding:0;border:0}.metro-mode-switch{grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ink)}.metro-mode-switch label{position:relative;display:grid;min-height:38px;place-items:center;border-right:1px solid var(--ink);color:var(--muted);background:transparent;cursor:pointer;font-size:.64rem;font-weight:700;text-transform:uppercase}.metro-mode-switch label:last-child{border-right:0}.metro-mode-switch label.active{color:var(--panel);background:var(--ink)}.metro-mode-switch input{position:absolute;opacity:0}.metro-mode-switch label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px;z-index:1}.metro-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.metro-presets button{min-width:0;min-height:36px;padding:4px;border:1px solid var(--ink);color:var(--muted);background:transparent;font-size:.61rem;font-weight:700}.metro-presets button.active{color:var(--panel);background:var(--ink)}.metro-presets button:hover:not(:disabled){border-color:var(--ink);color:var(--panel);background:var(--ink)}.metro-custom-time{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.metro-custom-time label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--ink);font-size:.65rem}.metro-custom-time input{min-width:0;border:0;outline:0;background:transparent}.metro-custom-time button{border:1px solid var(--ink);color:var(--panel);background:var(--ink);font-size:.65rem;font-weight:700}.session-select-control,.metro-select-control{display:grid;gap:7px;padding:16px 0;border-bottom:1px solid var(--ink)}.session-select-control select,.metro-select-control select{width:100%;min-height:46px;padding:0 32px 0 11px;border:2px solid var(--ink);background:var(--panel);font-size:.75rem;font-weight:600;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231d1d1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.session-audio-channels,.metro-audio-channels{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--ink)}.metro-channel-toggle{display:grid;min-height:54px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border:0;border-bottom:1px solid var(--line-muted);border-radius:0;background:transparent;cursor:pointer}.metro-channel-toggle:last-of-type{border-bottom:0}.metro-channel-toggle.active{border-color:transparent;background:transparent}.metro-channel-toggle input{position:absolute;opacity:0}.metro-channel-switch{position:relative;display:block;width:48px;height:27px;grid-column:3;border:2px solid var(--ink);border-radius:0;background:#b9b6ae}.metro-channel-switch i{position:absolute;top:3px;left:3px;width:17px;height:17px;border:1px solid var(--ink);border-radius:0;background:var(--panel);transition:transform .1s linear}.metro-channel-toggle input:checked+.metro-channel-switch{background:var(--accent)}.metro-channel-toggle input:checked+.metro-channel-switch i{transform:translate(20px)}.metro-channel-copy{display:grid;grid-column:1 / 3;grid-row:1;gap:3px}.metro-channel-copy strong{display:flex;align-items:center;gap:7px;font-size:.75rem;text-transform:uppercase}.metro-channel-copy small{color:var(--muted);font-size:.62rem}.session-audio-channels>p{padding:9px;border:1px dashed var(--ink);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem}.session-transport-actions{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:stretch;gap:10px;margin:20px 5px 20px 0}.session-complete{margin:20px 0;padding:16px;border:2px solid var(--ink);background:var(--accent-soft)}.session-complete>div{display:grid;justify-items:start;gap:5px;margin-bottom:14px}.session-complete h3{font-size:1.8rem;text-transform:uppercase}.session-complete p{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem}.metro-click-settings{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.metro-click-settings>summary{display:flex;min-height:54px;align-items:center;justify-content:space-between;padding:0;cursor:pointer;font-size:.74rem;font-weight:700;letter-spacing:.04em;list-style:none;text-transform:uppercase}.metro-click-settings>summary:after{content:"+";font-size:1.45rem}.metro-click-settings[open]>summary:after{content:"−"}.metro-click-settings>summary::-webkit-details-marker{display:none}.metro-click-settings-content{display:grid;gap:15px;padding:4px 0 20px}.metro-click-settings-content .metro-select-control{padding:0;border:0}.metro-click-density{display:grid;gap:7px}.metro-click-density>div{display:grid;grid-template-columns:42px 1fr 42px}.metro-click-density button,.metro-click-density output{display:grid;min-height:42px;place-items:center;border:1px solid var(--ink);background:var(--panel)}.metro-click-density output{border-inline:0;font-size:1.3rem;font-weight:700}.metro-click-density small{color:var(--muted);font-size:.62rem}.metro-beat-card{min-width:0;margin:0;padding:12px;border:1px solid var(--ink);border-radius:0;background:var(--panel)}.metro-beat-card legend{padding-inline:5px;font-size:.68rem;font-weight:700}.metro-beat-card>p{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.63rem;line-height:1.4}.metro-beat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.metro-beat-group{min-width:0;padding:7px;border:1px solid var(--line-muted);border-radius:0}.metro-beat-group.current{border:2px solid var(--accent);padding:6px}.metro-beat-group>strong{display:block;margin-bottom:6px;font-size:.57rem;text-transform:uppercase}.metro-beat-group>div{display:grid;gap:3px}.metro-beat-group button{display:grid;min-width:22px;height:28px;place-items:center;border:1px solid var(--ink);background:var(--panel)}.metro-beat-group button span{display:block;width:8px;height:8px;border:1px solid var(--ink);border-radius:0;background:var(--ink)}.metro-beat-group button.accent{background:var(--ink)}.metro-beat-group button.accent span{background:var(--accent)}.metro-beat-group button.mute{background:repeating-linear-gradient(-45deg,var(--panel) 0 4px,#d8d5cd 4px 5px)}.metro-beat-group button.mute span{background:transparent}.metro-beat-group button.current{outline:3px solid var(--accent);outline-offset:1px}.metro-beat-group button.current:after{display:none}.metro-click-legend{display:flex;flex-wrap:wrap;gap:9px;margin-top:9px;color:var(--muted);font-size:.55rem}.metro-click-legend i{display:inline-block;width:8px;height:8px;border:1px solid var(--ink);border-radius:0}.metro-click-legend i.accent{background:var(--accent)}.metro-click-legend i.normal{background:var(--ink)}.metro-volume-control{display:grid;gap:8px}.metro-volume-control .metro-control-label{justify-content:initial}.metro-volume-control output{margin-left:auto}.metro-stop-option{display:flex;min-height:44px;align-items:center;gap:9px;cursor:pointer;font-size:.68rem;font-weight:600}.metro-stop-option input{position:absolute;opacity:0}.metro-stop-option>span{position:relative;width:42px;height:24px;border:2px solid var(--ink);border-radius:0;background:#b9b6ae}.metro-stop-option>span:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border:1px solid var(--ink);border-radius:0;content:"";background:var(--panel)}.metro-stop-option input:checked+span{background:var(--accent)}.metro-stop-option input:checked+span:after{transform:translate(18px)}.session-reset-actions{display:grid;grid-template-columns:1fr;gap:7px}.session-reset-actions button{display:flex;min-height:44px;align-items:center;justify-content:center;gap:6px;padding:7px;border:1px solid var(--ink);background:transparent;font-size:.62rem;font-weight:600}.practice-control-bar{position:fixed;z-index:25;right:0;bottom:0;left:var(--practice-sidebar-width);display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;border-top:1px solid var(--ink);background:var(--paper);padding-bottom:env(safe-area-inset-bottom)}.practice-control-bar__header{display:flex;align-items:center;min-height:24px;padding:7px clamp(28px,4vw,72px) 6px;border-bottom:1px solid var(--ink)}.practice-control-bar__title{color:var(--accent-dark);font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.practice-control-bar__grid{display:grid;grid-template-columns:28fr 28fr 27fr 17fr;align-items:stretch;min-height:calc(var(--practice-control-bar-height) - 24px)}.practice-control-bar__section{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:10px;padding:12px clamp(18px,2.6vw,32px) 14px}.practice-control-bar__section+.practice-control-bar__section{border-left:1px solid var(--ink)}.practice-control-bar__label{color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.practice-control-bar__transport-row,.practice-control-bar__session-row{display:flex;min-width:0;align-items:center;gap:8px}.practice-control-bar__tempo-value{display:inline-flex;min-width:0;align-items:baseline;gap:6px;flex:0 1 auto;color:var(--ink)}.practice-control-bar__tempo-value strong{font-family:Barlow Condensed,sans-serif;font-size:clamp(2.1rem,2.5vw,2.8rem);font-weight:900;line-height:.9;letter-spacing:-.03em}.practice-control-bar__tempo-value small{color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.practice-control-bar__transport-row,.practice-control-bar__session-row{justify-content:flex-start}.practice-control-bar__timer{display:inline-flex;min-width:0;flex:1 1 auto;align-items:center;justify-content:center;gap:0;min-height:44px;padding:0 14px;border:1px solid var(--ink);color:var(--ink);background:transparent;font-variant-numeric:tabular-nums;font-size:clamp(1.9rem,2.4vw,2.65rem);font-weight:700;letter-spacing:.03em}.practice-control-bar__timer span{font-variant-numeric:tabular-nums}.practice-control-bar__settings{align-items:flex-start}.practice-control-bar__settings-button{width:44px;min-width:44px;align-self:flex-start}.mobile-panel-scrim{display:none}.exercise-editor,.exercise-editor.score-editor{width:calc(100vw - 20px);height:calc(100vh - 20px);height:calc(100dvh - 20px);max-width:none;max-height:none;padding:0;overflow:hidden;border:2px solid var(--ink);border-radius:0;color:var(--ink);background:var(--panel);box-shadow:8px 8px 0 var(--ink)}.exercise-editor::backdrop{background:#0b0c0bb8;-webkit-backdrop-filter:none;backdrop-filter:none}.score-editor>form{grid-template-rows:66px minmax(0,1fr) 116px}.score-editor-header{display:grid;min-width:0;grid-template-columns:240px minmax(160px,1fr) auto;gap:14px;padding:0 16px;border-bottom:2px solid var(--ink);background:var(--panel)}.header-bpm{min-height:42px;border:1px solid var(--ink);border-radius:0;color:var(--ink);background:var(--panel);box-shadow:none}.editor-title-status h2{font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:800;text-transform:uppercase}.header-bpm{font-size:.65rem}.header-bpm input{font-family:IBM Plex Mono,monospace}.score-editor-workspace{grid-template-columns:280px minmax(420px,1fr) 270px;background:var(--paper)}.score-sidebar{border-color:var(--ink);border-width:2px;background:var(--panel)}.score-details{color:var(--rail-text);background:var(--rail)}.score-details details{position:relative;border-bottom:1px solid #555854}.score-details summary,.score-details .panel-section-heading>summary{color:var(--rail-text)}.score-details .panel-section-heading,.score-sidebar details{border-bottom-color:#555854}.score-details .panel-section-heading>button{border-color:#777a75;color:var(--rail-text);background:transparent}.score-details details>.summary-action{position:absolute;z-index:2;top:10px;right:14px}.sidebar-fields input,.sidebar-fields select,.sidebar-fields textarea,.inspector-group input,.inspector-group select,.quick-pattern-panel textarea,.pattern-generator input,.tempo-reference-list input,.tempo-reference-list select,.preview-settings select,.section-editor-mini>input{min-height:42px;border:1px solid var(--ink);border-radius:0;color:var(--ink);background:var(--panel)}.sidebar-fields select,.inspector-group select,.tempo-reference-list select,.preview-settings select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%231d1d1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.score-details .sidebar-fields label>span,.score-details .tempo-grid label>span,.score-details .pattern-generator label span,.score-details .preview-settings label>span,.score-details .quick-pattern-panel small,.score-details .tempo-reference-list>p{color:var(--rail-muted)}.template-grid button,.pattern-generator>button,.tempo-reference-list>div>button,.section-editor-mini button,.editor-file-actions button,.quick-pattern-panel .secondary-button{min-height:40px;border:1px solid #777a75;border-radius:0;color:var(--rail-text);background:transparent}.template-grid button:hover,.pattern-generator>button:hover,.section-editor-mini button:hover,.editor-file-actions button:hover{border-color:var(--paper);color:var(--ink);background:var(--paper)}.section-list>button{border-left:4px solid transparent;border-radius:0;color:var(--rail-text)}.section-list>button.active{border-left-color:var(--accent);color:var(--ink);background:var(--paper)}.section-list>button>b{border:1px solid currentColor;border-radius:0;color:inherit;background:transparent}.section-list small{color:var(--rail-muted)}.section-list>button.active small{color:var(--muted)}.score-canvas-column{grid-template-rows:50px minmax(0,1fr) auto;padding:14px 18px 0;background:var(--paper)}.canvas-toolbar{border:2px solid var(--ink);border-bottom:0;border-radius:0;background:var(--panel)}.canvas-toolbar-actions button,.meter-control select{border-radius:0}.meter-control select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%231d1d1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:22px}.canvas-toolbar-actions button:hover,.meter-control select:hover{color:var(--panel);background:var(--ink)}.canvas-toolbar-actions .bar-action.add{color:var(--paper);background:var(--ink)}.canvas-toolbar-actions .bar-action.remove{color:var(--error)}.editor-score-scroll{border:2px solid var(--ink);background:var(--panel)}.score-editor .notation-card{background:var(--panel)}.notation-tempo-mark{font-family:IBM Plex Mono,monospace}.notation-measure-hit.notation-selected{fill:var(--accent);opacity:.1}.notation-highlight-band.notation-selected{stroke:var(--accent-dark);stroke-width:2px;opacity:.18}.notation-interactive [data-event-id]:hover path,.notation-interactive [data-event-id].notation-selected path,.notation-interactive [data-event-id].notation-selected text,.notation-interactive [data-measure-id].notation-selected path{fill:var(--accent)!important;stroke:var(--accent)!important}.add-measure-row,.remove-measure-row{min-height:44px;border:2px dashed var(--ink);border-radius:0;color:var(--ink)}.remove-measure-row{border-style:solid;color:var(--error)}.editor-validation{min-height:38px;color:var(--ink)}.validation-messages{display:flex;align-items:center;gap:7px}.validation-messages>span{padding:4px 8px;border:1px solid currentColor;font-size:.62rem;white-space:nowrap}.score-inspector{background:var(--panel)}.inspector-heading{border-bottom:2px solid var(--ink)}.inspector-heading span{color:var(--accent-dark)}.selection-actions button,.alternate-row button,.measure-danger-actions button{min-height:40px;border:1px solid var(--ink);border-radius:0;color:var(--ink);background:var(--panel)}.measure-capacity progress{border-radius:0;accent-color:var(--accent)}.measure-danger-actions button:last-child{color:var(--error)}.notation-tool-dock{padding:9px 13px 8px;border-top:2px solid var(--ink);background:var(--panel)}.notation-tool-group{border-right:2px solid var(--ink)}.notation-tool-group>span{color:var(--muted)}.editor-field input,.editor-field select,.editor-field textarea{border:1px solid var(--ink);border-radius:0}.editor-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%231d1d1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.editor-actions{border-top:2px solid var(--ink);background:var(--paper)}.editor-actions button{border-radius:0}.session-phase-paused .exercise-stage{box-shadow:inset 0 7px 0 var(--accent)}.session-phase-complete .exercise-stage{box-shadow:inset 0 7px 0 var(--ink)}.reset-button{border:1px solid var(--ink);color:var(--ink);background:var(--panel)}@media(max-width:1239px){:root{--practice-sidebar-width: 284px;--practice-control-bar-height: 122px}.app-shell{display:grid;grid-template-rows:56px minmax(0,1fr)}.mobile-app-header{position:relative;z-index:20;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;padding:4px 8px;border-bottom:2px solid var(--ink);color:var(--paper);background:var(--ink)}.mobile-app-header strong{font-size:1.7rem;font-weight:900;letter-spacing:.015em;text-align:center;text-transform:uppercase}.mobile-app-header button{display:grid;width:44px;height:44px;place-items:center;border:1px solid #777a75;color:var(--paper);background:transparent}.practice-workspace{height:100%;grid-template-columns:var(--practice-sidebar-width) minmax(0,1fr)}.mobile-panel-scrim{position:fixed;z-index:30;inset:0;display:block;border:0;background:#0b0c0b9e}.exercise-stage{min-height:calc(100dvh - 174px);padding-bottom:calc(var(--practice-control-bar-reserve) + 8px)}.practice-control-bar__header{padding-inline:clamp(22px,3vw,40px)}.practice-control-bar__section{padding-inline:14px}.practice-control-bar__tempo-value strong{font-size:clamp(1.9rem,2.2vw,2.5rem)}.exercise-stage h1{font-size:clamp(3.4rem,8vw,6rem)}.score-editor-workspace{grid-template-columns:260px minmax(400px,1fr)}.score-inspector{position:fixed;z-index:60;top:10px;right:10px;bottom:10px;width:min(320px,calc(100vw - 30px));border:2px solid var(--ink);box-shadow:-7px 7px 0 var(--ink);visibility:hidden;pointer-events:none;transform:translate(calc(100% + 24px))}.score-inspector.mobile-open{visibility:visible;pointer-events:auto;transform:translate(0)}}@media(min-width:1121px)and (max-width:1239px){.score-editor-workspace{grid-template-columns:250px minmax(400px,1fr) 250px}.score-inspector{position:static;width:auto;visibility:visible;pointer-events:auto;border:0;border-left:2px solid var(--ink);box-shadow:none;transform:none}}@media(min-width:900px)and (max-width:1239px){.mobile-app-header button:first-child{visibility:hidden;pointer-events:none}}@media(min-width:900px)and (max-width:1120px){.score-details .sidebar-mobile-heading,.mobile-editor-panel[aria-controls=editor-details-panel]{display:none}}@media(min-width:781px)and (max-width:1120px){.score-editor-header{grid-template-columns:auto minmax(120px,1fr) auto;gap:8px;padding-inline:8px}.editor-back span,.score-header-actions .header-bpm,.score-header-actions>.preview-loop-button,.score-header-actions>.save-as-new-button{display:none}.score-header-actions .preview-button,.score-header-actions .save-exercise-button{width:44px;min-width:44px;padding:0;font-size:0;box-shadow:none}}@media(max-width:899px){:root{--practice-sidebar-width: 0px}.practice-workspace{display:block}.library-zone{position:fixed;z-index:31;top:0;bottom:0;left:0;width:min(340px,92vw);border-right:2px solid var(--paper);box-shadow:8px 0 #0b0c0b47;visibility:hidden;pointer-events:none;transform:translate(-110%);transition:transform .16s ease,visibility 0s linear .16s}.library-zone.mobile-open{visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}.library-brand button{display:grid}.exercise-browser{min-height:100%;max-height:none}.exercise-list{grid-template-columns:1fr}.practice-column{height:100%}.practice-control-bar{left:0}.exercise-stage{padding:28px 24px calc(var(--practice-control-bar-reserve) + 8px)}.practice-control-bar__header{padding-inline:18px}.practice-control-bar__section{padding-inline:12px}.exercise-stage-heading{grid-template-columns:1fr}.exercise-stage-actions{justify-content:flex-end}.score-editor-workspace{display:block}.score-details{position:fixed;z-index:60;top:10px;bottom:10px;left:10px;display:block;width:min(340px,calc(100vw - 30px));border:2px solid var(--paper);box-shadow:7px 7px 0 var(--ink);visibility:hidden;pointer-events:none;transform:translate(calc(-100% - 24px))}.score-details.mobile-open{visibility:visible;pointer-events:auto;transform:translate(0)}.score-canvas-column{height:100%}}@media(max-width:620px){:root{--practice-control-bar-height: 118px}.exercise-stage{min-height:100%;padding:22px 14px calc(var(--practice-control-bar-reserve) + 8px)}.exercise-stage h1{font-size:clamp(2.75rem,13.5vw,4.4rem)}.exercise-stage-actions{gap:8px}.exercise-title-edit{font-size:0}.exercise-title-edit svg{width:18px;height:18px}.notation-label{margin-top:22px}.notation-viewport{min-height:190px}.practice-control-bar__header{min-height:0;padding:0;border-bottom:0}.practice-control-bar__title,.practice-control-bar__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.practice-control-bar__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.88fr) minmax(0,1fr);min-height:calc(var(--practice-control-bar-height) + 2px);padding-right:0}.practice-control-bar__section{padding:10px 6px 12px}.practice-control-bar__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.82fr) minmax(0,1fr) 44px}.practice-control-bar__transport-row{justify-content:center}.practice-control-bar__tempo-value strong{font-size:clamp(1.55rem,7vw,2rem)}.practice-control-bar__tempo-value small{display:none}.practice-control-bar__timer{padding-inline:7px;font-size:.72rem}.practice-control-bar__settings{display:none}.practice-control-bar__settings-button{width:36px;min-width:36px;align-self:center}.filter-chips button{min-height:44px}.metro-beat-group button{min-width:36px;height:36px}.metro-timer-display{font-size:3.35rem}.metro-presets{grid-template-columns:repeat(3,1fr)}.exercise-editor.score-editor{width:100vw;height:100dvh;border:0;box-shadow:none}.score-editor>form{grid-template-rows:58px minmax(0,1fr) 108px}.score-editor-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 8px}.editor-back{width:42px;padding:0;font-size:0}.editor-title-status{min-width:0}.editor-title-status h2{font-size:1.1rem}.unsaved-indicator,.saved-indicator,.score-header-actions>:not(.save-exercise-button):not(.mobile-editor-panel){display:none}.score-header-actions .save-exercise-button{width:44px;min-width:44px;padding:0;font-size:0;box-shadow:none}.score-header-actions .save-exercise-button svg{width:18px;height:18px}.score-canvas-column{padding:8px 7px 0}.canvas-toolbar{padding-inline:6px}.selection-hint,.canvas-toolbar-actions .bar-action span,.canvas-toolbar-actions .bar-action.remove{display:none}.editor-score-scroll{padding:3px}.bar-row-actions{width:calc(100% - 16px);margin-inline:8px}.notation-tool-dock,.notation-tool-group{padding-inline:8px}.notation-tool-group button{min-width:48px;height:72px}.exercise-stage{padding-bottom:100px}.focus-controls{gap:8px;padding:12px 14px}.focus-controls>button{width:42px;height:42px}.focus-play{width:56px!important;height:50px!important}.focus-bpm strong{font-size:1.4rem}}@media(max-width:380px){.exercise-stage{padding-inline:10px}.exercise-title-edit{min-width:44px;padding-inline:8px}.metro-beat-grid{grid-template-columns:1fr}}@media(hover:hover){.notation-tool-group button.primary:hover{box-shadow:5px 5px 0 var(--accent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(forced-colors:active){button,input,select,textarea,summary,.session-state,.notation-tool-group button{border-color:currentColor}.collection-tabs button.active,.exercise-list-item.selected{forced-color-adjust:none}}.focus-mode{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.focus-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px 28px 22px;border-bottom:2px solid var(--ink)}.focus-title{max-width:100%;color:var(--ink);font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(2rem,2.7vw,3.2rem);font-weight:900;line-height:.9;letter-spacing:-.03em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-header-actions{display:flex;gap:10px}.focus-header-actions button{display:grid;width:56px;height:56px;place-items:center;border:2px solid var(--ink);color:var(--ink);background:var(--panel)}.focus-header-actions button:hover{color:var(--panel);background:var(--ink)}.focus-stage{position:relative;flex:1;display:flex;min-width:0;min-height:0;align-items:stretch;justify-content:center;padding:clamp(24px,3.6vw,40px) 32px clamp(24px,3.6vw,40px);overflow:hidden}.focus-notation{width:min(92vw,1480px)}.focus-practice-stack{display:grid;width:min(92vw,1480px);height:100%;min-height:0;min-width:0;grid-template-rows:minmax(180px,1fr) auto;gap:16px;margin:0 auto}.focus-practice-stack .focus-notation{width:100%;min-height:0;min-width:0;overflow:hidden}.focus-notation .notation-card{display:flex;width:100%;height:100%;min-height:0;flex-direction:column;border:2px solid var(--ink);background:#fdfcf7;box-shadow:none}.focus-notation .notation-viewport{display:block;height:100%;min-height:0;padding:clamp(14px,1.8vw,24px) clamp(12px,1.6vw,20px);overflow:auto;overscroll-behavior:contain}.focus-notation .notation-canvas{display:block;width:100%;min-width:0}.focus-notation .notation-canvas svg{margin-inline:auto}.practice-analyzer{display:grid;min-width:0;gap:13px;padding:16px 18px;border:2px solid var(--ink);color:var(--ink);background:var(--panel)}.practice-analyzer__heading,.practice-analyzer__title-group,.practice-analyzer__footer,.practice-analyzer__footer-controls,.practice-analyzer__footer label,.practice-analyzer__footer p{display:flex;align-items:center}.practice-analyzer__heading{justify-content:space-between;gap:18px}.practice-analyzer__title-group{min-width:0;gap:11px}.practice-analyzer__icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid var(--ink);background:#ebe8e1}.practice-analyzer[data-listening=true] .practice-analyzer__icon{color:#fff;background:var(--green)}.practice-analyzer__icon svg{width:18px;height:18px}.practice-analyzer__title-group h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:1.3rem;font-weight:850;line-height:1;letter-spacing:-.02em;text-transform:uppercase}.practice-analyzer__title-group p{margin-top:4px;color:#56534d;font-size:.72rem}.practice-analyzer__error{padding:9px 11px;border:1px solid #9d2f19;color:#72200f;background:#fbe5df;font-size:.76rem;font-weight:650}.practice-analyzer__readout{display:grid;grid-template-columns:minmax(260px,1fr) auto;grid-template-areas:"signal stats" "feedback stats";column-gap:22px;align-items:center}.practice-analyzer__signal{grid-area:signal;height:5px;overflow:hidden;background:#d3d0c8}.practice-analyzer__signal>span{display:block;width:100%;height:100%;transform-origin:left center;background:var(--accent);transition:transform 50ms linear}.practice-analyzer__feedback{grid-area:feedback;min-height:28px;padding-top:7px;color:#4b4944;font-size:.78rem;font-weight:700}.practice-analyzer__feedback[data-grade=precise]{color:var(--green)}.practice-analyzer__feedback[data-grade=close]{color:#875200}.practice-analyzer__feedback[data-grade=off]{color:#9d2f19}.practice-analyzer__feedback[data-grade=missed]{color:#72200f}.practice-analyzer__feedback[data-grade=extra]{color:#9d2f19}.practice-analyzer__stats{display:flex;grid-area:stats;margin:0;gap:0}.practice-analyzer__stats>div{min-width:92px;padding:3px 14px;border-inline-start:1px solid #bbb8b0}.practice-analyzer__stats dt{color:#64615a;font-size:.62rem;font-weight:700;line-height:1.2}.practice-analyzer__stats dd{margin:3px 0 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.practice-analyzer__history{display:flex;height:28px;align-items:end;gap:3px;padding:4px 6px;overflow:hidden;background:#ebe8e1}.practice-analyzer__history>span:not(.practice-analyzer__history-empty){width:5px;min-height:7px;flex:1 1 5px;max-width:18px;background:#9d2f19}.practice-analyzer__history>span[data-grade=precise]{background:var(--green)}.practice-analyzer__history>span[data-grade=close]{background:#a96600}.practice-analyzer__history>span[data-grade=missed]{position:relative;border:1px solid #9d2f19;background:transparent}.practice-analyzer__history>span[data-grade=extra]{border-inline:2px solid #9d2f19;background:repeating-linear-gradient(-45deg,#9d2f19 0 2px,transparent 2px 4px)}.practice-analyzer__history>span[data-grade=missed]:after{position:absolute;inset:50% -1px auto;height:1px;background:#9d2f19;content:"";transform:rotate(-35deg)}.practice-analyzer__history-empty{align-self:center;margin:auto;color:#66635d;font-size:.66rem}.practice-analyzer__footer{justify-content:space-between;gap:20px;padding-top:1px}.practice-analyzer__footer-controls{flex-wrap:wrap;gap:10px 18px}.practice-analyzer__footer label{gap:9px;color:#4f4c46;font-size:.68rem;font-weight:700}.practice-analyzer__footer input{width:112px;accent-color:var(--accent)}.practice-analyzer__footer output{min-width:48px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.65rem;font-variant-numeric:tabular-nums}.practice-analyzer__footer p{gap:7px;color:#4f4c46;font-size:.68rem;text-align:right}.practice-analyzer__footer p svg{width:16px;height:16px;flex:0 0 auto}.focus-controls{display:grid;width:min(820px,calc(100vw - 72px));grid-template-columns:104px minmax(0,1fr) 168px minmax(0,1fr) 104px;align-items:stretch;justify-content:center;margin:0 auto 32px;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--panel)}.focus-controls>button{display:grid;width:100%;height:100%;place-items:center;min-height:82px;border:0;border-right:2px solid var(--ink);color:var(--ink);background:var(--panel);transition:background-color .14s ease,color .14s ease,transform .12s ease}.focus-controls>button:last-child{border-right:0}.focus-controls>button:hover{color:var(--panel);background:var(--accent)}.focus-controls>button:active{transform:translateY(1px)}.focus-controls>button:first-child{border-right:2px solid var(--ink)}.focus-bpm{display:flex;min-width:0;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-right:2px solid var(--ink);text-align:center;height:100%}.focus-bpm strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(3.5rem,5.8vw,5.8rem);font-weight:900;line-height:.9;letter-spacing:-.04em}.focus-bpm small{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.focus-play,.focus-play.playing{color:var(--ink)!important;background:var(--accent)!important}.focus-time{display:flex;min-height:82px;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-right:2px solid var(--ink);font-size:clamp(1.45rem,2vw,2.3rem);font-weight:700;font-variant-numeric:tabular-nums;height:100%}.focus-time svg{width:18px;height:18px}.focus-mode-trigger{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--ink);color:var(--ink);background:var(--panel)}.focus-mode-trigger:hover{color:var(--panel);background:var(--ink)}@media(max-width:620px){.exercise-stage{padding-bottom:100px}.focus-header{padding:14px 14px 12px}.focus-title{font-size:clamp(1.75rem,8vw,2.7rem)}.focus-header-actions button{width:44px;height:44px}.focus-stage{padding:16px 12px 14px}.focus-notation .notation-viewport{padding:12px 8px 16px}.focus-practice-stack{width:100%}.practice-analyzer{gap:12px;padding:13px 12px}.practice-analyzer__heading{align-items:stretch;flex-direction:column;gap:10px}.practice-analyzer__heading>button{width:100%;min-height:44px}.practice-analyzer__readout{grid-template-columns:minmax(0,1fr);grid-template-areas:"signal" "feedback" "stats";gap:0}.practice-analyzer__stats{margin-top:5px;border-top:1px solid #bbb8b0}.practice-analyzer__stats>div{min-width:0;flex:1 1 33%;padding:8px 8px 2px}.practice-analyzer__stats>div:first-child{border-inline-start:0}.practice-analyzer__footer{align-items:stretch;flex-direction:column;gap:10px}.practice-analyzer__footer-controls{align-items:stretch;flex-direction:column}.practice-analyzer__footer label{justify-content:space-between}.practice-analyzer__footer input{min-width:0;flex:1}.practice-analyzer__footer p{align-items:flex-start;text-align:left}.focus-controls{width:calc(100vw - 16px);grid-template-columns:56px minmax(0,1fr) 92px minmax(0,1fr) 56px;margin-bottom:12px;box-shadow:6px 6px 0 var(--ink)}.focus-controls>button,.focus-bpm,.focus-time{min-height:60px}.focus-bpm{padding:0 10px;gap:6px}.focus-bpm strong{font-size:clamp(2.15rem,10vw,2.9rem)}.focus-time{gap:6px;padding:0 10px;font-size:1rem}}.resource-item{isolation:isolate}.library-resource-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #bbb8b0;background:var(--panel)}.library-resource-item:hover,.library-resource-item:focus-within{border-color:var(--ink)}.library-resource-item.is-selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.library-resource-item>.builder-exercise-item{border:0;background:transparent}.library-resource-item>.selectable-library-exercise.selected{box-shadow:none}.library-resource-item>.resource-select-deletable,.library-resource-item>.resource-select-with-actions{grid-template-columns:28px minmax(0,1fr);padding-right:4px}.resource-delete-control{pointer-events:none;z-index:1;opacity:0;transition:opacity .16s cubic-bezier(.25,1,.5,1)}.library-resource-actions{display:flex;align-items:center;gap:4px;margin-right:8px}.resource-item:hover .resource-delete-control,.resource-item:focus-within .resource-delete-control{pointer-events:auto;opacity:1}@media(hover:none),(pointer:coarse){.resource-delete-control{width:44px;height:44px;pointer-events:auto;opacity:1}.library-resource-actions{gap:2px;margin-right:4px}}@media(prefers-reduced-motion:reduce){.resource-delete-control{transition:none}}.product-shell{--product-page-gutter: clamp(24px, 4vw, 56px);display:grid;width:100%;min-width:320px;height:100vh;height:100dvh;grid-template-areas:"sidebar content";grid-template-columns:auto minmax(0,1fr);overflow:hidden;color:var(--ink);background:var(--paper)}.skip-link{position:fixed;z-index:10000;top:-80px;left:12px;padding:12px 16px;border:2px solid white;color:#fff;background:var(--ink)}.skip-link:focus{top:12px}.product-content{position:relative;grid-area:content;min-width:0;min-height:0;overflow:hidden;background:var(--paper)}.product-content>.app-shell,.product-content .embedded-practice{width:100%;height:100%}.product-page-frame{padding-top:var(--product-page-gutter);padding-inline:var(--product-page-gutter)}.product-page-workspace{display:grid;width:100%;height:100%;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.product-page-header-frame{min-width:0;padding:24px var(--product-page-gutter) 0}.product-page-scroll{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:var(--ink) transparent}.product-page-scroll-frame{width:100%;min-width:0;min-height:100%;padding:12px var(--product-page-gutter) 40px}.embedded-practice .library-brand strong{font-size:2.35rem}.embedded-practice .library-brand span{font-size:0}.embedded-practice .library-brand span:after{font-size:.63rem;content:"EXERCISE LIBRARY"}.product-sidebar{position:relative;z-index:30;display:grid;grid-area:sidebar;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;width:320px;padding:34px 24px 24px;overflow:hidden;border-right:2px solid #272a27;color:var(--rail-text);background:var(--rail);transition:width .18s ease,padding .18s ease}.product-brand{position:relative;display:grid;gap:0;padding:8px 4px 26px}.product-brand>a{display:block;width:min(100%,230px);text-decoration:none}.product-brand-logo-frame{display:block;overflow:hidden}.product-brand-logo{display:block;width:100%;height:auto}.product-brand>span{margin-top:24px;color:#c9cbc6;font-size:.75rem;line-height:1;letter-spacing:0;white-space:nowrap}.product-brand:after{width:100%;height:2px;margin-top:25px;background:var(--accent);content:"";opacity:.82}.product-sidebar-toggle{position:absolute;z-index:2;top:52px;right:18px;opacity:1;transition:opacity .15s ease,color .15s ease,background-color .15s ease,border-color .15s ease}.product-sidebar .product-sidebar-toggle{border-color:#565956;color:#f5f3ed;background:#171918}.product-sidebar .product-sidebar-toggle:hover{border-color:var(--accent);color:var(--accent);background:#202321}.product-navigation{min-height:0;padding:44px 0 24px;overflow-y:auto;scrollbar-color:#555854 transparent}.product-navigation-list,.product-mobile-nav ul{margin:0;padding:0;list-style:none}.product-navigation-list{display:grid;gap:18px}.product-navigation-list a{position:relative;display:grid;min-height:94px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:16px;padding:16px 18px;border:1px solid #666966;color:#f5f3ed;text-decoration:none;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.product-navigation-list a:hover{border-color:#a5a7a3;background:#191b1a}.product-navigation-list a.active{border-color:var(--accent);background:#171918}.product-navigation-list a.active:before{position:absolute;inset:-1px auto -1px -1px;width:8px;background:var(--accent);content:""}.product-navigation-list a.active svg,.product-navigation-list a.active .product-navigation-arrow{color:var(--accent)}.product-navigation-list svg{width:36px;height:36px;stroke-width:1.7}.product-navigation-copy{display:grid;min-width:0;gap:6px}.product-navigation-copy strong{margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:1.25rem;line-height:1;letter-spacing:.04em;text-transform:uppercase}.product-navigation-copy small{overflow:hidden;color:#aaaca8;font-size:.7rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.product-navigation-arrow{color:#f5f3ed;font-size:2rem;font-weight:300;line-height:1}.product-sidebar-footer{padding-top:22px}.product-user{display:grid;min-width:0;min-height:78px;grid-template-columns:46px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:12px 14px;border:1px solid #777a76}.product-user>span,.product-user>img{display:grid;width:46px;height:46px;place-items:center;border:2px solid white;border-radius:50%;color:#fff;object-fit:cover;font-size:.75rem;font-weight:700}.product-user div{display:grid;min-width:0;gap:3px}.product-user strong,.product-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-user strong{font-size:.75rem}.product-user small{color:var(--rail-muted);font-size:.61rem}.product-user>a{display:grid;width:42px;height:42px;place-items:center;color:#f5f3ed;text-decoration:none}.product-user>a:hover{color:var(--accent)}.product-user>a svg{width:24px;height:24px}.sidebar-sign-in{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 16px;border:1px solid #777a76;color:#f5f3ed;font-size:.72rem;font-weight:700;text-decoration:none}.sidebar-sign-in>svg{display:none}.product-sidebar.is-collapsed{width:92px;padding:26px 0 18px}.product-sidebar.is-collapsed .product-brand{justify-items:center;padding:6px 18px 24px}.product-sidebar.is-collapsed .product-brand>a,.product-sidebar.is-collapsed .product-brand-logo-frame{width:56px;height:56px}.product-sidebar.is-collapsed .product-brand-logo{width:auto;max-width:none;height:40px;margin-top:8px}.product-sidebar.is-collapsed .product-brand>span{display:none}.product-sidebar.is-collapsed .product-brand:after{width:42px;margin-top:22px}.product-sidebar.is-collapsed .product-sidebar-toggle{top:32px;right:50%;width:56px;height:56px;border-color:transparent;opacity:0;background:var(--rail);transform:translate(50%)}.product-sidebar.is-collapsed .product-sidebar-toggle:hover,.product-sidebar.is-collapsed .product-sidebar-toggle:focus-visible{opacity:1}.product-sidebar.is-collapsed .product-sidebar-toggle svg{width:24px;height:24px}.product-sidebar.is-collapsed .product-navigation{padding:42px 0 20px}.product-sidebar.is-collapsed .product-navigation-list{gap:18px}.product-sidebar.is-collapsed .product-navigation-list a{min-height:98px;grid-template-columns:1fr;justify-items:center;gap:0;margin-inline:8px;padding:0;border-color:transparent}.product-sidebar.is-collapsed .product-navigation-list a:hover{border-color:#666966}.product-sidebar.is-collapsed .product-navigation-list a.active{border-color:var(--accent)}.product-sidebar.is-collapsed .product-navigation-copy,.product-sidebar.is-collapsed .product-navigation-arrow{display:none}.product-sidebar.is-collapsed .product-navigation-list svg{width:31px;height:31px}.product-sidebar.is-collapsed .product-sidebar-footer{margin-inline:9px;padding-top:18px;border-top:1px solid #353735}.product-sidebar.is-collapsed .product-user{min-height:0;grid-template-columns:1fr;justify-items:center;gap:9px;padding:0;border:0}.product-sidebar.is-collapsed .product-user div{display:none}.product-sidebar.is-collapsed .product-user>span,.product-sidebar.is-collapsed .product-user>img{width:44px;height:44px}.product-sidebar.is-collapsed .sidebar-sign-in{width:48px;min-height:48px;justify-content:center;margin-inline:auto;padding:0;border:0}.product-sidebar.is-collapsed .sidebar-sign-in>svg{display:block}.product-sidebar.is-collapsed .sidebar-sign-in>span{display:none}.product-shell[data-navigation-layout=topbar]{grid-template:"topbar" auto "content" minmax(0,1fr) / minmax(0,1fr)}.product-sidebar.product-topbar{grid-area:topbar;width:100%;min-height:82px;grid-template-columns:148px minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);align-items:center;gap:22px;padding:0 28px;overflow:visible;border-right:0;border-bottom:2px solid #272a27;transition:none}.product-topbar .product-brand{display:block;padding:0}.product-topbar .product-brand>a,.product-topbar .product-brand-logo-frame{width:132px}.product-topbar .product-brand-logo{width:100%;height:auto}.product-topbar .product-brand>span,.product-topbar .product-brand:after{display:none}.product-topbar .product-navigation{padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.product-topbar .product-navigation::-webkit-scrollbar{display:none}.product-topbar .product-navigation-list{display:flex;min-width:max-content;justify-content:center;gap:8px}.product-topbar .product-navigation-list a{min-height:52px;grid-template-columns:24px minmax(0,auto);gap:9px;padding:10px 13px}.product-topbar .product-navigation-list a.active:before{inset:auto -1px -1px;width:auto;height:4px}.product-topbar .product-navigation-list svg{width:23px;height:23px}.product-topbar .product-navigation-copy{gap:0}.product-topbar .product-navigation-copy strong{font-size:.95rem}.product-topbar .product-navigation-copy small,.product-topbar .product-navigation-arrow{display:none}.product-topbar .product-sidebar-footer{padding:0}.product-topbar .product-user{min-width:212px;min-height:54px;grid-template-columns:36px minmax(0,1fr) 38px;gap:9px;padding:7px 8px}.product-topbar .product-user>span,.product-topbar .product-user>img{width:36px;height:36px;border-width:1px}.product-topbar .product-user>a{width:38px;height:38px}.product-topbar .product-user>a svg{width:21px;height:21px}.product-topbar .sidebar-sign-in{min-width:172px;min-height:50px}.product-mobile-nav{display:none}.route-loading,.route-error{display:grid;height:100%;place-content:center;justify-items:center;gap:14px;padding:32px;text-align:center}.settings-page__content{display:grid;width:min(100%,980px);gap:44px;padding:30px var(--product-page-gutter) 56px}.settings-section{display:grid;gap:20px}.settings-section__header{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--ink)}.settings-section__header>svg{width:28px;height:28px;color:var(--accent-dark)}.settings-section__header h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:1.65rem;line-height:1}.settings-section__header p{margin-top:4px;color:var(--muted);font-size:.76rem}.settings-layout-options{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-layout-option{width:100%;height:auto;min-height:112px;justify-content:flex-start;gap:16px;padding:18px;text-align:left;white-space:normal}.settings-layout-option>svg{width:30px;height:30px;flex:0 0 auto}.settings-layout-option>span{display:grid;min-width:0;gap:5px}.settings-layout-option strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:1.2rem;line-height:1;text-transform:uppercase}.settings-layout-option small{max-width:34ch;font-size:.72rem;line-height:1.45}.settings-account-details{max-width:650px;margin:0;border:1px solid var(--ink)}.settings-account-details div{display:grid;min-height:54px;grid-template-columns:140px minmax(0,1fr);align-items:center;padding:8px 14px;border-top:1px solid #aaa79f}.settings-account-details div:first-child{border-top:0}.settings-account-details dt{color:var(--muted);font-size:.62rem;text-transform:uppercase}.settings-account-details dd{margin:0;font-size:.875rem;line-height:1.5}.route-error h1{margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(2.5rem,7vw,5rem)}.loading-mark{width:38px;height:38px;border:4px solid #c9c6bf;border-top-color:var(--accent);border-radius:50%;animation:product-spin .7s linear infinite}@keyframes product-spin{to{transform:rotate(360deg)}}.auth-page{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:24px;overflow-y:auto;color:var(--ds-foreground);background:var(--ds-background);font-family:var(--ds-font-body)}.auth-frame{display:grid;width:min(1120px,100%);min-height:min(760px,calc(100dvh - 48px));grid-template-columns:minmax(280px,.78fr) minmax(480px,1.22fr);border:2px solid var(--ink);background:var(--ds-card);box-shadow:8px 8px 0 var(--accent)}.auth-session-loading{display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:32px;color:var(--ds-muted-foreground);background:var(--ds-card);font-size:.875rem}.auth-session-loading p{margin:0}.auth-rail{display:flex;min-width:0;flex-direction:column;padding:48px;color:var(--ds-secondary-foreground);background:var(--ds-secondary)}.auth-brand{display:block;width:180px;color:inherit;text-decoration:none}.auth-brand-logo{display:block;width:100%;height:auto}.auth-strapline{margin:12px 0 0;color:#c9cbc6;font-size:.75rem;line-height:1.25;letter-spacing:.08em}.auth-sticking{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:32px;color:#f7f5ef;font-size:1rem;font-weight:600}.auth-sticking span{height:1px;flex:1;background:#777a75}.auth-rail-message{margin-top:auto;padding-top:64px}.auth-rail-message h2{max-width:12ch;margin:0;font-family:var(--ds-font-heading);font-size:2.5rem;font-weight:800;line-height:.98;text-wrap:balance}.auth-rail-message p{max-width:32ch;margin:16px 0 0;color:#c9cbc6;font-size:.875rem;line-height:1.6;text-wrap:pretty}.auth-panel{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:48px 64px;background:var(--ds-card)}.auth-back{display:inline-flex;width:fit-content;min-height:44px;align-items:center;gap:8px;color:#214d40;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.auth-back:hover{color:var(--ds-primary);text-decoration:underline;text-underline-offset:4px}.auth-back svg{width:18px;height:18px}.auth-heading{margin-top:24px}.auth-context-label{margin:0 0 12px;color:var(--ds-muted-foreground);font-size:.75rem;font-weight:700;letter-spacing:.08em}.auth-heading h1{max-width:14ch;margin:0;font-family:var(--ds-font-heading);font-size:3.5rem;font-weight:900;letter-spacing:0;line-height:.95;text-wrap:balance}.auth-heading>p:last-child{max-width:62ch;margin:16px 0 0;color:var(--ds-muted-foreground);font-size:1rem;line-height:1.55;text-wrap:pretty}.oauth-consent-frame{min-height:min(720px,calc(100dvh - 48px))}.oauth-consent-panel{gap:24px}.oauth-consent-panel .auth-heading{margin-top:0}.oauth-consent-panel .auth-heading h1{max-width:13ch;font-size:3rem}.oauth-client-mark{display:grid;width:52px;height:52px;margin-bottom:20px;place-items:center;overflow:hidden;border:2px solid var(--ink);background:var(--accent);color:var(--ink)}.oauth-client-mark svg{width:28px;height:28px}.oauth-consent-loading{display:flex;min-height:104px;align-items:center;justify-content:center;gap:12px;color:var(--ds-muted-foreground);font-size:.875rem}.oauth-scope-section{border-block:1px solid var(--ds-input);padding-block:20px}.oauth-scope-heading{display:flex;align-items:flex-start;gap:12px}.oauth-scope-heading>svg{width:22px;height:22px;flex:0 0 auto;color:var(--ds-primary)}.oauth-scope-heading h2,.oauth-scope-heading p{margin:0}.oauth-scope-heading h2{font-size:1rem;line-height:1.3}.oauth-scope-heading p{margin-top:4px;color:var(--ds-muted-foreground);font-size:.8125rem;line-height:1.45}.oauth-scope-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.oauth-scope-list li{display:flex;align-items:flex-start;gap:10px;color:var(--ds-foreground);font-size:.875rem;line-height:1.45}.oauth-scope-list li svg{width:17px;height:17px;flex:0 0 auto;margin-top:2px;color:var(--ds-primary)}.oauth-consent-actions{display:flex;flex-wrap:wrap;gap:12px}.oauth-consent-actions>button:first-child{flex:1 1 230px}.oauth-consent-actions>button:last-child{flex:0 1 160px}.oauth-consent-footnote{max-width:62ch;margin:-8px 0 0;color:var(--ds-muted-foreground);font-size:.75rem;line-height:1.5;text-wrap:pretty}.auth-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;border:1px solid var(--ds-input)}.auth-mode-switch a{display:flex;min-height:48px;align-items:center;justify-content:center;padding:8px 12px;color:var(--ds-foreground);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-align:center;text-decoration:none}.auth-mode-switch a+a{border-left:1px solid var(--ds-input)}.auth-mode-switch a:hover{background:var(--ds-muted)}.auth-mode-switch a.active{color:var(--ds-secondary-foreground);background:var(--ds-secondary)}.auth-form{display:grid;gap:24px;margin-top:24px}.auth-form [data-slot=field-group]{gap:24px}.auth-form [data-slot=field]{gap:8px}.auth-form [data-slot=field-label]{color:var(--ds-foreground);font-size:.875rem;font-weight:700;letter-spacing:.03em;line-height:1.3;text-transform:uppercase}.auth-form [data-slot=input],.auth-form [data-slot=input-group]{min-height:52px;border-color:var(--ds-input);border-radius:0;color:var(--ds-foreground);background:var(--ds-card);font-family:var(--ds-font-body);font-size:1rem}.auth-form [data-slot=input]{padding-inline:16px}.auth-form [data-slot=input-group] [data-slot=input]{min-height:50px;padding-right:4px}.auth-form [data-slot=input-group-addon]{padding-right:8px}.auth-form [data-slot=field-description],.auth-form [data-slot=field-error]{margin:0;font-size:.875rem;line-height:1.5}.auth-form [data-slot=field-description]{color:var(--ds-muted-foreground)}.auth-submit{width:100%;min-height:52px;font-size:.875rem;letter-spacing:.02em;white-space:normal}.auth-footer{margin-top:24px;padding-top:24px;border-top:1px solid var(--ds-input);color:var(--ds-muted-foreground);font-size:.875rem;line-height:1.5}.auth-footer p{margin:0}.auth-footer>a,.auth-alternate a{display:inline-flex;min-height:44px;align-items:center;color:#214d40;font-weight:700;text-underline-offset:4px}.auth-footer>a{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.auth-footer a:hover{color:var(--ds-primary)}.auth-alternate{margin-top:12px!important}@media(max-width:1020px){.product-sidebar{width:270px;padding-inline:16px}.product-sidebar.is-collapsed{width:92px;padding-inline:0}.product-brand>span{margin-top:24px;font-size:.625rem}.product-brand:after{margin-top:24px}.product-navigation{padding-top:30px}.product-navigation-list a{min-height:84px;grid-template-columns:34px minmax(0,1fr) 16px;gap:12px;padding-inline:14px}.product-navigation-list svg{width:30px;height:30px}.product-sidebar.product-topbar{width:100%;grid-template-columns:116px minmax(0,1fr) auto;gap:14px;padding-inline:20px}.product-topbar .product-brand>a,.product-topbar .product-brand-logo-frame{width:108px}.product-topbar .product-navigation{padding:0}.product-topbar .product-navigation-list{gap:6px}.product-topbar .product-navigation-list a{min-height:52px;grid-template-columns:1fr;justify-items:center;gap:0;padding-inline:15px}.product-topbar .product-navigation-copy{display:none}.product-topbar .product-navigation-list svg{width:24px;height:24px}.product-topbar .product-user{min-width:82px;grid-template-columns:36px 38px}.product-topbar .product-user div{display:none}}@media(max-width:780px){.product-shell,.product-shell[data-navigation-layout=topbar]{display:grid;grid-template:"content" minmax(0,1fr) "mobile-nav" auto / minmax(0,1fr)}.product-content>.session-player-page{display:flex;flex-direction:column}.product-content>.session-player-page>*{flex:0 0 auto}.product-content>.session-player-page>.session-player-controls{margin-top:auto}.product-sidebar{display:none}.product-mobile-nav{z-index:32;display:block;grid-area:mobile-nav;border-top:1px solid #30322f;color:#a9aba7;background:#0d0f0e;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 24px #0000001f}.product-mobile-nav ul{display:grid;min-height:72px;grid-template-columns:repeat(5,minmax(0,1fr))}.product-mobile-nav li{min-width:0}.product-mobile-nav a{position:relative;display:flex;height:100%;min-height:72px;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:inherit;font-size:.6rem;text-decoration:none}.product-mobile-nav a:before{position:absolute;top:-1px;left:18%;width:64%;height:3px;background:transparent;content:""}.product-mobile-nav a:hover,.product-mobile-nav a.active{color:var(--accent)}.product-mobile-nav a.active:before{background:var(--accent)}.product-mobile-nav svg{width:25px;height:25px;stroke-width:1.8}.product-content{width:100%;height:100%}.product-content .design-lab-page{padding-top:80px}.auth-page{place-items:start center;padding:16px}.auth-frame{min-height:calc(100dvh - 32px);grid-template-columns:minmax(0,1fr)}.auth-rail{min-height:112px;flex-direction:row;align-items:center;justify-content:space-between;padding:24px}.auth-brand{width:120px}.auth-strapline{max-width:22ch;margin:0;text-align:right}.auth-sticking,.auth-rail-message{display:none}.auth-panel{justify-content:flex-start;padding:32px 24px}.auth-heading h1{font-size:3rem}.oauth-consent-frame{min-height:calc(100dvh - 32px)}.oauth-consent-panel .auth-heading h1{font-size:2.5rem}.settings-page__content{gap:36px}}@media(min-width:781px)and (max-height:840px){.product-sidebar.is-collapsed .product-brand{padding-bottom:12px}.product-sidebar.is-collapsed .product-brand:after{margin-top:12px}.product-sidebar.is-collapsed .product-navigation{padding:12px 0 8px}.product-sidebar.is-collapsed .product-navigation-list{gap:6px}.product-sidebar.is-collapsed .product-navigation-list a{min-height:68px}.product-sidebar.is-collapsed .product-sidebar-footer{padding-top:8px}}@media(max-width:420px){.auth-page{padding:0}.auth-frame{min-height:100dvh;border:0;box-shadow:none}.auth-rail{min-height:88px;padding:16px 24px}.auth-brand{width:104px}.auth-strapline{display:none}.auth-panel{padding:24px}.auth-heading{margin-top:16px}.auth-heading h1{font-size:2.5rem}.oauth-consent-panel{gap:20px}.oauth-consent-panel .auth-heading h1{font-size:2.25rem}.oauth-consent-actions{flex-direction:column}.oauth-consent-actions>button:first-child,.oauth-consent-actions>button:last-child{width:100%;flex-basis:auto}.auth-mode-switch{margin-top:24px}.auth-mode-switch a{min-height:52px;padding-inline:8px;font-size:.7rem}.settings-layout-options{grid-template-columns:minmax(0,1fr)}.settings-layout-option{min-height:96px}.settings-account-details div{grid-template-columns:minmax(0,1fr);gap:4px}}@media(prefers-reduced-motion:reduce){.product-sidebar,.product-sidebar-toggle,.product-navigation-list a,.loading-mark,.auth-page [data-slot=spinner]{transition:none;animation:none}}@media(forced-colors:active){.product-navigation-list a.active:before,.product-mobile-nav a.active:before,.loading-mark{forced-color-adjust:auto}}.rhythms-page .product-page-header-frame{padding:0 var(--product-page-gutter)}.rhythm-context-header{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-4);padding-block:var(--space-4) var(--space-3);border-bottom:1px solid var(--ink)}.rhythm-context-copy{min-width:0}.rhythm-context-path{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-2);color:var(--accent-dark);font-size:.67rem;font-weight:700;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}.rhythm-context-path>span:last-child{min-width:0;flex:1 1 10rem;overflow-wrap:anywhere}.rhythm-context-header h1{max-width:100%;margin:0;overflow:hidden;font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-size:clamp(2.5rem,3vw,3.25rem);font-weight:900;letter-spacing:-.035em;line-height:.9;text-overflow:ellipsis;white-space:nowrap}.rhythm-context-actions{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2)}.rhythm-context-session,.rhythm-context-new,.rhythm-context-edit{height:44px;padding-inline:var(--space-4);font-size:.68rem;font-weight:700;letter-spacing:.02em}.rhythms-page .product-page-scroll-frame{padding-top:var(--space-4)}.rhythm-canvas-card{min-width:0;overflow:hidden;border-color:var(--ink)}.rhythm-workspace-grid{grid-template-columns:minmax(0,1fr);gap:0;transition:grid-template-columns .22s cubic-bezier(.22,1,.36,1),gap .22s cubic-bezier(.22,1,.36,1)}.rhythm-workspace-grid.is-library-expanded{gap:var(--space-6)}.rhythm-library-panel{width:100%;height:min(42rem,calc(100vh - 10rem));min-width:0;min-height:32rem;opacity:1;transform:translateY(0) scale(1);transform-origin:top left;visibility:visible;transition:height .22s cubic-bezier(.22,1,.36,1),min-height .22s cubic-bezier(.22,1,.36,1),opacity .14s ease-out,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.rhythm-workspace-grid.is-library-collapsed>.rhythm-library-panel{height:0;min-height:0;opacity:0;pointer-events:none;transform:translateY(-.75rem) scale(.985);visibility:hidden;transition:height .22s cubic-bezier(.22,1,.36,1),min-height .22s cubic-bezier(.22,1,.36,1),opacity .12s ease-in,transform .18s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s}@media(min-width:1280px){.rhythm-workspace-grid{grid-template-columns:26rem minmax(0,1fr)}.rhythm-workspace-grid.is-library-collapsed{grid-template-columns:0 minmax(0,1fr)}.rhythm-workspace-grid.is-library-collapsed>.rhythm-library-panel{transform:translate(-.75rem) scale(.985)}}@media(max-width:980px){.rhythm-context-header{grid-template-columns:minmax(0,1fr);align-items:start}.rhythm-context-actions{justify-content:flex-start}.rhythm-context-header h1{overflow:visible;text-overflow:clip;text-wrap:balance;white-space:normal}}@media(max-width:780px){.rhythm-context-path{display:grid;grid-template-columns:auto auto minmax(0,1fr);overflow:hidden;white-space:nowrap}.rhythm-context-path>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:520px){.rhythm-context-header h1{font-size:2.45rem}.rhythm-context-actions{flex-wrap:nowrap}.rhythm-context-session,.rhythm-context-new,.rhythm-context-edit{width:44px;min-width:44px;padding:0}.rhythm-context-session span,.rhythm-context-new span,.rhythm-context-edit span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(max-width:1279px){.rhythm-library-panel{height:36rem;min-height:28rem}.rhythm-workspace-grid.is-library-collapsed>.rhythm-library-panel{height:0;min-height:0}}@media(prefers-reduced-motion:reduce){.rhythm-workspace-grid,.rhythm-library-panel,.rhythm-workspace-grid.is-library-collapsed>.rhythm-library-panel{transition:none}}.control-bar-page{--practice-control-bar-height: 132px;display:grid;min-height:0;grid-template-rows:minmax(0,1fr) var(--practice-control-bar-height);overflow:hidden}.control-bar-page>.practice-control-bar{position:static;right:auto;bottom:auto;left:auto;width:100%;height:var(--practice-control-bar-height);min-height:0;grid-row:2}.practice-control-bar__volume-row{display:grid;min-width:0;grid-template-columns:auto minmax(4rem,1fr) auto;align-items:center;gap:10px}.practice-control-bar__volume-row output{color:var(--muted);font-size:.62rem;font-variant-numeric:tabular-nums}@media(max-width:780px){.product-page-header-frame{padding-top:16px}.product-page-scroll-frame{padding-top:12px;padding-bottom:24px}.control-bar-page{--practice-control-bar-height: 124px}}.metronome-control-bar .practice-control-bar__grid{min-height:0;grid-template-columns:minmax(13rem,25fr) minmax(10rem,20fr) minmax(15rem,30fr) minmax(14rem,25fr)}.control-bar-page>.metronome-control-bar{position:relative;overflow:visible}.metronome-control-bar__tap{width:auto;min-width:54px;padding-inline:8px;font-family:Barlow Condensed,sans-serif;font-weight:900;letter-spacing:.05em}.metronome-page-header>div:first-child>p:first-child{color:var(--accent-dark)}.timer-control__trigger{gap:8px;padding-inline:10px}.timer-control__trigger svg{width:16px;height:16px;flex:0 0 auto}.timer-settings__field{min-width:0;gap:8px}.timer-settings__title{color:var(--ink);font-size:.68rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.timer-settings__title svg{width:15px;height:15px}.timer-settings__duration{grid-column:1 / -1}.timer-settings__duration-controls{display:grid;min-width:0;grid-template-columns:minmax(0,2fr) minmax(9rem,1fr);gap:12px}.timer-settings__presets{display:grid;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr))}.timer-settings__presets>button+button{border-left:0}.timer-settings__duration-select{min-width:0}.metronome-control-bar__audio-row{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.metronome-control-bar__panel{position:absolute;z-index:30;right:0;bottom:100%;left:0;max-height:min(62vh,28rem);overflow-y:auto;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper);box-shadow:0 -4px 0 var(--accent)}.metronome-control-bar__panel-inner{width:min(100%,112rem);margin-inline:auto;padding:18px clamp(20px,4vw,56px) 20px}.metronome-control-bar__panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.metronome-control-bar__panel-header h2{font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:900;line-height:1;text-transform:uppercase}.metronome-control-bar__panel-eyebrow{margin-bottom:4px;color:var(--accent-dark);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.metronome-control-bar__panel-grid{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:16px}.metronome-control-bar__timer-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.metronome-control-bar__audio-settings{grid-template-columns:minmax(16rem,28rem)}@media(max-width:1120px){.metronome-control-bar .practice-control-bar__grid{grid-template-columns:minmax(11rem,24fr) minmax(8rem,18fr) minmax(13rem,31fr) minmax(11rem,27fr)}.metronome-control-bar .practice-control-bar__section{padding-inline:12px}.metronome-control-bar__panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metronome-control-bar__audio-settings{grid-template-columns:minmax(16rem,28rem)}}@media(max-width:1020px){.metronome-page{--practice-control-bar-height: 154px}.metronome-control-bar .practice-control-bar__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.metronome-control-bar .practice-control-bar__section{gap:4px;padding:6px 10px}.metronome-control-bar .practice-control-bar__section:nth-child(3){border-left:0}.metronome-control-bar .practice-control-bar__section:nth-child(n+3){border-top:1px solid var(--ink)}.metronome-control-bar__transport .practice-control-bar__transport-row,.metronome-control-bar__timer .practice-control-bar__session-row{flex-direction:row;justify-content:center;gap:6px}.metronome-control-bar__tap{width:48px;min-width:48px;height:44px}.metronome-control-bar__timer .practice-control-bar__session-row{align-items:center}.metronome-control-bar__timer .practice-control-bar__timer{width:auto;min-height:44px;flex:1 1 auto;font-size:1.25rem}.metronome-control-bar__timer .practice-control-bar__session-row>button,.metronome-control-bar__audio-row [data-size=icon-product]{width:44px;min-width:44px;height:44px}.metronome-control-bar__audio{align-items:stretch}.metronome-control-bar__audio-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.metronome-control-bar__volume{grid-template-columns:auto minmax(0,1fr);gap:8px}.metronome-control-bar__volume output{display:none}}@media(max-width:520px){.metronome-page{--practice-control-bar-height: 136px}.metronome-control-bar .practice-control-bar__grid{min-height:0}.metronome-control-bar .practice-control-bar__section{gap:4px;padding:4px 6px}.metronome-control-bar__timer .practice-control-bar__timer{padding-inline:4px;font-size:1.1rem}.timer-control__trigger svg{width:14px;height:14px}.timer-settings__duration-controls{grid-template-columns:minmax(0,1.7fr) minmax(7rem,1fr);gap:8px}.metronome-control-bar__panel{max-height:calc(100dvh - var(--practice-control-bar-height) - 80px)}.metronome-control-bar__panel-inner{padding:14px 16px 16px}.metronome-control-bar__panel-header{margin-bottom:12px}.metronome-control-bar__panel-grid,.metronome-control-bar__audio-settings{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.metronome-pattern-header{grid-template-columns:minmax(0,1fr)}.metronome-pattern-header [data-slot=card-action]{width:100%;grid-column:1;grid-row:auto;justify-content:flex-start;justify-self:stretch;margin-top:12px}}@media(max-width:420px){.metronome-control-bar__transport [data-size=icon-product]{width:48px;min-width:48px;height:48px}}@media(max-width:420px)and (max-height:700px){.metronome-page-header>div:first-child>p:last-child{display:none}}.metronome-page{--metronome-tempo: oklch(.48 .22 264);--metronome-tempo-border: oklch(.34 .15 264);--metronome-duration: oklch(.58 .2 36);--metronome-duration-border: oklch(.4 .14 36);--metronome-audio: oklch(.84 .12 155);--metronome-audio-border: oklch(.42 .09 155);--metronome-pulse: oklch(.88 .18 95);--metronome-module-light-ink: oklch(.98 .01 255);--metronome-module-dark-ink: oklch(.2 .02 155)}.metronome-page__content{display:flex;min-width:0;scroll-margin-top:12px;flex-direction:column;gap:24px}.metronome-control-deck{display:flex;min-width:0;flex-direction:column}.metronome-control-deck__view{display:grid;min-width:0;grid-template-rows:1fr;opacity:1;transform:translateY(0);visibility:visible;transition:grid-template-rows .32s cubic-bezier(.25,1,.5,1),opacity .2s cubic-bezier(.25,1,.5,1),transform .26s cubic-bezier(.25,1,.5,1),visibility 0s linear 0s}.metronome-control-deck__view[aria-hidden=true]{grid-template-rows:0fr;opacity:0;pointer-events:none;visibility:hidden;transition:grid-template-rows .24s cubic-bezier(.25,1,.5,1),opacity .15s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1),visibility 0s linear .24s}.metronome-control-deck__view--settings[aria-hidden=true]{transform:translateY(-8px)}.metronome-control-deck__view--focus[aria-hidden=true]{transform:translateY(8px)}.metronome-control-deck__view-inner{min-height:0;min-width:0;overflow:hidden}.metronome-control-deck__view--focus .metronome-control-deck__view-inner{display:flex;flex-direction:column;gap:12px}.metronome-control-deck__modules{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metronome-control-deck__compact{display:none}.metronome-playing-summary{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--ink);background:var(--ink)}.metronome-playing-summary__item{display:flex;min-width:0;min-height:72px;align-items:center;flex-direction:column;justify-content:center;gap:3px;padding:10px 14px;color:var(--metronome-module-light-ink);background:var(--metronome-tempo);text-align:center}.metronome-playing-summary__item--duration{background:var(--metronome-duration)}.metronome-playing-summary__item--audio{color:var(--metronome-module-dark-ink);background:var(--metronome-audio)}.metronome-playing-summary__item>span{display:flex;min-width:0;align-items:center;gap:6px;font-family:var(--ds-font-body);font-size:.6875rem;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase}.metronome-playing-summary__item>span svg{width:14px;height:14px}.metronome-playing-summary__item>strong{min-width:0;overflow:hidden;font-family:var(--ds-font-heading);font-size:1.35rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.metronome-playing-summary__item>strong small,.metronome-playing-summary__item>small{font-family:var(--ds-font-body);font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metronome-playing-summary__item>small{line-height:1}.metronome-focus-timer{--metronome-pulse-duration: 1s;position:relative;isolation:isolate;display:grid;min-width:0;min-height:clamp(260px,24vw,340px);overflow:hidden;grid-template-columns:minmax(5rem,1fr) minmax(15rem,auto) minmax(5rem,1fr);align-items:center;gap:clamp(12px,3vw,40px);padding:28px clamp(20px,4vw,64px);border:1px solid var(--ink);color:var(--metronome-module-light-ink);background:#0b1016}.metronome-focus-timer__content{position:relative;z-index:1;display:flex;min-width:0;align-items:center;flex-direction:column;justify-content:center;text-align:center}.metronome-focus-timer__value{max-width:100%;color:inherit;font-family:var(--ds-font-heading);font-size:clamp(4.5rem,8vw,6rem);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:.9;white-space:nowrap}.metronome-focus-timer h2{margin-top:14px;color:color-mix(in oklch,var(--metronome-module-light-ink),transparent 18%);font-family:var(--ds-font-body);font-size:.875rem;font-weight:700;letter-spacing:.13em;line-height:1;text-transform:uppercase}.metronome-focus-timer__pause{width:12rem;min-height:52px;margin-top:28px;border-width:1px;font-size:1.125rem}.metronome-focus-timer__pulse{position:relative;width:100%;height:170px;max-width:14rem;justify-self:end}.metronome-focus-timer__pulse--start{transform:scaleX(-1)}.metronome-focus-timer__pulse--end{justify-self:start}.metronome-focus-timer__pulse span{position:absolute;top:50%;left:0;border:2px solid var(--accent);border-left:0;border-radius:0 50% 50% 0;opacity:.2;transform:translateY(-50%) scaleX(.72);transform-origin:left center;animation:metronome-focus-wave var(--metronome-pulse-duration) cubic-bezier(.25,1,.5,1) infinite}.metronome-focus-timer__pulse span:nth-child(1){width:38%;height:58%}.metronome-focus-timer__pulse span:nth-child(2){width:64%;height:78%;animation-delay:calc(var(--metronome-pulse-duration) * -.08)}.metronome-focus-timer__pulse span:nth-child(3){width:90%;height:100%;animation-delay:calc(var(--metronome-pulse-duration) * -.16)}@keyframes metronome-focus-wave{0%,to{opacity:.16;transform:translateY(-50%) scaleX(.72)}24%{opacity:.82;transform:translateY(-50%) scaleX(1)}58%{opacity:.22;transform:translateY(-50%) scaleX(1.08)}}.metronome-module{--metronome-module-bg: var(--metronome-tempo);--metronome-module-border: var(--metronome-tempo-border);--metronome-module-ink: var(--metronome-module-light-ink);--metronome-module-control: color-mix(in oklch, var(--metronome-module-bg), black 9%);--metronome-module-selected-bg: var(--metronome-module-light-ink);--metronome-module-selected-ink: oklch(.2 .02 255);display:flex;container-type:inline-size;min-width:0;min-height:248px;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--metronome-module-border);color:var(--metronome-module-ink);background:var(--metronome-module-bg)}.metronome-module--duration{--metronome-module-bg: var(--metronome-duration);--metronome-module-border: var(--metronome-duration-border)}.metronome-module--audio{--metronome-module-bg: var(--metronome-audio);--metronome-module-border: var(--metronome-audio-border);--metronome-module-ink: var(--metronome-module-dark-ink);--metronome-module-control: color-mix(in oklch, var(--metronome-module-bg), black 7%);--metronome-module-selected-bg: oklch(.2 .02 155);--metronome-module-selected-ink: oklch(.98 .01 155)}.metronome-module__header{display:flex;min-height:28px;align-items:center;justify-content:space-between;gap:8px}.metronome-module__header h2{color:inherit;font-family:var(--ds-font-body);font-size:.75rem;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.metronome-module__header-actions{display:flex;align-items:center;gap:4px}.metronome-module [data-slot=button][data-variant=canvas]{border-color:currentColor;color:inherit;background:transparent;box-shadow:none}.metronome-module [data-slot=button][data-variant=canvas]:hover:not(:disabled),.metronome-module [data-slot=button][data-variant=canvas][aria-pressed=true]{color:var(--metronome-module-selected-ink);background:var(--metronome-module-selected-bg)}.metronome-module__header-action{font-family:var(--ds-font-body);font-size:.75rem;font-weight:700;letter-spacing:.05em}.metronome-module .metronome-module__bpm{display:grid;width:100%;max-width:none;grid-template-columns:48px minmax(5.25rem,1fr) 48px;gap:12px}.metronome-module .bpm-selector>button.bpm-selector__step[data-size=icon-product]{width:48px;min-width:48px;height:48px;border-color:currentColor;color:inherit;background:transparent}.metronome-module .bpm-selector>button.bpm-selector__step:hover:not(:disabled){color:var(--metronome-module-selected-ink);background:var(--metronome-module-selected-bg)}.metronome-module .bpm-selector__input-wrap{width:100%;min-width:0;border:0;color:inherit;background:transparent}.metronome-module .bpm-selector__input{height:76px;padding:2px 10px 14px;color:inherit;font-size:3.75rem;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1;text-indent:0;-webkit-text-fill-color:currentColor}.metronome-module .bpm-selector__input-wrap small{bottom:2px;color:inherit;font-size:.6875rem;letter-spacing:.08em}.metronome-module__tempo-steps{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metronome-module__tempo-steps [data-slot=button]{min-width:0;min-height:36px;border-color:currentColor;border-radius:0;color:inherit;background:transparent;font-family:var(--ds-font-body);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.metronome-module__duration-stepper{display:grid;min-width:0;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:clamp(6px,3cqi,12px)}.metronome-module__duration-stepper>[data-slot=button]{width:48px;min-width:48px;height:48px}.metronome-module__duration-stepper output{display:flex;width:100%;min-width:0;overflow:hidden;flex-direction:column;align-items:center;color:inherit;font-variant-numeric:tabular-nums;text-align:center}.metronome-module__duration-stepper output strong{max-width:100%;font-family:var(--ds-font-heading);font-size:clamp(2.25rem,18cqi,3.25rem);font-weight:900;letter-spacing:-.02em;line-height:.9;white-space:nowrap}.metronome-module__duration-stepper output small{margin-top:6px;color:inherit;font-family:var(--ds-font-body);font-size:.6875rem;font-weight:600;letter-spacing:.06em;line-height:1;text-transform:uppercase}.metronome-module__duration-settings{display:grid;width:100%;grid-template-columns:minmax(0,1.35fr) minmax(7rem,.65fr);gap:12px;margin-top:auto}.metronome-module__inline-field{min-width:0;gap:8px}.metronome-module__inline-field [data-slot=field-label]{color:inherit;font-family:var(--ds-font-body);font-size:.6875rem;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase}.metronome-module__inline-field [data-slot=toggle-group]{display:grid;width:100%;gap:0}.metronome-module__inline-field--mode [data-slot=toggle-group]{grid-template-columns:repeat(2,minmax(0,1fr))}.metronome-module__inline-field--count-in [data-slot=toggle-group]{grid-template-columns:repeat(3,minmax(0,1fr))}.metronome-module .metronome-module__inline-field [data-slot=toggle-group-item]{min-width:0;min-height:36px;overflow:hidden;padding:4px 2px;border:1px solid currentColor;border-radius:0;color:inherit;background:transparent;font-family:var(--ds-font-body);font-size:.625rem;font-weight:700;letter-spacing:-.025em;text-overflow:clip;white-space:nowrap}.metronome-module__inline-field [data-slot=toggle-group-item]:hover,.metronome-module__inline-field [data-slot=toggle-group-item][data-state=on]{color:var(--metronome-module-selected-ink);background:var(--metronome-module-selected-bg)}.metronome-module__presets,.metronome-module__subdivisions{display:grid;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:auto}.metronome-module__subdivisions{grid-template-columns:repeat(4,minmax(0,1fr))}.metronome-module__subdivision-controls{display:grid;width:100%;gap:8px;margin-top:auto}.metronome-module .metronome-module__presets [data-slot=toggle-group-item],.metronome-module__subdivisions [data-slot=toggle-group-item]{min-width:0;min-height:44px;overflow:hidden;padding:4px 2px;border:1px solid currentColor;border-radius:0;color:inherit;background:transparent;font-family:var(--ds-font-body);font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.025em;text-overflow:clip;white-space:nowrap}.metronome-module__presets [data-slot=toggle-group-item]:hover,.metronome-module__subdivisions [data-slot=toggle-group-item]:hover,.metronome-module__presets [data-slot=toggle-group-item][data-state=on],.metronome-module__subdivisions [data-slot=toggle-group-item][data-state=on]{color:var(--metronome-module-selected-ink);background:var(--metronome-module-selected-bg)}.metronome-module__audio-status{min-width:0}.metronome-module__audio-copy{display:flex;width:100%;min-width:0;flex-direction:column;align-items:center;text-align:center}.metronome-module__audio-copy strong{font-family:var(--ds-font-heading);font-size:2rem;font-weight:900;line-height:.9;text-transform:uppercase}.metronome-module__volume{display:grid;min-width:0;grid-template-columns:48px minmax(0,1fr) 3rem;align-items:center;gap:12px}.metronome-module__volume>[data-slot=button]{width:48px;min-width:48px;height:48px}.metronome-module__volume [data-slot=slider-track]{background:color-mix(in oklch,var(--metronome-module-bg),black 18%)}.metronome-module__volume [data-slot=slider-range]{background:var(--metronome-module-ink)}.metronome-module__volume [data-slot=slider-thumb]{border-color:var(--metronome-module-ink);background:var(--metronome-module-selected-bg)}.metronome-module__volume output{color:inherit;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.metronome-module__custom-subdivision{min-height:52px;gap:12px;padding:8px 10px;border:1px solid currentColor;color:inherit}.metronome-module__custom-subdivision [data-slot=field-label],.metronome-module__custom-subdivision [data-slot=field-description]{color:inherit}.metronome-module__custom-subdivision [data-slot=field-label]{font-family:var(--ds-font-body);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.metronome-module__custom-subdivision [data-slot=field-description]{font-size:.625rem;opacity:.75}.metronome-module__custom-subdivision [data-slot=input]{width:64px;height:36px;flex:0 0 64px;border:1px solid currentColor;border-radius:0;color:var(--ink);background:var(--panel);font-family:var(--ds-font-heading);font-size:1.25rem;font-weight:900;text-align:center}.metronome-sequencer{overflow:hidden;border-color:var(--ink);background:var(--panel)}.metronome-pattern-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,11.5rem);align-items:center;column-gap:24px;padding:24px;border-bottom:1px solid var(--ink);background:var(--panel);transition:grid-template-columns .24s cubic-bezier(.25,1,.5,1),column-gap .24s cubic-bezier(.25,1,.5,1)}.metronome-pattern-header__copy{min-width:0}.metronome-pattern-header [data-slot=card-title] h2{font-family:var(--ds-font-heading);font-size:2rem;font-weight:900;letter-spacing:.01em;line-height:1;text-transform:uppercase}.metronome-pattern-header [data-slot=card-description]{max-width:48ch;margin-top:8px;color:var(--ink-soft);font-family:var(--ds-font-body);font-size:1rem;line-height:1.5}.metronome-pattern-header [data-slot=card-action]{min-width:0;max-height:64px;overflow:hidden;align-self:center;opacity:1;transform:translate(0);transition:max-height .2s cubic-bezier(.25,1,.5,1),opacity .15s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1)}.metronome-sequencer[data-playback=active] .metronome-pattern-header{grid-template-columns:minmax(0,1fr) 0fr;column-gap:0}.metronome-sequencer[data-playback=active] .metronome-pattern-header [data-slot=card-action]{max-height:0;opacity:0;pointer-events:none;transform:translate(10px)}.metronome-sequencer__transport{min-width:11.5rem;min-height:52px;border:1px solid var(--ink);border-radius:0;font-family:var(--ds-font-heading);font-size:1.25rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.metronome-selector-rail{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:4px solid var(--accent);background:var(--ink);gap:1px}.metronome-selector-trigger{display:flex;width:100%;min-width:0;height:auto;min-height:104px;align-items:stretch;flex-direction:column;justify-content:center;gap:8px;padding:16px 20px;border:0;border-radius:0;background:var(--ds-muted);color:var(--ink);text-align:left;white-space:normal}.metronome-selector-trigger:hover,.metronome-selector-trigger[aria-expanded=true]{color:var(--ink);background:color-mix(in oklch,var(--ds-muted),var(--metronome-audio) 18%)}.metronome-selector-trigger__label,.metronome-selector-trigger__value{display:flex;min-width:0;align-items:center}.metronome-selector-trigger__label{font-family:var(--ds-font-body);font-size:.75rem;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.metronome-selector-trigger__value{width:100%;justify-content:space-between;gap:12px}.metronome-selector-trigger__value strong{min-width:0;overflow:hidden;font-family:var(--ds-font-heading);font-size:2rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:.95;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.metronome-selector-trigger__value svg{width:20px;height:20px;flex:0 0 auto;transition:transform .16s cubic-bezier(.25,1,.5,1)}.metronome-selector-trigger[aria-expanded=true] .metronome-selector-trigger__value svg{transform:rotate(180deg)}.metronome-selector-menu[data-slot=dropdown-menu-content]{width:max(var(--radix-dropdown-menu-trigger-width),14rem);padding:0;border:1px solid var(--ink);border-radius:0;background:var(--panel);box-shadow:4px 4px 0 var(--ink)}.metronome-selector-option[data-slot=dropdown-menu-radio-item]{min-height:48px;padding:12px 44px 12px 16px;border-bottom:1px solid var(--ink);border-radius:0;font-family:var(--ds-font-body);font-size:.875rem;font-weight:700;text-transform:uppercase}.metronome-selector-option[data-slot=dropdown-menu-radio-item]:last-child{border-bottom:0}.metronome-selector-option[data-slot=dropdown-menu-radio-item]:focus{color:var(--ink);background:var(--metronome-audio)}.metronome-sequencer__body{padding:24px;border-bottom:4px solid var(--accent);background:var(--panel)}.metronome-beat-surface{overflow:hidden;border:1px solid var(--ink);background:var(--ink)}.metronome-beat-grid{display:grid;min-width:0;grid-template-columns:repeat(var(--metronome-beat-columns),minmax(0,1fr));gap:1px;background:var(--ink)}.metronome-beat{display:flex;min-width:0;flex-direction:column;gap:12px;padding:16px;background:var(--panel);transition:background-color .16s cubic-bezier(.25,1,.5,1)}.metronome-beat.is-current{background:var(--metronome-pulse)}.metronome-beat__label{font-family:var(--ds-font-body);font-size:.875rem;font-weight:700;letter-spacing:.05em;line-height:1;text-align:center;text-transform:uppercase}.metronome-beat__cells{display:grid;gap:4px}.metronome-beat__cell{position:relative;width:100%;min-width:0;min-height:56px;padding:0;transition:transform .16s cubic-bezier(.25,1,.5,1),box-shadow .16s cubic-bezier(.25,1,.5,1)}.metronome-beat__cell.is-current{transform:translateY(-2px);box-shadow:0 3px 0 var(--ink)}@media(max-width:960px){.metronome-control-deck__modules{grid-template-columns:repeat(2,minmax(0,1fr))}.metronome-module--tempo{grid-column:1 / -1}}@keyframes metronome-compact-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:780px){.metronome-control-deck__modules{display:block}.metronome-control-deck__compact{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ink);background:var(--ink)}.metronome-compact-trigger[data-slot=button]{display:flex;width:100%;min-width:0;min-height:96px;height:auto;align-items:stretch;flex-direction:column;justify-content:center;gap:3px;padding:10px 12px;border:0;border-radius:0;color:var(--metronome-module-light-ink);background:var(--metronome-tempo);white-space:normal;box-shadow:none}.metronome-compact-trigger[data-slot=button]+.metronome-compact-trigger[data-slot=button]{border-left:1px solid var(--ink)}.metronome-compact-trigger--duration[data-slot=button]{background:var(--metronome-duration)}.metronome-compact-trigger--audio[data-slot=button]{color:var(--metronome-module-dark-ink);background:var(--metronome-audio)}.metronome-compact-trigger[data-slot=button]:hover,.metronome-compact-trigger[data-slot=button][data-state=open]{color:var(--metronome-module-light-ink);background:color-mix(in oklch,var(--metronome-tempo),black 12%)}.metronome-compact-trigger--duration[data-slot=button]:hover,.metronome-compact-trigger--duration[data-slot=button][data-state=open]{background:color-mix(in oklch,var(--metronome-duration),black 12%)}.metronome-compact-trigger--audio[data-slot=button]:hover,.metronome-compact-trigger--audio[data-slot=button][data-state=open]{color:var(--metronome-module-dark-ink);background:color-mix(in oklch,var(--metronome-audio),black 8%)}.metronome-compact-trigger__label,.metronome-compact-trigger__value{display:flex;min-width:0;align-items:center}.metronome-compact-trigger__label{gap:6px;overflow:hidden;font-family:var(--ds-font-body);font-size:.625rem;font-weight:700;letter-spacing:.06em;line-height:1.1;text-transform:uppercase}.metronome-compact-trigger__label svg{flex:0 0 auto}.metronome-compact-trigger__value{width:100%;justify-content:space-between;gap:6px}.metronome-compact-trigger__value strong{overflow:hidden;font-family:var(--ds-font-heading);font-size:1.75rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1;text-overflow:ellipsis}.metronome-compact-trigger__value svg{flex:0 0 auto;transition:transform .18s cubic-bezier(.25,1,.5,1)}.metronome-compact-trigger[data-state=open] .metronome-compact-trigger__value svg{transform:rotate(180deg)}.metronome-compact-trigger small{overflow:hidden;font-family:var(--ds-font-body);font-size:.625rem;font-weight:500;line-height:1.1;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.metronome-module{display:none}.metronome-module[data-compact-open=true]{display:flex;margin-top:8px;animation:metronome-compact-panel-in .18s cubic-bezier(.25,1,.5,1)}}@media(max-width:700px){.metronome-page__content{gap:20px}.metronome-control-deck__modules{gap:8px}.metronome-module{min-height:0;gap:12px;padding:16px}.metronome-module .bpm-selector__input{font-size:3.25rem}.metronome-module__duration-stepper output strong{font-size:3rem}.metronome-focus-timer{min-height:290px;grid-template-columns:minmax(2.5rem,.65fr) minmax(12rem,auto) minmax(2.5rem,.65fr);gap:12px;padding-inline:16px}.metronome-focus-timer__pulse{height:140px}.metronome-beat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metronome-sequencer__body{padding:16px}.metronome-beat{padding:12px}}@media(max-width:520px){.metronome-control-deck__modules{grid-template-columns:minmax(0,1fr)}.metronome-module--tempo{grid-column:auto}.metronome-module__bpm,.metronome-module__duration-stepper{gap:8px}.metronome-module__presets,.metronome-module__subdivisions,.metronome-module__tempo-steps{gap:4px}.metronome-playing-summary__item{min-height:68px;padding-inline:6px}.metronome-playing-summary__item>span{gap:4px;font-size:.5625rem}.metronome-playing-summary__item>span svg{display:none}.metronome-playing-summary__item>strong{font-size:1.1rem}.metronome-focus-timer{min-height:270px;grid-template-columns:minmax(1.5rem,.35fr) minmax(11rem,auto) minmax(1.5rem,.35fr);padding:24px 8px}.metronome-focus-timer__value{font-size:clamp(3.75rem,20vw,5rem)}.metronome-focus-timer__pulse{height:120px}}@media(max-width:440px){.metronome-pattern-header{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 16px}.metronome-pattern-header [data-slot=card-action],.metronome-sequencer__transport{width:100%}.metronome-pattern-header [data-slot=card-title] h2{font-size:1.75rem}.metronome-selector-trigger{min-height:92px;gap:6px;padding:14px 12px}.metronome-selector-trigger__value{gap:6px}.metronome-selector-trigger__value strong{font-size:1.5rem}.metronome-compact-trigger[data-slot=button]{padding-inline:8px}.metronome-compact-trigger__label,.metronome-compact-trigger__value{gap:4px}.metronome-compact-trigger--duration .metronome-compact-trigger__value strong{font-size:1.25rem}}@media(max-width:360px){.metronome-compact-trigger[data-slot=button]{min-height:90px;padding-inline:8px}.metronome-compact-trigger__label,.metronome-compact-trigger small{font-size:.5625rem}.metronome-compact-trigger__value strong{font-size:1.375rem}.metronome-compact-trigger--duration .metronome-compact-trigger__value strong{font-size:1.125rem}}@media(prefers-reduced-motion:reduce){.metronome-control-deck__view,.metronome-pattern-header,.metronome-pattern-header [data-slot=card-action],.metronome-beat__cell,.metronome-selector-trigger__value svg,.metronome-compact-trigger__value svg{transition:none}.metronome-focus-timer__pulse span{animation:none;opacity:.28;transform:translateY(-50%) scaleX(1)}.metronome-module[data-compact-open=true]{animation:none}}.bpm-selector{--bpm-selector-control-size: 44px;--bpm-selector-input-width: clamp(52px, 14vw, 78px);display:flex;width:max-content;max-width:100%;min-width:0;align-items:center;gap:clamp(4px,1vw,10px)}.bpm-selector>button.bpm-selector__step[data-size=icon-product]{display:inline-flex;width:var(--bpm-selector-control-size);min-width:var(--bpm-selector-control-size);height:var(--bpm-selector-control-size);border-width:1px;color:var(--ink);background:var(--panel)}.bpm-selector>button.bpm-selector__step:hover:not(:disabled){color:var(--panel);background:var(--ink)}.bpm-selector>button.bpm-selector__step:disabled{opacity:.5}.bpm-selector__input-wrap{position:relative;display:block;width:var(--bpm-selector-input-width);min-width:var(--bpm-selector-input-width);flex:0 0 var(--bpm-selector-input-width);border:1px solid var(--ink);background:var(--panel)}.bpm-selector__input{width:100%;height:var(--bpm-selector-control-size);padding:1px 4px 11px;border:0;border-radius:0;background:transparent;box-shadow:none;font-family:Barlow Condensed,sans-serif;font-size:1.85rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;text-align:center;appearance:textfield}.bpm-selector__input:focus-visible{outline:3px solid var(--ring);outline-offset:-3px}.bpm-selector__input::-webkit-inner-spin-button,.bpm-selector__input::-webkit-outer-spin-button{margin:0;appearance:none}.bpm-selector__input-wrap small{position:absolute;right:0;bottom:3px;left:0;color:var(--muted);font-size:.5rem;font-weight:700;letter-spacing:.12em;line-height:1;text-align:center;text-transform:uppercase;pointer-events:none}.sessions-page,.session-builder-page,.session-player-page,.shared-session-page{width:100%;height:100%;min-width:0;min-height:0;color:var(--ink);background:var(--paper)}.sessions-page{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.session-builder-header h1,.session-player-title h1,.session-completion h1,.shared-session-landing h1{margin:0;font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-weight:900;letter-spacing:-.035em;text-transform:uppercase}.sessions-new-button{flex:none;min-width:190px}.sessions-toolbar{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:18px}.sessions-tabs{display:flex;align-self:stretch;gap:34px}.sessions-tabs button{position:relative;padding:0;border:0;color:var(--muted);background:transparent;font:700 .72rem/1 IBM Plex Mono,monospace;letter-spacing:.02em;text-transform:uppercase}.sessions-tabs button[aria-pressed=true]{color:var(--accent)}.sessions-tabs button[aria-pressed=true]:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--accent);content:""}.sessions-toolbar-actions{display:flex;align-items:center;gap:10px}.sessions-search{position:relative;display:flex;align-items:center}.sessions-search svg{position:absolute;left:12px;pointer-events:none}.sessions-search input,.sessions-sort{height:43px;border:1px solid var(--ink);color:var(--ink);background:var(--panel);font:.68rem/1 IBM Plex Mono,monospace}.sessions-search input{width:min(27vw,260px);padding:0 12px 0 39px}.sessions-sort{appearance:none;padding:0 34px 0 12px;border-radius:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231d1d1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.session-card-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:clamp(18px,2.2vw,30px)}.session-card{position:relative;display:grid;min-width:0;grid-template-rows:auto minmax(148px,auto) auto auto;padding:22px 22px 0}.session-card>header{display:flex;min-height:28px;align-items:flex-start;justify-content:space-between}.session-card-copy{padding:11px 0 20px}.session-card-copy h2{margin:0;overflow-wrap:anywhere;font-family:Barlow Condensed,Impact,sans-serif;font-size:1.75rem;font-weight:900;line-height:.95;text-transform:uppercase}.session-card-copy p{min-height:3.2em;margin:13px 0;color:var(--muted);font-size:.68rem;line-height:1.55}.session-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:15px 0;border-top:1px dashed #8d8b85}.session-card-metrics>div{min-width:0;padding:0 11px;border-left:1px solid #d8d5cd}.session-card-metrics>div:first-child{padding-left:0;border-left:0}.session-card-metrics dt{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.54rem;text-transform:uppercase}.session-card-metrics dd{margin:6px 0 0;overflow:hidden;font-size:.67rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.session-card>footer{display:flex;gap:10px;padding:0 0 20px}.session-start-button{min-width:0;flex:1}.session-edit-button{flex:none}.sessions-shared-section{margin-top:50px}.sessions-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.sessions-section-heading h2{margin:0;color:var(--muted);font-family:inherit;font-size:.75rem;letter-spacing:.12em}.session-list{border:1px solid var(--ink);background:var(--panel)}.session-list-row{position:relative;display:grid;min-height:76px;grid-template-columns:44px minmax(145px,1.2fr) minmax(180px,2fr) minmax(290px,2fr) auto 44px 32px;align-items:center;gap:14px;padding:11px 14px;border-top:1px solid #aaa79f}.session-list-row:first-child{border-top:0}.session-list-copy{display:grid;min-width:0;gap:4px}.session-list-copy strong,.session-list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-list-copy strong{font-size:.7rem}.session-list-copy small,.session-list-row>p{color:var(--muted);font-size:.59rem}.session-list-row>p{margin:0;line-height:1.45}.session-list-row dl{display:grid;grid-template-columns:repeat(3,minmax(75px,1fr));margin:0}.session-list-row dl>div{padding:0 13px;border-left:1px solid #d1cec6}.session-list-row dt{color:var(--muted);font-size:.49rem;text-transform:uppercase}.session-list-row dd{margin:4px 0 0;font-size:.62rem;font-weight:700}.session-card-skeleton{min-height:370px}@media(max-width:1260px){.session-card-grid{grid-template-columns:repeat(2,minmax(270px,1fr))}.session-list-row{grid-template-columns:44px minmax(140px,1fr) minmax(240px,2fr) auto 44px 32px}.session-list-row>p{display:none}}@media(max-width:960px){.sessions-new-button{min-width:160px}.sessions-toolbar{align-items:stretch;flex-direction:column;padding:18px 0}.sessions-tabs{min-height:44px}.sessions-search{flex:1}.sessions-search input{width:100%}.session-list-row{grid-template-columns:44px minmax(130px,1fr) auto 44px 32px}.session-list-row dl{display:none}}@media(max-width:780px){.sessions-new-button{width:100%}.sessions-tabs{gap:20px;overflow-x:auto}.sessions-tabs button{flex:none}.sessions-toolbar-actions{align-items:stretch;flex-direction:column}.session-card-grid{grid-template-columns:minmax(0,1fr)}.session-card{padding-inline:17px}.sessions-shared-section{margin-top:38px}.session-list-row{grid-template-columns:40px minmax(0,1fr) 42px 28px;gap:10px;padding-inline:10px}.session-list-row [data-slot=badge]{display:none}}.session-player-page [data-slot=progress]{width:100%;height:7px;border-radius:0;background:#d8d5cd}.session-player-page [data-slot=progress-indicator]{background:var(--accent)}.session-player-session-progress [data-slot=progress]{height:6px}.inspector-checkbox [data-slot=checkbox]{width:18px;height:18px}.session-player-page{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;color:var(--ink);background:linear-gradient(#ffffff38,#ffffff38),var(--paper)}.session-player-header{display:grid;min-height:104px;grid-template-columns:auto minmax(240px,1fr) auto auto auto auto;align-items:center;gap:clamp(16px,2.2vw,34px);margin:0 clamp(24px,3.4vw,54px);border-bottom:1px solid var(--ink)}.session-player-exit,.session-player-header-action,.session-player-save-copy{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--ink);color:var(--ink);background:transparent;font:700 .64rem/1 IBM Plex Mono,monospace}.session-player-exit:hover,.session-player-header-action:hover:not(:disabled),.session-player-save-copy:hover:not(:disabled){color:#fff;background:var(--ink)}.session-player-save-copy{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid var(--ink);color:#fff;background:var(--accent);font:700 .6rem/1 IBM Plex Mono,monospace}.session-player-save-copy:disabled{opacity:.55}.session-player-title{min-width:0}.session-player-title h1{margin:0;overflow:hidden;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(1.55rem,2.3vw,2.35rem);font-weight:800;line-height:.95;letter-spacing:-.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.session-player-title p{margin:7px 0 0;color:var(--muted);font-size:.62rem}.session-player-header-stats{display:flex;margin:0}.session-player-header-stats>div{min-width:108px;padding:0 24px;border-left:1px solid #c5c1b8;text-align:center}.session-player-header-stats>div:first-child{border-left:0}.session-player-header-stats dt,.session-player-header-stats dd{margin:0;text-transform:uppercase}.session-player-header-stats dt{margin-top:6px;color:var(--muted);font-size:.55rem;letter-spacing:.06em}.session-player-header-stats dd{font-size:1.02rem;font-weight:700;line-height:1.3;order:-1}.session-player-current{min-height:0;padding:clamp(24px,3.2vh,42px) clamp(34px,4.8vw,76px) 22px;overflow:auto}.session-player-current>header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.session-player-current>header>div:first-child>span,.session-player-current>header>div:first-child>p,.session-player-current-tempo>span{color:var(--muted);font-size:.64rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.session-player-current h2{margin:7px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(3.1rem,5.2vw,5.4rem);font-weight:900;line-height:.82;letter-spacing:-.04em;text-transform:uppercase}.session-player-current>header p{margin:0}.session-player-current-tempo{display:grid;justify-items:end;gap:10px;text-align:right}.session-player-current-tempo output{display:flex;align-items:baseline;gap:7px}.session-player-current-tempo output strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(2.5rem,4vw,4rem);line-height:.8}.session-player-current-tempo output small{color:var(--muted);font-size:.65rem;font-weight:700}.session-player-block-progress{display:grid;grid-template-columns:auto minmax(180px,400px);align-items:end;justify-content:space-between;gap:25px;margin:30px 0 18px}.session-player-block-progress>div{display:flex;align-items:baseline;gap:18px}.session-player-block-progress span{color:var(--muted);font-size:.62rem;font-weight:700}.session-player-block-progress strong{font-size:.68rem}.session-player-page progress{width:100%;height:7px;overflow:hidden;border:0;border-radius:0;color:var(--accent);background:#d8d5cd;appearance:none}.session-player-page progress::-webkit-progress-bar{background:#d8d5cd}.session-player-page progress::-webkit-progress-value{background:var(--accent)}.session-player-page progress::-moz-progress-bar{background:var(--accent)}.session-player-notation{position:relative;min-height:230px;border:1px solid #aaa69d;background:#ffffff4d}.session-player-notation .notation-card{min-height:228px;padding:16px 20px;border:0;background:transparent}.session-player-notation .notation-viewport{min-height:194px}.session-player-rest{position:absolute;z-index:2;inset:50% auto auto 50%;display:grid;min-width:150px;justify-items:center;gap:4px;padding:16px 24px;border:2px solid var(--ink);color:#fff;background:var(--ink);box-shadow:6px 6px 0 var(--accent);transform:translate(-50%,-50%)}.session-player-rest span,.session-player-rest small{font-size:.58rem;letter-spacing:.08em}.session-player-rest strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:3rem;line-height:.9}.session-player-up-next{display:grid;min-height:108px;grid-template-columns:230px minmax(220px,1fr) auto auto;align-items:center;gap:25px;margin:0 clamp(34px,4.8vw,76px) 22px;padding:12px 22px;border:1px solid var(--ink)}.session-player-up-next>header{display:grid;gap:3px}.session-player-up-next>header>span,.session-player-up-next>header>small{color:var(--muted);font-size:.55rem;text-transform:uppercase}.session-player-up-next>header strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:1.25rem;line-height:1;text-transform:uppercase}.session-player-up-next-notation{height:96px;overflow:hidden;border-inline:1px solid #d0ccc3}.session-player-up-next-notation .notation-card{min-height:0;padding:0 8px;border:0;background:transparent;transform:scale(.68);transform-origin:left top;width:147%}.session-player-up-next dl{display:flex;gap:24px;margin:0}.session-player-up-next dl div{min-width:72px}.session-player-up-next dt{color:var(--muted);font-size:.52rem;text-transform:uppercase}.session-player-up-next dd{margin:5px 0 0;font-size:.68rem;font-weight:700;text-transform:uppercase}.session-player-transition{display:grid;gap:8px;justify-items:center}.session-player-transition>strong{color:var(--accent);font-size:.72rem}.session-player-transition ol{display:flex;gap:7px;margin:0;padding:0;list-style:none}.session-player-transition li{display:grid;width:24px;height:24px;place-items:center;border:1px solid #aaa69e;border-radius:50%;color:var(--muted);font-size:.53rem}.session-player-transition li.is-current{border:2px solid var(--accent);color:var(--accent)}.session-player-transition li.is-complete{border-color:var(--ink);color:#fff;background:var(--ink)}.session-player-up-next--empty{grid-template-columns:1fr;min-height:72px}.session-player-controls{display:grid;min-height:126px;grid-template-columns:1.05fr 1.35fr 1.75fr 1.15fr .8fr;border-top:1px solid var(--ink);background:#f5f2eafa}.session-player-control-group{display:grid;min-width:0;align-content:center;gap:12px;padding:16px 24px;border-left:1px solid var(--ink)}.session-player-control-group:first-child{border-left:0}.session-player-control-group>span:first-child{color:var(--muted);font-size:.57rem;font-weight:700;letter-spacing:.08em}.session-player-tempo-controls>div,.session-player-transport>div,.session-player-settings>div{display:flex;align-items:center;gap:9px}.session-player-control-group button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--ink);color:var(--ink);background:transparent}.session-player-control-group button:hover:not(:disabled){color:#fff;background:var(--ink)}.session-player-control-group button:disabled{opacity:.32}.session-player-tempo-controls output{display:flex;min-width:62px;align-items:baseline;justify-content:center;gap:4px}.session-player-tempo-controls output strong,.session-player-timer output{font-family:Barlow Condensed,Impact,sans-serif;font-size:1.9rem;font-weight:800;line-height:.9}.session-player-tempo-controls output small,.session-player-session-progress small,.session-player-timer small{color:var(--muted);font-size:.53rem;text-transform:uppercase}.session-player-session-progress progress{height:6px}.session-player-transport{justify-items:center}.session-player-transport .session-player-play{width:54px;height:54px;color:#fff;background:var(--ink)}.session-player-transport .session-player-play:hover{color:#fff;background:var(--accent)}.session-player-timer output{display:flex;align-items:center;gap:8px}.session-player-settings>div{justify-content:space-between}.session-player-settings .practice-control-bar__audio-toggle{width:44px;height:44px}.session-player-settings .practice-control-bar__audio-toggle[aria-pressed=true],.session-player-settings .session-player-repeat-all[aria-pressed=true]{color:#fff;background:var(--accent)}.session-player-settings-dialog{width:min(520px,calc(100vw - 28px));max-height:min(680px,calc(100dvh - 28px));padding:0;overflow:auto;border:2px solid var(--ink);border-radius:0;color:var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--accent)}.session-player-settings-dialog::backdrop{background:#030403b8}.session-player-settings-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;border-bottom:1px solid var(--ink)}.session-player-settings-dialog>header span,.session-player-settings-dialog>header h2{display:block;margin:0}.session-player-settings-dialog>header span{margin-bottom:5px;color:var(--accent);font-size:.55rem;font-weight:700}.session-player-settings-dialog>header h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:2rem;line-height:.9}.session-player-settings-dialog>header button{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid var(--ink);color:var(--ink);background:transparent}.session-player-settings-fields{display:grid;padding:8px 21px}.session-player-settings-fields label{display:grid;min-height:58px;grid-template-columns:minmax(0,1fr) minmax(130px,200px);align-items:center;gap:18px;border-bottom:1px solid #c4c0b7;font-size:.63rem;font-weight:600}.session-player-settings-fields select,.session-player-settings-fields input[type=range]{width:100%}.session-player-settings-fields select{min-height:38px;border:1px solid var(--ink);border-radius:0;color:var(--ink);background:transparent;font:.6rem/1 IBM Plex Mono,monospace;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%231d1d1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.session-player-settings-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 21px 21px}.session-player-settings-dialog>footer small{color:var(--muted);font-size:.55rem}.session-player-settings-dialog>footer button{min-height:42px;padding:0 20px;border:1px solid var(--ink);color:#fff;background:var(--ink);font:700 .61rem/1 IBM Plex Mono,monospace}.session-player-loading,.session-player-error,.session-player-empty,.session-completion{grid-template-rows:auto;place-content:center;justify-items:center;gap:18px;padding:30px;text-align:center}.session-player-loading-mark{width:42px;height:42px;border:4px solid #cbc7be;border-top-color:var(--accent);border-radius:50%;animation:product-spin .7s linear infinite}.session-player-error h1,.session-player-empty h1,.session-completion h1{max-width:800px;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(3rem,8vw,6.5rem);line-height:.82;text-transform:uppercase}.session-player-error>div,.session-completion-actions{display:flex;gap:10px}.session-player-error button,.session-player-empty button,.session-completion-actions button{display:flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid var(--ink);color:var(--ink);background:transparent;font:700 .63rem/1 IBM Plex Mono,monospace}.session-completion-actions button:first-child{color:#fff;background:var(--accent)}.session-completion-mark{display:grid;width:70px;height:70px;place-items:center;border:3px solid var(--accent);border-radius:50%;color:var(--accent);font-size:2rem}.session-completion>span{color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.1em}.session-completion dl{display:flex;gap:50px;margin:10px 0 20px}.session-completion dl div{display:grid;gap:5px}.session-completion dt{color:var(--muted);font-size:.58rem;text-transform:uppercase}.session-completion dd{margin:0;font-size:1rem;font-weight:700}@media(max-width:1180px){.session-player-header{grid-template-columns:auto minmax(180px,1fr) auto auto}.session-player-header-action{grid-row:auto}.session-player-save-copy{min-height:38px;padding-inline:9px;font-size:.52rem}.session-player-header-stats,.session-player-header [data-slot=badge]{display:none}.session-player-up-next{grid-template-columns:190px minmax(180px,1fr) auto}.session-player-transition{display:none}.session-player-control-group{padding-inline:14px}}@media(max-width:860px){.session-player-page{display:block;overflow-y:auto;padding-top:58px}.session-player-header{min-height:86px;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;margin-inline:14px}.session-player-exit{width:42px;padding:0}.session-player-exit span,.session-player-header-stats,.session-player-header [data-slot=badge]{display:none}.session-player-title h1{font-size:1.5rem}.session-player-header-action{min-height:38px;grid-row:auto;padding-inline:9px;font-size:.54rem}.session-player-current{padding:27px 14px 16px;overflow:visible}.session-player-current>header{display:grid;gap:18px}.session-player-current h2{font-size:clamp(2.9rem,14vw,4.5rem)}.session-player-current-tempo{display:flex;align-items:center;justify-content:space-between;text-align:left}.session-player-block-progress{grid-template-columns:1fr;gap:10px;margin-top:22px}.session-player-notation,.session-player-notation .notation-card{min-height:210px}.session-player-up-next{grid-template-columns:minmax(0,1fr) auto;gap:16px;min-height:90px;margin:0 14px 15px;padding:13px 15px}.session-player-up-next-notation,.session-player-transition{display:none}.session-player-controls{position:sticky;z-index:8;bottom:0;min-height:92px;grid-template-columns:1fr 1.55fr 1fr;box-shadow:0 -5px 0 var(--accent)}.session-player-control-group{min-height:92px;gap:7px;padding:9px 8px}.session-player-session-progress,.session-player-timer{display:none}.session-player-tempo-controls>div{gap:4px}.session-player-control-group button{width:36px;height:36px}.session-player-tempo-controls output{min-width:42px}.session-player-tempo-controls output strong{font-size:1.45rem}.session-player-transport>div{gap:5px}.session-player-transport>div button:nth-child(2){display:none}.session-player-transport .session-player-play{width:49px;height:49px}.session-player-settings>div{justify-content:center}}.share-session-dialog{width:min(calc(100vw - 32px),620px);min-width:0;max-height:min(calc(100dvh - 32px),850px);grid-template-rows:auto minmax(0,1fr);margin:auto;padding:0;overflow:hidden;border:2px solid var(--ink);color:var(--ink);background:var(--panel);box-shadow:8px 8px 0 var(--accent)}.share-session-dialog::backdrop{background:#0000009e}.share-session-dialog>header{position:relative;display:flex;min-width:0;min-height:92px;align-items:center;padding:18px 82px 18px 24px;border-bottom:1px solid var(--ink)}.share-session-dialog>header>div{width:100%;min-width:0;overflow:hidden}.share-session-dialog>header span,.share-session-dialog h3{color:var(--muted);font-size:.62rem;letter-spacing:.08em}.share-session-dialog>header h2{margin:6px 0 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);line-height:.95;overflow-wrap:anywhere;text-transform:uppercase}.share-session-dialog>header button{position:absolute;top:50%;right:24px;display:grid;width:42px;height:42px;transform:translateY(-50%);place-items:center;border:1px solid var(--ink);color:var(--ink);background:var(--panel)}.share-dialog-body{min-width:0;min-height:0;padding:0 24px 28px;overflow-x:hidden;overflow-y:auto}.share-dialog-body>section{min-width:0;max-width:100%;padding:24px 0;border-bottom:1px solid #aaa79e}.share-dialog-body>section:last-child{border-bottom:0}.share-session-dialog h3{margin:0 0 14px;font-family:inherit}.share-public-section{display:flex;min-width:0;flex-direction:column;gap:22px}.share-public-heading{display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr);gap:14px}.share-public-heading>div{min-width:0}.share-public-heading>span{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--ink)}.share-public-heading h3{margin-bottom:8px}.share-public-heading p{margin:0;color:var(--muted);font-size:.66rem;line-height:1.65;overflow-wrap:anywhere}.share-create-link{min-height:48px;align-self:flex-start;padding-inline:18px;font-size:.66rem;font-weight:700}.share-public-link{width:100%;min-width:0;height:auto;border-color:var(--ink);border-radius:0;background:#fff}.share-public-link input{width:100%;min-width:0;font-size:.65rem}.share-public-link [data-slot=button]{min-width:0;min-height:38px;font-size:.6rem;font-weight:700}.share-public-note{display:flex;min-width:0;align-items:flex-start;gap:10px;padding:13px 14px;border:1px dashed #8b8881}.share-public-note svg{flex:none}.share-public-note p{min-width:0;margin:0;color:var(--muted);font-size:.61rem;line-height:1.55;overflow-wrap:anywhere}.share-stop-link{align-self:flex-start;color:var(--error);font-size:.61rem}.share-dialog-loading{display:grid;min-height:300px;place-items:center;color:var(--muted);font-size:.7rem}@media(max-width:620px){.share-session-dialog{width:100%;max-width:none;height:100%;max-height:none;border:0;box-shadow:none}.share-dialog-body{padding-inline:14px}.share-session-dialog>header{padding:16px 68px 16px 14px}.share-session-dialog>header button{right:14px}}.session-builder-page{display:grid;grid-template-rows:104px minmax(0,1fr);overflow:hidden}.session-builder-header{display:grid;min-width:0;grid-template-columns:48px minmax(260px,1fr) auto auto auto auto;align-items:center;gap:14px;padding:15px 24px;border-bottom:1px solid var(--ink)}.session-builder-title-fields{display:grid;min-width:0;gap:4px}.session-builder-title-fields label{min-width:0}.session-builder-title-fields input{width:100%;min-width:0;padding:0;overflow:hidden;border:0;border-bottom:1px dashed transparent;color:var(--ink);background:transparent;text-overflow:ellipsis}.session-builder-title-fields label:first-child input{height:42px;font:900 clamp(2rem,3.7vw,3.25rem)/.95 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase}.session-builder-title-fields label:last-child input{height:24px;color:var(--muted);font:.64rem/1 inherit}.session-builder-title-fields input:hover,.session-builder-title-fields input:focus{border-bottom-color:var(--ink)}.autosave-status{display:flex;min-width:92px;align-items:center;justify-content:center;gap:7px}.builder-start-button{height:46px;white-space:nowrap}.session-settings-dialog{width:min(560px,calc(100vw - 28px));padding:0;overflow:hidden;border:2px solid var(--ink);border-radius:0;color:var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--accent)}.session-settings-dialog>header,.session-settings-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px}.session-settings-dialog>header{border-bottom:1px solid var(--ink)}.session-settings-dialog>header span{display:block;margin-bottom:5px;color:var(--accent);font-size:.55rem;font-weight:700}.session-settings-dialog>header h2{margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:2rem;line-height:.9}.session-settings-dialog>header button{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid var(--ink);color:var(--ink);background:transparent}.session-settings-fields{display:grid;padding:8px 21px}.session-settings-fields label{display:grid;min-height:72px;grid-template-columns:minmax(0,1fr) minmax(190px,260px);align-items:center;gap:18px;border-bottom:1px solid #c4c0b7;font-size:.63rem;font-weight:600}.session-settings-fields select{width:100%}.session-settings-dialog>footer{align-items:flex-end;padding-top:17px}.session-settings-dialog>footer small{max-width:46ch;color:var(--muted);font-size:.55rem;line-height:1.5}.session-settings-dialog>footer button{min-height:42px;padding:0 20px;border:1px solid var(--ink);color:#fff;background:var(--ink);font:700 .61rem/1 IBM Plex Mono,monospace}.session-builder-grid{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(290px,33%) minmax(360px,41%) minmax(240px,26%);overflow:hidden}.builder-library-panel,.session-timeline,.builder-settings-panel{min-width:0;min-height:0;overflow:hidden}.builder-library-panel{border-right:1px solid var(--ink);background:#f8f5ee}.session-material-switcher{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;border-bottom:1px solid var(--ink);background:var(--paper)}.session-material-switcher button{min-height:36px;font-size:.62rem;font-weight:800;letter-spacing:.04em}.session-timeline>header,.session-block-inspector>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.session-timeline h2,.session-block-inspector h2{margin:0;font-size:.72rem;letter-spacing:.02em}.session-timeline header p,.session-block-inspector header p{margin:6px 0 0;color:var(--muted);font-size:.57rem}.builder-panel-close{display:none;width:40px;height:40px;place-items:center;border:1px solid var(--ink);color:var(--ink);background:var(--panel)}.builder-library-browser{display:grid;height:100%;min-width:0;min-height:0;grid-template-rows:auto auto minmax(0,1fr)}.builder-library-header{display:grid;min-width:0;grid-template-columns:28px minmax(0,1fr) 44px;align-items:center;gap:9px;padding:15px 12px 13px;border-bottom:1px solid #aaa79f;background:var(--panel)}.builder-library-header>div{min-width:0}.builder-library-header h2,.builder-library-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-library-header h2{margin:0;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase}.builder-library-header p{margin:5px 0 0;color:var(--muted);font-size:.54rem}.builder-library-header-spacer{width:28px}.builder-library-back{border-color:#aaa79f}.builder-library-close{display:none}.builder-library-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px 12px;background:#f8f5ee}.builder-library-command-bar{border-bottom:1px solid #aaa79f;background:#f8f5ee}.builder-library-search{display:block;min-width:0}.builder-library-sort{height:40px}.builder-library-collection-trigger{width:calc(100% - 24px);margin:0 12px 10px}.builder-library-collection-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:0 12px 10px}.builder-library-collection-form input,.builder-library-collection-form select{height:36px;border-radius:0;border-color:#8f8d86;background:var(--panel)}.builder-library-collection-form-actions{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:6px}.builder-library-collection-error{grid-column:1 / -1;margin:0;color:var(--destructive);font-size:.62rem;line-height:1.35}.builder-library-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;padding:14px 12px;overflow-y:auto}.builder-library-source{display:grid;height:auto;min-width:0;min-height:150px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:34px auto auto 1fr;align-items:start;gap:5px;padding:13px 10px;text-align:left;white-space:normal}.builder-library-source>svg:first-child{align-self:start}.builder-library-source>svg:last-child{grid-column:2;grid-row:1 / -1;align-self:center}.builder-library-source>strong,.builder-library-source>span,.builder-library-source>small{grid-column:1;min-width:0}.builder-library-source>strong{font:900 1.05rem/1 Barlow Condensed,Impact,sans-serif;text-transform:uppercase}.builder-library-source>span,.builder-library-source>small{color:var(--muted);font-size:.53rem;line-height:1.4}.builder-library-source>small{align-self:end}.builder-library-explorer{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(112px,42%) minmax(0,58%);overflow:hidden}.builder-collections-column,.builder-library-contents{display:grid;min-width:0;min-height:0;grid-template-rows:32px minmax(0,1fr);overflow:hidden}.builder-collections-column{border-right:1px solid #aaa79f;background:#f1eee7}.builder-collections-column>strong,.builder-library-contents>strong{display:flex;min-width:0;align-items:center;padding:0 9px;overflow:hidden;border-bottom:1px solid #c7c3ba;color:var(--muted);font-size:.48rem;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.builder-collection-list,.builder-library-content-list{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#aaa79f transparent;scrollbar-width:thin}.builder-library-content-list{padding:0 6px 16px}.builder-collection-row{display:grid;width:100%;height:auto;min-width:0;min-height:48px;grid-template-columns:17px minmax(0,1fr) auto 13px;gap:5px;padding:6px 7px;border:0;border-bottom:1px solid #d4d1c9;border-radius:0;color:var(--ink);font-size:.58rem;text-align:left}.builder-collection-row[aria-current=true]{background:#e5e1d8;box-shadow:inset 3px 0 0 var(--accent)}.builder-collection-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-collection-row>small{display:grid;min-width:20px;min-height:20px;place-items:center;padding:0 4px;background:#dedad1;font-size:.48rem;font-variant-numeric:tabular-nums}.builder-library-content-list>.builder-collection-row{margin-inline:-6px;width:calc(100% + 12px)}.builder-library-content-list .builder-exercise-list{gap:6px;padding-top:6px;overflow:visible}.builder-library-content-list .builder-exercise-item{min-height:61px;grid-template-columns:24px minmax(0,1fr) 31px;gap:5px;padding:6px 5px 6px 1px}.builder-library-content-list .builder-exercise-drag{width:24px}.builder-library-content-list .builder-exercise-add{width:30px;height:32px}.builder-library-content-list .builder-exercise-item strong{font-size:.76rem}.builder-library-content-list .builder-exercise-item div span{display:none}.builder-library-empty{min-height:150px;padding:16px 7px}.builder-exercise-list{display:grid;align-content:start;gap:7px;min-height:0;overflow-y:auto;scrollbar-color:var(--ink) transparent}.builder-exercise-item{display:grid;min-height:67px;grid-template-columns:28px minmax(0,1fr) 38px;align-items:center;gap:8px;padding:7px 8px 7px 3px;border:1px solid #bbb8b0;background:var(--panel);cursor:grab}.builder-exercise-item:hover,.builder-exercise-item:focus-within{border-color:var(--ink)}.builder-exercise-item.is-dragging{opacity:.45}.builder-exercise-overlay{width:100%;border-color:var(--accent);opacity:1;background:var(--panel);box-shadow:7px 7px #11121038;cursor:grabbing}.builder-exercise-drag,.builder-exercise-add{display:grid;place-items:center;color:var(--ink);background:transparent}.builder-exercise-drag{width:28px;height:42px;border:0;cursor:grab}.builder-exercise-drag:active{cursor:grabbing}.builder-exercise-add{width:36px;height:36px;border:1px solid var(--ink)}.builder-exercise-item>div{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px}.builder-exercise-item strong,.builder-exercise-item small{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-exercise-item strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:.91rem;text-transform:uppercase}.builder-exercise-item small{color:var(--muted);font-size:.51rem}.builder-exercise-item div span{width:max-content;padding:2px 5px;background:#dfead9;font-size:.45rem;font-weight:700}.selectable-library-exercise{width:100%;height:auto;border-radius:0;color:var(--ink);text-align:left;white-space:normal;cursor:pointer}.selectable-library-exercise.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.selectable-library-exercise-index{display:grid;width:25px;height:31px;place-items:center;color:var(--muted);background:#e5e1d8;font:700 .57rem/1 IBM Plex Mono,monospace}.selectable-library-exercise>svg:last-child{justify-self:center}.session-timeline{display:grid;grid-template-rows:auto minmax(0,1fr);padding:20px clamp(16px,2vw,28px);background:var(--paper)}.session-timeline>header{min-height:54px}.session-block-list{display:grid;min-height:0;align-content:start;gap:13px;padding:2px 10px 30px 1px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:var(--ink) transparent;transition:background .1s ease}.session-block-list.is-over{background:#f24a1d0f}.session-block-list.is-over .session-drop-zone{border-color:var(--accent);color:var(--accent);background:#f24a1d14}.session-block-card{position:relative;z-index:1;display:grid;min-height:82px;grid-template-columns:31px 44px minmax(0,1fr) 62px;align-items:stretch;border:1px solid #aaa79f;background:var(--panel);box-shadow:0 2px #aaa79f}.session-block-card.selected{z-index:2;border:2px solid var(--accent);box-shadow:0 2px 0 var(--accent)}.session-block-card.exercise-drop-before:before,.session-block-card.exercise-drop-after:after{position:absolute;z-index:30;right:-2px;left:-2px;height:4px;background:var(--accent);box-shadow:0 0 0 2px var(--paper);content:"";pointer-events:none}.session-block-card.exercise-drop-before:before{top:-9px}.session-block-card.exercise-drop-after:after{bottom:-9px}.session-block-card:focus-within{z-index:10}.session-block-card.is-dragging{z-index:20;opacity:.65;box-shadow:6px 6px 0 var(--ink)}.session-block-drag{display:grid;width:31px;height:100%;place-items:center;border:0;color:var(--muted);background:transparent;cursor:grab}.session-block-number{display:grid;place-items:center;border-right:1px solid #d3d0c8;font-family:Barlow Condensed,Impact,sans-serif;font-size:1.65rem;font-weight:800}button.session-block-select{display:grid;height:auto;min-width:0;align-self:stretch;grid-template-columns:minmax(0,1fr);align-items:center;gap:7px;padding:10px 13px;overflow:hidden;border:0;color:var(--ink);background:transparent;text-align:left}.session-block-select>span{min-width:0}.session-block-select>span:first-child{display:grid;gap:5px}.session-block-select strong,.session-block-select small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-block-select strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:1rem;text-transform:uppercase}.session-block-select small{color:var(--muted);font-size:.51rem}.session-block-select>span:not(:first-child){display:flex;align-items:center;gap:7px;font-size:.55rem;line-height:1.4}.session-block-actions{display:grid;grid-auto-flow:column;place-content:center;gap:2px}.session-block-delete{color:var(--destructive)}.session-drop-zone{display:grid;min-height:130px;place-content:center;justify-items:center;gap:7px;margin-top:4px;border:1px dashed #6f6d67;color:var(--ink);background:transparent}.session-drop-zone svg{padding:4px;border:1px solid currentColor;border-radius:50%}.session-drop-zone strong{font-size:.65rem}.session-drop-zone small{color:var(--muted);font-size:.54rem}.builder-settings-panel{position:relative;border-left:1px solid var(--ink);background:#f8f5ee}.session-block-inspector{height:100%;padding:20px 20px 32px;overflow-y:auto;scrollbar-color:var(--ink) transparent}.session-block-inspector>header{min-height:63px}.session-block-inspector>header>div:last-child{display:grid;grid-template-columns:1fr 35px 35px;align-items:center;gap:5px}.session-block-inspector>header>div:last-child>span{grid-column:1 / -1;padding:4px 7px;background:#e6e3dc;font-size:.52rem;font-weight:700}.session-block-inspector>header button{display:grid;width:35px;height:32px;place-items:center;border:1px solid var(--ink);color:var(--ink);background:var(--panel)}.session-block-inspector.empty{display:grid;place-content:center;justify-items:center;gap:9px;text-align:center}.session-block-inspector.empty h2,.session-block-inspector.empty p{margin:0}.session-block-inspector.empty p{max-width:230px;color:var(--muted);font-size:.61rem;line-height:1.5}.session-block-inspector.empty button{min-height:40px;margin-top:7px;padding:0 13px;border:1px solid var(--ink);color:#fff;background:var(--ink);font:700 .61rem/1 inherit}.inspector-section{padding:17px 0;border-top:1px solid #aaa79f}.inspector-section h3{margin:0 0 13px;color:var(--muted);font-size:.57rem;letter-spacing:.04em}.inspector-section h3 span{font-weight:400}.inspector-exercise-button{display:grid;width:100%;min-height:54px;align-content:center;gap:5px;padding:8px 12px;border:1px solid #aaa79f;color:var(--ink);background:var(--panel);text-align:left}.inspector-exercise-button span{font-family:Barlow Condensed,Impact,sans-serif;font-size:.95rem;font-weight:800;text-transform:uppercase}.inspector-exercise-button small{color:var(--muted);font-size:.52rem}.inspector-field-grid,.inspector-advanced-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.inspector-advanced-fields{margin-top:11px}.inspector-field{display:grid;min-width:0;gap:6px}.inspector-field.full{width:100%;margin-bottom:11px}.inspector-field>span:first-child,.inspector-checkbox span{color:var(--ink);font-size:.55rem}.inspector-field input,.inspector-field select,.inspector-field textarea{width:100%;min-width:0;border:1px solid #99968f;color:var(--ink);background:var(--panel);font:.62rem/1.3 inherit}.inspector-field input,.inspector-field select{height:39px;padding:0 9px;appearance:none}.inspector-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%231d1d1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.inspector-field textarea{resize:vertical;padding:9px}.inspector-field input[aria-invalid=true],.inspector-field select[aria-invalid=true]{border-color:var(--error);box-shadow:inset 3px 0 0 var(--error)}.inspector-field>small{justify-self:end;color:var(--muted);font-size:.48rem}.inspector-completion-control{display:grid;grid-template-columns:minmax(72px,.8fr) minmax(112px,1.2fr);gap:7px}.inspector-value-with-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.inspector-value-with-unit input{border-right:0}.inspector-value-with-unit>span{display:grid;min-width:58px;place-items:center;padding:0 10px;border:1px solid #99968f;background:#e6e3dc;font-size:.53rem;font-weight:700;text-transform:uppercase}.inspector-field-help{margin:0;color:var(--muted);font-size:.49rem;line-height:1.45}.inspector-toggle-row{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:18px}.inspector-toggle-row>div{display:grid;gap:5px}.inspector-toggle-row span{color:var(--ink);font-size:.62rem;font-weight:700}.inspector-toggle-row p{margin:0;color:var(--muted);font-size:.5rem;line-height:1.45}.inspector-rest-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.inspector-rest-presets button{min-width:0;border-color:#99968f;font-size:.53rem}.inspector-rest-presets button[aria-pressed=true]{border-color:var(--accent);color:var(--panel);background:var(--accent);box-shadow:inset 0 -2px 0 var(--ink)}.inspector-checkbox{display:flex;align-items:center;gap:8px;align-self:end;min-height:39px}.inspector-checkbox input{width:18px;height:18px;accent-color:var(--accent)}.inspector-hint{display:flex;align-items:flex-start;gap:7px;margin:3px 0 0;color:var(--muted);font-size:.51rem;line-height:1.45}.session-builder-mobile-actions,.builder-mobile-scrim{display:none}@media(max-width:1240px){.session-builder-header{grid-template-columns:45px minmax(220px,1fr) auto auto auto auto;padding-inline:16px}.autosave-status{position:absolute;top:5px;right:154px}.session-builder-grid{grid-template-columns:minmax(285px,33%) minmax(350px,41%) minmax(235px,26%)}}@media(max-width:1020px){.session-builder-grid{grid-template-columns:minmax(0,1fr)}.builder-library-panel{position:fixed;z-index:42;inset:0 auto 0 0;width:min(88vw,390px);transform:translate(-105%);transition:transform .18s ease;border-right:2px solid var(--ink);box-shadow:8px 0 0 var(--accent)}.builder-library-panel.mobile-open{transform:translate(0)}.builder-library-close{display:grid}.builder-settings-panel{position:fixed;z-index:42;inset:0 0 0 auto;width:min(88vw,390px);transform:translate(105%);transition:transform .18s ease;border-left:2px solid var(--ink);box-shadow:-8px 0 0 var(--accent)}.builder-settings-panel.mobile-open{transform:translate(0)}.builder-panel-close{position:absolute;z-index:3;top:12px;right:12px;display:grid}.session-block-inspector>header{padding-right:45px}.session-builder-mobile-actions{position:fixed;z-index:10;right:14px;bottom:18px;display:flex;gap:8px}.session-builder-mobile-actions button{display:flex;min-height:43px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--ink);color:#fff;background:var(--ink);font:700 .55rem/1 inherit;box-shadow:3px 3px 0 var(--accent)}.builder-mobile-scrim{position:fixed;z-index:40;inset:0;display:block;width:100%;height:100%;border:0;background:#00000085}}@media(max-width:760px){.session-builder-page{grid-template-rows:128px minmax(0,1fr);padding-top:0}.session-builder-header{grid-template-columns:40px minmax(0,1fr) 42px;grid-template-rows:auto auto;gap:7px 10px;padding:10px 12px 10px 64px}.builder-session-settings-button{display:none}.session-builder-title-fields label:first-child input{height:34px;font-size:2rem}.session-builder-title-fields label:last-child input{font-size:.55rem}.builder-start-button{display:none}.autosave-status{position:static;min-width:0;grid-column:2 / -1;justify-self:end;font-size:.54rem}.session-builder-grid{display:block}.builder-library-panel{position:fixed;z-index:42;inset:auto 0 0;width:100%;height:min(82dvh,720px);transform:translateY(105%);transition:transform .18s ease;border:2px solid var(--ink);border-bottom:0;box-shadow:0 -7px 0 var(--accent)}.builder-library-panel.mobile-open{transform:translateY(0)}.builder-library-close{display:grid}.session-timeline{height:100%;padding:15px 12px 76px;overflow-y:auto}.session-block-list{overflow:visible}.session-block-card{grid-template-columns:28px 38px minmax(0,1fr) 31px}.session-block-actions{grid-auto-flow:row;gap:0}.session-block-select{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding-inline:9px}.session-block-select>span:not(:first-child){display:flex;grid-column:auto;padding-left:0;border-left:0}.builder-settings-panel{inset:auto 0 0;width:100%;height:min(88dvh,760px);transform:translateY(105%);transition:transform .18s ease;border:2px solid var(--ink);border-bottom:0;box-shadow:0 -7px 0 var(--accent)}.builder-settings-panel.mobile-open{transform:translateY(0)}.session-builder-mobile-actions{right:12px;bottom:14px}.session-builder-mobile-actions button{font-size:0;width:44px;padding:0;justify-content:center}.session-settings-fields label{min-height:82px;grid-template-columns:minmax(0,1fr);align-content:center;gap:8px}.session-settings-dialog>footer{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.builder-settings-panel,.builder-library-panel{transition:none;animation:none}}.embedded-practice{--library-panel-width: clamp(380px, 32vw, 430px);--library-toolbar-height: 80px;--practice-control-bar-height: 126px;--practice-desktop-gap: clamp(28px, 3vw, 48px);display:grid;grid-template-rows:minmax(0,1fr) var(--practice-control-bar-height);min-height:0}.embedded-practice .mobile-app-header{display:none}.embedded-practice .practice-workspace{display:grid;width:100%;height:auto;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.embedded-practice .practice-library-trigger{display:inline-flex}.embedded-practice .practice-library-trigger>button{width:44px;height:44px}.embedded-practice .practice-surface{display:grid;min-width:0;min-height:0;grid-template-columns:var(--library-panel-width) minmax(0,1fr);gap:var(--practice-desktop-gap);padding:0 38px 36px 22px;overflow:hidden;transition:grid-template-columns .22s cubic-bezier(.22,1,.36,1),gap .22s cubic-bezier(.22,1,.36,1)}.embedded-practice .practice-surface.library-collapsed{grid-template-columns:0 minmax(0,1fr);gap:0}.embedded-practice .library-zone{position:relative;z-index:3;width:100%;min-width:0;min-height:0;overflow:visible;border:1px solid #8f8d86;color:var(--ink);background:var(--panel);opacity:1;transform:translate(0) scale(1);transform-origin:left center;visibility:visible;transition:opacity .14s ease-out,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.embedded-practice .practice-surface.library-collapsed .library-zone{opacity:0;pointer-events:none;transform:translate(-.75rem) scale(.985);visibility:hidden;transition:opacity .12s ease-in,transform .18s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s}.embedded-practice .exercise-browser{display:grid;width:100%;height:100%;min-width:0;min-height:0;max-height:none;grid-template-rows:58px var(--library-toolbar-height) minmax(0,1fr);gap:0;padding:0;overflow:visible;border:0;color:var(--ink);background:var(--panel)}.embedded-practice .library-scope-bar{position:relative;display:flex;min-width:0;align-items:stretch;border-bottom:1px solid #aaa79f}.embedded-practice .library-scope-tabs{display:flex;min-width:0;flex:1 1 auto;align-items:stretch;padding:0 7px}.embedded-practice .library-scope-tabs button{position:relative;min-width:0;min-height:44px;flex:0 0 100px;padding:0 8px;border:0;color:#3f3e39;background:transparent;font-size:.71rem;font-weight:500;text-align:center}.embedded-practice .library-scope-tabs button:after{position:absolute;right:9px;bottom:0;left:9px;height:3px;background:transparent;content:""}.embedded-practice .library-scope-tabs button:hover{color:var(--ink);background:#f4f1ea}.embedded-practice .library-scope-tabs button.active{color:var(--ink);font-weight:700}.embedded-practice .library-scope-tabs button.active:after{background:var(--accent)}.embedded-practice .library-browser-close{display:none;width:44px;min-width:44px;height:44px;place-items:center;align-self:center;margin-right:7px;padding:0;border:1px solid var(--ink);color:var(--ink);background:transparent}.embedded-practice .library-search-toolbar{position:relative;z-index:5;display:grid;min-width:0;grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:0;padding:14px;border-bottom:1px solid #aaa79f;background:var(--panel)}.embedded-practice .search-field{display:grid;min-width:0;min-height:51px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;padding:0 15px;border:1px solid #8f8d86;color:#595751;background:var(--panel)}.embedded-practice .search-field:focus-within{position:relative;z-index:1;border-color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.embedded-practice .search-field input{width:100%;min-width:0;height:48px;padding:0;border:0;outline:0;color:var(--ink);background:transparent;font:inherit;font-size:.73rem}.embedded-practice .search-field input::placeholder{color:#817e76;opacity:1}.embedded-practice .library-filter{position:relative;min-width:0}.embedded-practice .library-filter>summary{position:relative;display:grid;width:62px;height:51px;place-items:center;margin-left:-1px;padding:0;border:1px solid #8f8d86;color:var(--ink);background:var(--panel);cursor:pointer;list-style:none}.embedded-practice .library-filter>summary::-webkit-details-marker{display:none}.embedded-practice .library-filter>summary:hover,.embedded-practice .library-filter[open]>summary{z-index:1;color:var(--panel);background:var(--ink)}.embedded-practice .library-filter>summary>span{position:absolute;top:9px;right:12px;width:7px;height:7px;border:1px solid var(--panel);border-radius:50%;background:var(--accent)}.embedded-practice .library-filter-popover{position:absolute;z-index:20;top:calc(100% + 8px);right:0;display:grid;width:min(245px,calc(100vw - 40px));gap:4px;padding:12px;border:1px solid var(--ink);color:var(--ink);background:var(--panel);box-shadow:5px 5px 0 var(--ink)}.embedded-practice .library-filter-popover>strong{padding:5px 7px 8px;color:var(--muted);font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}.embedded-practice .library-filter-popover button{min-height:44px;padding:7px 9px;border:1px solid transparent;color:var(--ink);background:transparent;font:inherit;font-size:.68rem;text-align:left}.embedded-practice .library-filter-popover button:hover{border-color:#aaa79f;background:#f2efe8}.embedded-practice .library-filter-popover button[aria-pressed=true]{border-color:var(--ink);background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent);font-weight:700}.embedded-practice .library-browser-body{display:grid;min-width:0;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.embedded-practice .library-collections-pane,.embedded-practice .library-exercises-pane{min-width:0;min-height:0;background:var(--panel)}.embedded-practice .library-collections-pane{overflow:hidden}.embedded-practice .collection-tree{display:block;width:100%;height:100%;max-height:none;padding:0 12px 24px;overflow-x:hidden;overflow-y:auto;border:0;scrollbar-color:#aaa79f transparent;scrollbar-width:thin}.embedded-practice .collection-tree-branch{display:block}.embedded-practice .collection-tree>.collection-tree-branch{margin-bottom:12px}.embedded-practice .collection-tree>.collection-tree-branch>.collection-tree-item{margin-bottom:14px}.embedded-practice .collection-tree-item{position:relative;display:grid;width:100%;min-height:52px;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;gap:0;padding:0 0 0 calc(var(--collection-depth) * 14px);border:0;border-bottom:1px solid #d4d1c9;color:var(--ink);background:transparent;font-size:.67rem;font-weight:500}.embedded-practice .collection-tree-item:hover{border-color:#aaa79f;color:var(--ink);background:#f5f2eb}.embedded-practice .collection-tree-item.active{border-color:#c9c5bc;color:var(--ink);background:#efebe3;box-shadow:inset 4px 0 0 var(--accent)}.embedded-practice .collection-select{display:grid;width:100%;min-width:0;min-height:51px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 5px 0 10px;border:0;color:inherit;background:transparent;font:inherit;text-align:left}.embedded-practice .collection-tree-item.active .collection-select{padding-left:12px;font-weight:600}.embedded-practice .collection-select>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embedded-practice .collection-select>small{display:grid;min-width:24px;height:24px;place-items:center;padding:0 5px;border-radius:999px;color:#57554f;background:#eeece6;font-size:.58rem;font-variant-numeric:tabular-nums;text-align:center}.embedded-practice .collection-tree-item.active .collection-select>small{color:var(--ink);background:#e1ddd4}.embedded-practice .collection-toggle,.embedded-practice .collection-toggle-spacer{display:grid;width:44px;min-width:44px;height:51px;place-items:center;padding:0;border:0;color:inherit;background:transparent}.embedded-practice .collection-toggle:hover{background:#0b0c0b0f}.embedded-practice .collection-chevron{transform:rotate(-90deg);transition:transform .14s ease}.embedded-practice .collection-chevron.expanded{transform:rotate(0)}.embedded-practice .library-exercises-pane{display:grid;grid-template-rows:74px minmax(0,1fr);overflow:hidden;border-left:1px solid #aaa79f}.embedded-practice .selected-collection-heading{display:grid;min-width:0;min-height:74px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 14px 9px 18px;border-bottom:1px solid #aaa79f;color:var(--ink)}.embedded-practice .selected-collection-heading>div:not(.collection-heading-actions){display:grid;min-width:0;gap:4px}.embedded-practice .selected-collection-heading strong,.embedded-practice .selected-collection-heading small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embedded-practice .selected-collection-heading strong{font-size:.73rem;font-weight:700}.embedded-practice .selected-collection-heading small{color:#77746c;font-size:.59rem;font-weight:400}.embedded-practice .collection-heading-actions{display:flex;flex:0 0 auto;gap:3px}.embedded-practice .collection-heading-actions>button{display:grid;width:44px;min-width:44px;height:44px;place-items:center;padding:0;border:1px solid transparent;color:var(--ink);background:transparent}.embedded-practice .collection-heading-actions>button:hover{border-color:var(--ink);color:var(--ink);background:#f1eee7}.embedded-practice .library-mobile-back{display:none;width:44px;min-width:44px;height:44px;place-items:center;padding:0;border:1px solid var(--ink);color:var(--ink);background:transparent}.embedded-practice .exercise-list{display:block;min-width:0;min-height:0;padding:0 0 24px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#aaa79f transparent;scrollbar-width:thin}.embedded-practice .exercise-list-row{position:relative;display:grid;min-width:0;min-height:66px;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;border:0;border-bottom:1px solid #d4d1c9;background:transparent}.embedded-practice .exercise-list-row:hover{background:#f5f2eb}.embedded-practice .exercise-list-row.selected{background:#efebe3;box-shadow:inset 4px 0 0 var(--accent)}.embedded-practice .exercise-list-item{position:relative;display:grid;width:100%;min-width:0;min-height:65px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:8px 4px 8px 16px;border:0;color:var(--ink);background:transparent;box-shadow:none;text-align:left}.embedded-practice .exercise-list-item:hover,.embedded-practice .exercise-list-item:active,.embedded-practice .exercise-list-item.selected{border:0;color:var(--ink);background:transparent;box-shadow:none;transform:none}.embedded-practice .exercise-index{display:grid;width:26px;height:32px;place-items:center;border:1px solid #c0bdb5;color:var(--ink);background:var(--panel);font-size:.64rem;font-weight:600}.embedded-practice .exercise-list-copy{display:grid;min-width:0;gap:4px}.embedded-practice .exercise-list-copy strong,.embedded-practice .exercise-list-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embedded-practice .exercise-list-copy strong{color:var(--ink);font-size:.66rem;font-weight:600;letter-spacing:0;text-transform:none}.embedded-practice .exercise-list-copy small,.embedded-practice .selected .exercise-list-copy small{color:#77746c;font-size:.57rem}.embedded-practice .exercise-row-action{display:grid;width:44px;min-width:44px;height:44px;place-items:center;align-self:center;padding:0;border:1px solid transparent;color:var(--ink);background:transparent}.embedded-practice .exercise-row-action:hover{border-color:#aaa79f;background:var(--panel)}.embedded-practice .library-pane-empty,.embedded-practice .empty-search{display:grid;gap:7px;padding:34px 18px;color:var(--ink);text-align:center}.embedded-practice .library-pane-empty strong,.embedded-practice .empty-search strong{font-size:.72rem}.embedded-practice .library-pane-empty span,.embedded-practice .empty-search span{color:var(--muted);font-size:.62rem;line-height:1.55}.embedded-practice .library-error{right:12px;bottom:12px;left:12px;border:1px solid var(--error);color:var(--error);background:var(--error-soft)}.embedded-practice .practice-column{width:100%;height:100%;min-width:0;min-height:0;padding:0;overflow-x:hidden;overflow-y:auto;background:var(--panel);scrollbar-color:#aaa79f transparent;scrollbar-width:thin}.embedded-practice .exercise-stage{position:relative;display:flex;width:100%;min-width:0;min-height:100%;flex-direction:column;margin:0;padding:0 clamp(20px,2vw,32px) 30px;border:1px solid #8f8d86;background:var(--panel);box-shadow:none}.embedded-practice .exercise-stage-heading{position:relative;display:block;min-width:0;min-height:298px;padding:0 0 30px;border-bottom:1px solid var(--ink)}.embedded-practice .exercise-stage-heading>div:first-child{min-width:0;padding-top:100px}.embedded-practice .exercise-stage-actions{position:absolute;top:clamp(20px,2vw,32px);right:0;display:flex;align-items:center;justify-content:flex-end;gap:12px}.embedded-practice .exercise-title-edit,.embedded-practice .focus-mode-trigger{min-height:48px;border:1px solid var(--ink);color:var(--ink);background:var(--panel)}.embedded-practice .exercise-title-edit{min-width:174px;padding:0 16px;gap:9px;font-size:.65rem;letter-spacing:.025em}.embedded-practice .focus-mode-trigger{display:grid;width:50px;min-width:50px;place-items:center;padding:0}.embedded-practice .exercise-title-edit:hover,.embedded-practice .focus-mode-trigger:hover{color:var(--panel);background:var(--ink)}.embedded-practice .eyebrow{display:block;margin:0 0 15px;color:var(--accent-dark);font-size:.67rem;font-weight:700;letter-spacing:.09em;line-height:1.3}.embedded-practice .exercise-stage h2{max-width:650px;margin:0;font-size:clamp(3.35rem,4.2vw,4.35rem);font-weight:900;line-height:.88;letter-spacing:-.035em;overflow-wrap:anywhere}.embedded-practice .notation-label{margin:33px 0 12px;color:var(--muted);font-size:.64rem;letter-spacing:.1em}.embedded-practice .notation-card{width:100%;min-width:0;padding-top:12px;border:0;background:var(--panel)}.embedded-practice .notation-viewport{min-height:230px;padding-bottom:8px;overflow-x:auto;overflow-y:hidden}.embedded-practice>.practice-control-bar{position:relative;z-index:25;right:auto;bottom:auto;left:auto;display:block;width:100%;height:var(--practice-control-bar-height);min-width:0;min-height:0;grid-row:2;overflow:visible;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--ink);background:var(--paper)}.embedded-practice .mobile-panel-scrim{display:none}@media(max-width:1439px)and (min-width:1240px){.embedded-practice{--library-panel-width: clamp(500px, 40vw, 540px);--practice-desktop-gap: 28px}.embedded-practice .practice-surface{padding-right:28px}.embedded-practice .exercise-stage-heading{min-height:278px}.embedded-practice .exercise-stage-heading>div:first-child{padding-top:92px}.embedded-practice .exercise-title-edit{min-width:48px;width:48px;padding:0;gap:0;font-size:0}}@media(max-width:1239px){.embedded-practice{--practice-control-bar-height: 122px;display:grid;grid-template-rows:56px minmax(0,1fr) var(--practice-control-bar-height)}.embedded-practice .mobile-app-header{position:relative;z-index:20;display:grid;min-width:0;grid-template-columns:minmax(0,1fr);align-items:center;padding:4px 8px;border-bottom:2px solid var(--ink);color:var(--paper);background:var(--ink)}.embedded-practice .mobile-app-header strong{font-size:1.7rem;font-weight:900;letter-spacing:.015em;text-align:center;text-transform:uppercase}.embedded-practice .practice-workspace{grid-row:2;grid-template-rows:minmax(0,1fr)}.embedded-practice .practice-library-trigger{display:inline-flex;width:44px;height:44px;flex:0 0 44px;place-items:center;padding:0;border:1px solid var(--ink)}.embedded-practice .builder-library-close{display:grid}.embedded-practice .practice-surface{display:block;padding:0 28px 22px}.embedded-practice .library-zone{position:absolute;z-index:61;top:56px;bottom:0;left:0;width:min(620px,calc(100% - 24px));border:0;border-right:1px solid var(--ink);box-shadow:8px 0 #0b0c0b38;visibility:hidden;pointer-events:none;transform:translate(-105%);transition:transform .18s ease,visibility 0s linear .18s}.embedded-practice .library-zone.mobile-open{visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}.embedded-practice .library-browser-close{display:grid}.embedded-practice .library-scope-tabs{padding-left:10px;padding-right:2px}.embedded-practice .exercise-browser{min-height:100%}.embedded-practice .practice-column{height:100%}.embedded-practice .exercise-stage{padding-bottom:24px}.embedded-practice .exercise-stage-heading{min-height:250px}.embedded-practice .exercise-stage-heading>div:first-child{padding-top:86px}.embedded-practice .exercise-stage h2{font-size:clamp(3.35rem,7vw,5.4rem)}.embedded-practice>.practice-control-bar{grid-row:3}.embedded-practice .mobile-panel-scrim{position:absolute;z-index:60;inset:56px 0 0;display:block;width:auto;height:auto;padding:0;border:0;background:#0b0c0b8c}}@media(min-width:781px)and (max-width:1239px){.embedded-practice{grid-template-rows:minmax(0,1fr) var(--practice-control-bar-height)}.embedded-practice .mobile-app-header{display:none}.embedded-practice .practice-workspace{grid-row:1}.embedded-practice .library-zone{top:0}.embedded-practice>.practice-control-bar{grid-row:2}.embedded-practice .mobile-panel-scrim{inset:0}}@media(max-width:780px){.embedded-practice .mobile-app-header{grid-template-columns:minmax(0,1fr);padding-inline:8px}.embedded-practice .practice-surface{padding:0 20px 18px}.embedded-practice .exercise-stage-heading{min-height:230px}.embedded-practice .exercise-stage-heading>div:first-child{padding-top:76px}.embedded-practice .exercise-stage h2{font-size:clamp(3rem,10vw,4.7rem)}}@media(max-width:620px){.embedded-practice{--practice-control-bar-height: 118px}.embedded-practice .practice-surface{padding:0 14px 14px}.embedded-practice .library-zone{width:100%;max-width:none;border-right:0;box-shadow:none}.embedded-practice .exercise-browser{grid-template-rows:58px 72px minmax(0,1fr)}.embedded-practice .library-scope-tabs button{padding-inline:3px;font-size:.64rem}.embedded-practice .library-search-toolbar{grid-template-columns:minmax(0,1fr) 52px;padding:10px}.embedded-practice .search-field{min-height:50px;padding-inline:12px}.embedded-practice .library-filter>summary{width:52px;height:50px}.embedded-practice .library-browser-body{display:block}.embedded-practice .library-browser-body[data-mobile-pane=collections] .library-collections-pane,.embedded-practice .library-browser-body[data-mobile-pane=exercises] .library-exercises-pane{display:grid;width:100%;height:100%}.embedded-practice .library-browser-body[data-mobile-pane=collections] .library-exercises-pane,.embedded-practice .library-browser-body[data-mobile-pane=exercises] .library-collections-pane{display:none}.embedded-practice .library-collections-pane{grid-template-rows:minmax(0,1fr)}.embedded-practice .library-exercises-pane{grid-template-rows:66px minmax(0,1fr);border-left:0}.embedded-practice .selected-collection-heading{min-height:66px;grid-template-columns:44px minmax(0,1fr) auto;padding:7px 10px}.embedded-practice .library-mobile-back{display:grid}.embedded-practice .collection-tree{padding-inline:10px}.embedded-practice .collection-tree-item,.embedded-practice .collection-select{min-height:56px}.embedded-practice .collection-toggle,.embedded-practice .collection-toggle-spacer{height:55px}.embedded-practice .exercise-stage-heading{min-height:218px;padding-bottom:24px}.embedded-practice .exercise-stage-heading>div:first-child{padding-top:68px}.embedded-practice .exercise-stage-actions{gap:8px}.embedded-practice .exercise-title-edit{width:48px;min-width:48px;padding:0;gap:0;font-size:0}.embedded-practice .exercise-stage h2{font-size:clamp(2.75rem,13vw,4.2rem)}.embedded-practice .notation-label{margin-top:24px}.embedded-practice .notation-viewport{min-height:190px}}@media(max-width:380px){.embedded-practice .library-scope-tabs{padding-left:4px}.embedded-practice .library-scope-tabs button{flex-basis:86px;font-size:.59rem}.embedded-practice .selected-collection-heading{padding-inline:6px}.embedded-practice .collection-heading-actions>button:not(:first-child){display:none}}@media(prefers-reduced-motion:reduce){.embedded-practice .practice-surface,.embedded-practice .library-zone,.embedded-practice .collection-chevron,.embedded-practice .library-scope-tabs button:after{transition:none}}@media(forced-colors:active){.embedded-practice .library-zone,.embedded-practice .exercise-stage,.embedded-practice .library-scope-bar,.embedded-practice .library-search-toolbar,.embedded-practice .library-browser-body,.embedded-practice .library-exercises-pane,.embedded-practice .selected-collection-heading,.embedded-practice .collection-tree-item,.embedded-practice .exercise-list-row{border-color:CanvasText}.embedded-practice .library-scope-tabs button.active,.embedded-practice .collection-tree-item.active,.embedded-practice .exercise-list-row.selected,.embedded-practice .library-filter-popover button[aria-pressed=true]{color:HighlightText;background:Highlight;box-shadow:inset 4px 0 0 HighlightText;forced-color-adjust:none}}.embedded-practice>.exercise-page-content{position:relative;display:grid;min-width:0;min-height:0;grid-row:1;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.embedded-practice .exercise-context-header{position:relative;z-index:4;display:grid;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-4);margin-inline:var(--product-page-gutter);padding-block:var(--space-4) var(--space-3);border-bottom:1px solid var(--ink)}.embedded-practice .exercise-context-copy{min-width:0}.embedded-practice .exercise-context-breadcrumbs{min-width:0;margin:0 0 var(--space-2);color:var(--accent-dark);font-size:.67rem;font-weight:700;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}.embedded-practice .exercise-context-breadcrumbs ol{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:0 var(--space-1);padding:0;margin:0;list-style:none}.embedded-practice .exercise-context-breadcrumbs li{display:inline-flex;min-width:0;max-width:100%;align-items:center;gap:var(--space-1)}.embedded-practice .exercise-context-breadcrumbs svg{width:.78rem;height:.78rem;flex:0 0 auto;color:var(--muted);stroke-width:1.75}.embedded-practice .exercise-context-crumb{min-width:0;max-width:min(22rem,52vw);min-height:28px;padding:2px 3px;overflow:hidden;border:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.18em;text-overflow:ellipsis;text-transform:inherit;white-space:nowrap;cursor:pointer}.embedded-practice .exercise-context-crumb:hover{text-decoration-color:currentColor}.embedded-practice .exercise-context-crumb:focus-visible{outline:2px solid var(--ink);outline-offset:1px;text-decoration-color:currentColor}.embedded-practice .exercise-context-breadcrumbs [aria-current=page]{min-width:0;max-width:min(22rem,52vw);overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.embedded-practice .exercise-context-header h1{max-width:100%;margin:0;font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-size:clamp(2.5rem,3vw,3.25rem);font-weight:900;line-height:.9;letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embedded-practice .exercise-context-actions{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2)}.embedded-practice .exercise-context-session,.embedded-practice .exercise-context-new{height:44px;padding-inline:var(--space-4);font-size:.68rem;font-weight:700;letter-spacing:.02em}.embedded-practice .exercise-context-menu [data-slot=dropdown-menu-item]:focus{color:var(--panel);background:var(--ink)}.embedded-practice .practice-workspace{grid-row:2}.embedded-practice .practice-surface{gap:var(--space-6);padding:var(--space-4) var(--product-page-gutter) var(--space-6)}.embedded-practice .exercise-stage{padding:var(--space-6) var(--space-6) var(--space-8);border:1px solid var(--ink)}.embedded-practice .notation-label{margin:0 0 var(--space-3);color:var(--ink)}.embedded-practice .notation-card{padding-top:0}.embedded-practice .notation-viewport{min-height:260px}.embedded-practice>.practice-control-bar{grid-row:2}@media(max-width:1239px){.embedded-practice{grid-template-rows:minmax(0,1fr) var(--practice-control-bar-height)}.embedded-practice .practice-workspace{grid-row:2}.embedded-practice .library-zone{top:0}.embedded-practice>.practice-control-bar{grid-row:2}.embedded-practice .mobile-panel-scrim{inset:0}}@media(max-width:980px){.embedded-practice .exercise-context-header{grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-4)}.embedded-practice .exercise-context-actions{justify-content:flex-start}.embedded-practice .exercise-context-header h1{overflow:visible;text-overflow:clip;text-wrap:balance;white-space:normal}}@media(max-width:780px){.embedded-practice .exercise-context-header{min-height:0;margin-inline:var(--product-page-gutter);padding-block:var(--space-4) var(--space-3)}.embedded-practice .practice-surface{padding:var(--space-3) var(--product-page-gutter) var(--space-4)}.embedded-practice .exercise-stage{padding:var(--space-4) var(--space-4) var(--space-6)}.embedded-practice .exercise-context-crumb{min-height:32px}}@media(max-width:520px){.embedded-practice .exercise-context-header h1{max-width:100%;font-size:2.45rem}.embedded-practice .exercise-context-actions{flex-wrap:nowrap}.embedded-practice .exercise-context-session,.embedded-practice .exercise-context-new{width:44px;min-width:44px;padding:0}.embedded-practice .exercise-context-session span,.embedded-practice .exercise-context-new span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.history-page,.exercise-history-page{height:100%;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;color:var(--ds-foreground);background:var(--ds-background)}.history-page__content,.exercise-history-page__content{display:flex;max-width:1560px;margin-inline:auto;flex-direction:column;gap:32px;padding:28px var(--product-page-gutter) 64px}.history-list-header{display:flex;align-items:end;justify-content:space-between;gap:24px}.history-list-header h2,.history-chart h2,.history-ledger h2{margin:0;font-family:var(--ds-font-heading);font-size:1.5rem;font-weight:900;line-height:1;letter-spacing:.01em}.history-list-header p,.history-chart__header p,.history-ledger__header p{max-width:64ch;margin:8px 0 0;color:var(--ds-muted-foreground);font-size:.875rem;line-height:1.55}.history-search{width:min(100%,360px)}.history-search [data-slot=input-group]{min-height:44px;border-color:var(--ds-foreground);border-radius:0;background:var(--ds-card)}.history-list{border:1px solid var(--ds-foreground);background:var(--ds-card)}.history-load-more{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:4px}.history-load-more span{color:var(--ds-muted-foreground);font-size:.75rem}.history-list-columns,.history-list-row{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(220px,1fr) 140px 110px 28px;align-items:center;gap:20px}.history-list-columns{min-height:38px;padding-inline:20px;border-bottom:1px solid var(--ds-foreground);color:var(--ds-muted-foreground);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.history-list-row{min-height:92px;padding:16px 20px;color:var(--ds-foreground);text-decoration:none;transition:color .16s cubic-bezier(.25,1,.5,1),background-color .16s cubic-bezier(.25,1,.5,1)}.history-list-row+.history-list-row{border-top:1px solid var(--ds-input)}.history-list-row:hover,.history-list-row:focus-visible{color:var(--ds-foreground);background:var(--ds-muted);outline:0}.history-list-row:focus-visible{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--ds-ring) 40%,transparent)}.history-list-row__exercise,.history-list-row__latest,.history-list-row__metric{display:flex;min-width:0;flex-direction:column;gap:5px}.history-list-row__exercise strong{overflow:hidden;font-family:var(--ds-font-heading);font-size:1.375rem;font-weight:800;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.history-list-row__exercise span,.history-list-row__latest span:last-child,.history-list-row__metric span{color:var(--ds-muted-foreground);font-size:.6875rem}.history-list-row__latest{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;column-gap:9px}.history-list-row__latest span:last-child{grid-column:2}.history-list-row__latest strong,.history-list-row__metric strong{font-variant-numeric:tabular-nums}.history-list-row__metric strong{font-family:var(--ds-font-heading);font-size:1.75rem;font-weight:900;line-height:.9}.history-list-row>svg{color:var(--ds-primary)}.history-list-row--loading{grid-template-columns:1fr auto auto}.history-back-link{display:inline-flex;min-height:44px;align-items:center;gap:8px;margin-bottom:12px;color:var(--ds-foreground);font-size:.875rem;font-weight:700;letter-spacing:.04em;text-decoration:none}.history-back-link:hover{color:var(--ds-primary);text-decoration:underline;text-underline-offset:4px}.history-back-link svg{width:18px;height:18px}.history-exercise-context{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.6fr) minmax(150px,.6fr) auto;align-items:stretch;border:1px solid var(--ds-foreground);background:var(--ds-card)}.history-exercise-context>div{display:flex;min-height:82px;justify-content:center;flex-direction:column;gap:6px;padding:16px 20px}.history-exercise-context>div+div,.history-exercise-context>a{border-left:1px solid var(--ds-input)}.history-exercise-context span{color:var(--ds-muted-foreground);font-size:.6875rem;font-weight:700;letter-spacing:.08em}.history-exercise-context strong{font-family:var(--ds-font-heading);font-size:1.5rem;font-weight:900;line-height:1;text-transform:uppercase}.history-exercise-context>a{min-width:150px;padding-inline:20px}.history-chart,.history-ledger{border:1px solid var(--ds-foreground);background:var(--ds-card)}.history-chart__header,.history-ledger__header{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;border-bottom:1px solid var(--ds-foreground)}.history-chart__legend{display:flex;flex-wrap:wrap;gap:16px 24px;margin:0;padding:0;list-style:none}.history-chart__legend li,.history-result-cell{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;white-space:nowrap}.history-chart__scroll{overflow-x:auto;padding:8px 16px 4px}.history-chart__scroll-hint{display:none}.history-chart__svg{display:block;min-width:960px;width:100%;height:auto;overflow:visible;font-family:var(--ds-font-body)}.history-chart__tick line{stroke:color-mix(in srgb,var(--ds-foreground) 22%,transparent);stroke-dasharray:4 5}.history-chart__tick text,.history-chart__date,.history-chart__axis-label,.history-chart__line-label{fill:var(--ds-muted-foreground);font-size:.75rem}.history-chart__tick text{text-anchor:end}.history-chart__axis{stroke:var(--ds-foreground);stroke-width:1.5}.history-chart__progress-line{fill:none;stroke:var(--ds-success);stroke-linecap:square;stroke-linejoin:miter;stroke-width:3}.history-chart__marker{vector-effect:non-scaling-stroke}.history-chart__marker--comfortable{fill:var(--ds-card);stroke:var(--ds-success);stroke-width:3}.history-chart__marker--errors{fill:var(--ds-card);stroke:var(--ds-warning);stroke-width:3}.history-chart__marker--failed{fill:none;stroke:var(--ds-destructive);stroke-linecap:square;stroke-width:3}.history-chart__line-label{fill:var(--ds-success);font-weight:700}.practice-result-mark{position:relative;display:inline-block;width:14px;height:14px;flex:0 0 14px}.practice-result-mark[data-result=comfortable]{border:2px solid var(--ds-success);border-radius:50%}.practice-result-mark[data-result=errors]{height:13px;background:var(--ds-warning);clip-path:polygon(50% 0,100% 100%,0 100%)}.practice-result-mark[data-result=failed]:before,.practice-result-mark[data-result=failed]:after{position:absolute;top:6px;left:0;width:14px;height:2px;background:var(--ds-destructive);content:""}.practice-result-mark[data-result=failed]:before{transform:rotate(45deg)}.practice-result-mark[data-result=failed]:after{transform:rotate(-45deg)}.history-ledger__filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.history-ledger__filters label{display:flex;flex-direction:column;gap:6px}.history-ledger__filters label>span{color:var(--ds-muted-foreground);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.history-ledger__filters [data-slot=native-select-wrapper]{min-width:180px}.history-ledger__table-wrap{overflow-x:auto}.history-ledger table{width:100%;border-collapse:collapse;font-size:.75rem}.history-ledger th,.history-ledger td{padding:11px 14px;border-right:1px solid var(--ds-input);border-bottom:1px solid var(--ds-input);text-align:left;vertical-align:middle}.history-ledger th:last-child,.history-ledger td:last-child{border-right:0}.history-ledger th:last-child{width:112px}.history-ledger tbody tr:last-child td{border-bottom:0}.history-ledger th{color:var(--ds-muted-foreground);background:var(--ds-muted);font-size:.625rem;letter-spacing:.07em;text-transform:uppercase}.history-ledger td strong{font-size:.875rem;font-variant-numeric:tabular-nums}.history-entry-actions{display:flex;justify-content:flex-end;gap:4px}.history-ledger__no-results{padding:32px 20px;color:var(--ds-muted-foreground);text-align:center}.practice-entry-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior-y:contain;gap:20px;border:2px solid var(--ds-foreground);border-radius:0;padding:24px;box-shadow:6px 6px 0 var(--ds-primary)}.practice-entry-dialog [data-slot=dialog-header]{gap:8px;padding-right:32px}.practice-entry-dialog [data-slot=dialog-title]{overflow-wrap:anywhere;font-size:2rem;font-weight:900;line-height:.95}.practice-entry-dialog>[data-slot=dialog-close]{width:44px;height:44px}.practice-entry-dialog__context{color:var(--ds-primary);font-size:.6875rem;font-weight:700;letter-spacing:.1em}.practice-entry-dialog form{display:flex;flex-direction:column;gap:20px}.practice-entry-dialog__metadata{display:grid;grid-template-columns:minmax(110px,.45fr) minmax(220px,1fr);gap:16px}.practice-entry-dialog [data-slot=input],.practice-entry-dialog [data-slot=textarea]{min-height:44px;border-color:var(--ds-input);border-radius:0;background:var(--ds-card)}.practice-entry-dialog [data-slot=dialog-footer]{margin:0 -24px -24px;border-radius:0}.practice-entry-dialog__error{margin-top:20px}.practice-result-field{gap:10px}.practice-result-field [data-slot=field-legend]{margin:0;font-size:.875rem;font-weight:700}.practice-result-options{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.practice-result-option{min-height:46px;justify-content:flex-start;gap:9px;border-color:var(--ds-input);border-radius:0;background:var(--ds-card);font-size:.875rem;font-weight:700}.practice-result-option[data-state=on]{border-color:var(--ds-foreground);color:var(--ds-foreground);background:var(--ds-muted);box-shadow:inset 0 -3px 0 var(--ds-primary)}.session-practice-review{display:flex;width:100%;max-width:1240px;min-height:0;margin-inline:auto;flex-direction:column;gap:32px;padding:48px var(--product-page-gutter) 72px;overflow-y:auto;overscroll-behavior-y:contain}.session-practice-review__intro{padding-bottom:24px;border-bottom:2px solid var(--ds-foreground)}.session-practice-review__intro>span{color:var(--ds-success);font-size:.75rem;font-weight:700;letter-spacing:.1em}.session-practice-review__intro h1{overflow-wrap:anywhere;margin:8px 0 0;font-family:var(--ds-font-heading);font-size:3.5rem;font-weight:900;line-height:.9;text-transform:uppercase}.session-practice-review__intro>p{max-width:64ch;margin:12px 0 0;color:var(--ds-muted-foreground);font-size:1rem;line-height:1.55}.session-practice-review__intro dl{margin-top:24px}.session-practice-review form{display:flex;flex-direction:column;gap:24px}.session-practice-review__list{border:1px solid var(--ds-foreground);background:var(--ds-card)}.session-practice-review__row{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr)}.session-practice-review__row+.session-practice-review__row{border-top:1px solid var(--ds-foreground)}.session-practice-review__row>header{display:flex;min-width:0;gap:16px;padding:24px;border-right:1px solid var(--ds-foreground);background:var(--ds-muted)}.session-practice-review__row>header>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid var(--ds-foreground);font-size:.6875rem;font-weight:700}.session-practice-review__row h2{overflow-wrap:anywhere;margin:0;font-family:var(--ds-font-heading);font-size:1.625rem;font-weight:900;line-height:1;text-transform:uppercase}.session-practice-review__row header p{margin:6px 0 0;color:var(--ds-muted-foreground);font-size:.75rem}.session-practice-review__fields{display:grid;grid-template-columns:110px minmax(340px,1fr) minmax(220px,.85fr);align-items:start;gap:20px;padding:24px}.session-practice-review__fields [data-slot=input],.session-practice-review__fields [data-slot=textarea]{min-height:44px;border-radius:0}.session-practice-review__fields [data-slot=textarea]{min-height:72px}.session-practice-review__footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--ds-foreground);background:var(--ds-background)}.session-practice-review__footer span{color:var(--ds-muted-foreground);font-size:.75rem}.session-practice-review__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}@media(max-width:1100px){.history-list-columns,.history-list-row{grid-template-columns:minmax(220px,1.4fr) minmax(200px,1fr) 120px 28px}.history-list-columns span:nth-child(4),.history-list-row__metric:nth-of-type(4){display:none}.session-practice-review__row{grid-template-columns:1fr}.session-practice-review__row>header{border-right:0;border-bottom:1px solid var(--ds-input)}.session-practice-review__fields{grid-template-columns:110px minmax(320px,1fr)}.session-practice-review__fields>:last-child{grid-column:1 / -1}}@media(max-width:1000px){.history-list-columns{display:none}.history-list-row{min-height:0;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px 16px}.history-list-row__exercise,.history-list-row__latest{grid-column:1}.history-list-row__exercise strong{display:-webkit-box;overflow:hidden;line-height:1.05;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.history-list-row__metric{grid-row:1 / span 2;grid-column:2;align-items:end;text-align:right}.history-list-row>svg{display:none}.history-exercise-context{grid-template-columns:repeat(2,minmax(0,1fr))}.history-exercise-context>div+div,.history-exercise-context>a{border-left:0}.history-exercise-context>:nth-child(2n){border-left:1px solid var(--ds-input)}.history-exercise-context>div:nth-child(n+3),.history-exercise-context>a{border-top:1px solid var(--ds-input)}}@media(max-width:760px){.history-page__content,.exercise-history-page__content{gap:24px;padding-top:20px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.history-list-header,.history-chart__header,.history-ledger__header{align-items:stretch;flex-direction:column}.history-search{width:100%}.history-load-more{align-items:stretch;flex-direction:column}.history-list-columns{display:none}.history-list-row{min-height:0;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px 16px}.history-list-row__exercise,.history-list-row__latest{grid-column:1}.history-list-row__metric{grid-row:1 / span 2;grid-column:2;align-items:end;text-align:right}.history-list-row>svg{display:none}.history-exercise-context{grid-template-columns:repeat(2,minmax(0,1fr))}.history-exercise-context>div+div,.history-exercise-context>a{border-left:0}.history-exercise-context>:nth-child(2n){border-left:1px solid var(--ds-input)}.history-exercise-context>div:nth-child(n+3),.history-exercise-context>a{border-top:1px solid var(--ds-input)}.history-exercise-context>a{min-height:48px;justify-content:center}.history-chart__legend{gap:12px 18px}.history-chart__scroll-hint{display:block;margin:12px 16px 0;color:var(--ds-muted-foreground);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-align:right;text-transform:uppercase}.history-ledger__filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.history-ledger__filters [data-slot=native-select-wrapper]{min-width:0;width:100%}.history-ledger table,.history-ledger tbody,.history-ledger tr,.history-ledger td{display:block}.history-ledger thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.history-ledger tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:16px;border-bottom:1px solid var(--ds-input)}.history-ledger tbody tr:last-child{border-bottom:0}.history-ledger td{display:flex;min-width:0;justify-content:space-between;gap:12px;padding:0;border:0}.history-ledger td:before{color:var(--ds-muted-foreground);content:attr(data-label);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.history-ledger td.history-ledger__notes-cell{min-width:0;grid-column:1 / -1;justify-content:flex-start;flex-direction:column;gap:5px;overflow-wrap:anywhere}.history-ledger td.history-ledger__actions-cell{grid-column:1 / -1;align-items:center}.history-ledger__actions-cell:before{margin-right:auto}.practice-entry-dialog__metadata,.practice-result-options,.session-practice-review__fields{grid-template-columns:1fr}.session-practice-review{padding-top:32px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.session-practice-review__intro h1{font-size:2.75rem}.session-practice-review__fields>:last-child{grid-column:auto}.session-practice-review__footer{align-items:stretch;flex-direction:column}.session-practice-review__actions{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.history-list-row{transition:none}}.practice-performance-bar{overflow:visible}.practice-performance-bar__deck{display:grid;width:100%;height:100%;min-height:0;grid-template-columns:9.5rem 4rem minmax(8rem,1fr) 9.5rem;grid-template-rows:minmax(4.25rem,1fr) minmax(2.75rem,auto);grid-template-areas:"tempo core core reset" "clock clock duration countin";color:var(--ink);background:var(--paper)}.practice-performance-bar__control-heading{display:flex;align-items:center;gap:.45rem;color:var(--accent-dark);font-size:.62rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.practice-performance-bar__control-heading svg{width:.9rem;height:.9rem}.practice-performance-bar__tempo{position:relative;z-index:4;display:grid;min-width:0;grid-area:tempo;align-content:center;gap:.4rem;padding:.5rem .55rem}.practice-performance-bar__tempo-editor{position:relative;display:grid;min-width:0;grid-template-columns:minmax(0,1fr) 2.25rem;align-items:stretch}.practice-performance-bar__tempo-field{position:relative;display:block;min-width:0;color:var(--ink);background:var(--panel)}.practice-performance-bar__tempo-input[data-slot=input]{height:2.75rem;padding:.05rem 1.9rem .15rem .35rem;border:1px solid var(--ink);border-radius:0;background:transparent;box-shadow:none;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1;text-align:center;appearance:textfield}.practice-performance-bar__tempo-input::-webkit-inner-spin-button,.practice-performance-bar__tempo-input::-webkit-outer-spin-button{margin:0;appearance:none}.practice-performance-bar__tempo-field small{position:absolute;right:.45rem;bottom:.45rem;color:var(--muted);font-size:.48rem;font-weight:700;letter-spacing:.08em;line-height:1;pointer-events:none}.practice-performance-bar__disclosure[data-slot=button]{width:2.25rem;min-width:2.25rem;height:2.75rem;border-left:0}.practice-performance-bar__disclosure[aria-expanded=true] svg{transform:rotate(180deg)}.practice-performance-bar__disclosure svg{transition:transform .18s cubic-bezier(.22,1,.36,1)}.practice-performance-bar__step-layer{position:absolute;z-index:45;display:grid;border:1px solid var(--ink);background:var(--panel);box-shadow:3px 4px 0 var(--ink);animation:practice-step-reveal .18s cubic-bezier(.22,1,.36,1)}.practice-performance-bar__step-layer--tempo{top:calc(100% + .45rem);left:0;width:13.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.practice-performance-bar__step-layer--duration{right:0;bottom:calc(100% + .45rem);width:12rem;grid-template-columns:repeat(2,minmax(0,1fr))}.practice-performance-bar__step-layer>button[data-slot=button]{min-width:0;height:2.75rem;border:0;border-radius:0;font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:700}.practice-performance-bar__step-layer>button+button{border-left:1px solid var(--ink)}.practice-performance-bar__core{display:grid;min-width:0;grid-area:core;grid-template-columns:4rem minmax(0,1fr);align-items:center;color:var(--paper);background:var(--ink)}.practice-performance-bar__play[data-slot=button]{width:3.5rem;min-width:3.5rem;height:3.5rem;margin-left:.25rem;border:2px solid var(--ink);color:var(--paper);background:var(--accent);box-shadow:none}.practice-performance-bar__play[data-slot=button]:hover,.practice-performance-bar__play[data-slot=button][data-state=playing]{color:var(--ink);background:var(--paper)}.practice-performance-bar__play svg{width:1.35rem;height:1.35rem}.practice-performance-bar__readout{display:grid;min-width:0;align-content:center;gap:.1rem;padding:.45rem .65rem}.practice-performance-bar__readout span{overflow:hidden;color:color-mix(in srgb,var(--paper) 72%,var(--ink));font-size:.52rem;font-weight:700;letter-spacing:.08em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.practice-performance-bar__readout output{display:block;min-width:0;overflow:hidden;font-family:Barlow Condensed,sans-serif;font-size:2.3rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.025em;line-height:.9;text-overflow:clip;white-space:nowrap}.practice-performance-bar__clock{display:contents}.practice-performance-bar__clock-mode{display:grid;min-width:0;grid-area:clock;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin:0;border:0}.practice-performance-bar__clock-mode label{position:relative;display:block;min-width:0}.practice-performance-bar__clock-mode input{position:absolute;width:1px;height:1px;opacity:0}.practice-performance-bar__clock-mode span{display:flex;min-width:0;min-height:2.75rem;align-items:center;justify-content:center;padding:.25rem .45rem;border-top:1px solid var(--ink);border-right:1px solid var(--ink);background:var(--paper);font-size:.58rem;font-weight:700;line-height:1.1;text-align:center}.practice-performance-bar__clock-mode label:first-of-type span{border-left:1px solid var(--ink)}.practice-performance-bar__clock-mode input:checked+span{color:var(--paper);background:var(--ink)}.practice-performance-bar__clock-mode input:focus-visible+span,.practice-performance-bar__count-in input:focus-visible{outline:3px solid var(--ring);outline-offset:-3px}.practice-performance-bar__clock-mode:disabled span,.practice-performance-bar__count-in input:disabled+span{cursor:not-allowed;opacity:.52}.practice-performance-bar__duration{position:relative;z-index:4;display:grid;min-width:0;grid-area:duration;grid-template-columns:minmax(0,1fr) 2.25rem;border-top:1px solid var(--ink);border-right:1px solid var(--ink)}.practice-performance-bar__duration-field{position:relative;display:block;min-width:0;background:var(--panel)}.practice-performance-bar__duration-field>span{position:absolute;top:.25rem;left:.45rem;z-index:1;color:var(--muted);font-size:.46rem;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase;pointer-events:none}.practice-performance-bar__duration-input[data-slot=input]{height:2.75rem;padding:.75rem .3rem .05rem;border:0;border-radius:0;background:transparent;box-shadow:none;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.025em;line-height:1;text-align:center}.practice-performance-bar__disclosure--duration[data-slot=button]{height:2.75rem;border-top:0;border-right:0;border-bottom:0}.practice-performance-bar__reset[data-slot=button]{width:100%;min-width:0;height:100%;grid-area:reset;gap:.45rem;border-top:0;border-right:0;border-bottom:0;font-size:.58rem;font-weight:700}.practice-performance-bar__count-in{display:flex;min-width:0;min-height:2.75rem;grid-area:countin;align-items:center;justify-content:center;gap:.45rem;padding:.25rem .5rem;border-top:1px solid var(--ink);background:var(--paper);font-size:.58rem;font-weight:700;line-height:1.1;text-align:center}.practice-performance-bar__count-in input{width:1.1rem;height:1.1rem;flex:0 0 1.1rem;border:1px solid var(--ink);border-radius:0;accent-color:var(--accent)}@keyframes practice-step-reveal{0%{clip-path:inset(100% 0 0);transform:translateY(.35rem)}}@media(min-width:781px)and (min-height:721px),(min-width:1024px)and (max-height:720px){.product-shell :is(.embedded-practice,.rhythms-page){--practice-control-rail-width: clamp(17rem, 18vw, 18rem);grid-template-columns:minmax(0,1fr) var(--practice-control-rail-width);grid-template-rows:minmax(0,1fr)}.product-shell :is(.embedded-practice,.rhythms-page)>.exercise-page-content,.product-shell .rhythms-page>.product-page-workspace{min-width:0;min-height:0;grid-column:1;grid-row:1}.product-shell :is(.embedded-practice,.rhythms-page)>.practice-performance-bar{--practice-rail-bg: #171918;--practice-rail-surface: #242724;--practice-rail-surface-strong: #0b0c0b;--practice-rail-line: #50544e;--practice-rail-text: #f5f2ea;--practice-rail-muted: #aeb1aa;position:relative;z-index:25;right:auto;bottom:auto;left:auto;width:var(--practice-control-rail-width);height:100%;min-width:0;min-height:0;grid-column:2;grid-row:1;overflow:visible;padding-bottom:0;border-top:0;border-left:2px solid var(--ink);color:var(--practice-rail-text);background:var(--practice-rail-bg)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__deck{position:relative;display:grid;height:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(9.5rem,.82fr) minmax(12rem,1.16fr) auto auto minmax(3.5rem,.45fr);grid-template-areas:"tempo" "core" "clock" "reset" "countin";align-content:stretch;padding:0;overflow:visible;background:var(--practice-rail-bg);box-shadow:inset 1rem 0 1.5rem -1.5rem #000000b8,inset -1rem 0 1.5rem -1.5rem #000000b8}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo{align-content:center;gap:.8rem;padding:1.5rem 1.75rem 1.25rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__control-heading{color:var(--accent)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo-editor{grid-template-columns:minmax(0,1fr) 2.75rem;border:1px solid var(--practice-rail-line);background:var(--practice-rail-surface);box-shadow:0 .5rem 1.1rem -.85rem #000000d1}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo-field{color:var(--practice-rail-text);background:var(--practice-rail-surface)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo-input[data-slot=input]{height:4.25rem;padding-right:2.6rem;border:0;color:var(--practice-rail-text);caret-color:var(--accent);font-size:3.25rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo-field small{right:.65rem;bottom:.75rem;color:var(--practice-rail-muted);font-size:.55rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__disclosure[data-slot=button]{width:2.75rem;min-width:2.75rem;height:4.25rem;border:0;color:var(--practice-rail-text);background:transparent}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__disclosure[data-slot=button]:hover{color:var(--practice-rail-text);background:color-mix(in srgb,var(--practice-rail-surface) 78%,var(--practice-rail-line))}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__step-layer--tempo{top:calc(100% + .65rem);width:100%}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__step-layer{border-color:var(--practice-rail-line);color:var(--practice-rail-text);background:var(--practice-rail-surface);box-shadow:0 .7rem 1.5rem -.8rem #000000e5}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__step-layer>button[data-slot=button]{border-color:var(--practice-rail-line);color:var(--practice-rail-text);background:transparent}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__step-layer>button[data-slot=button]:hover{color:var(--ink);background:var(--accent)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__core{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;justify-items:center;align-content:center;gap:1.2rem;margin:0 1rem;padding:1.7rem 1rem 1.5rem;border:1px solid var(--practice-rail-line);color:var(--practice-rail-text);background:var(--practice-rail-surface-strong);box-shadow:.55rem .7rem 1.45rem #00000070}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__play[data-slot=button]{width:5.25rem;min-width:5.25rem;height:5.25rem;margin:0;border-color:var(--paper);box-shadow:5px 6px 0 var(--accent)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__play[data-slot=button]:active{transform:translate(3px,3px);box-shadow:2px 3px 0 var(--accent)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__play svg{width:1.9rem;height:1.9rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__readout{justify-items:center;gap:.35rem;padding:0;text-align:center}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__readout span{font-size:.58rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__readout output{overflow:visible;font-size:3.7rem;line-height:.82}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__clock{z-index:3;display:grid;grid-area:clock;align-content:start;gap:1rem;padding:1.4rem 1.25rem 1.25rem;background:transparent}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__clock-mode{grid-area:auto}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__clock-mode span{min-height:2.85rem;border-color:var(--practice-rail-line);color:var(--practice-rail-text);background:var(--practice-rail-surface)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__clock-mode input:checked+span{color:var(--ink);background:var(--practice-rail-text);box-shadow:inset 0 -3px 0 var(--accent)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__duration{grid-area:auto;grid-template-columns:minmax(0,1fr) 2.75rem;border:1px solid var(--practice-rail-line);background:var(--practice-rail-surface);box-shadow:0 .5rem 1.1rem -.85rem #000000d1}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__duration-field{color:var(--practice-rail-text);background:var(--practice-rail-surface)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__disclosure--duration[data-slot=button]{height:3.5rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__duration-input[data-slot=input]{height:3.5rem;color:var(--practice-rail-text);caret-color:var(--accent);font-size:1.8rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__duration-field>span{top:.38rem;color:var(--practice-rail-muted)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__step-layer--duration{top:0;right:calc(100% + .65rem);bottom:auto;width:12rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__reset[data-slot=button]{align-self:end;margin:1rem 1.25rem 0;width:calc(100% - 2.5rem);min-height:2.75rem;grid-area:reset;border:0;border-bottom:1px solid color-mix(in srgb,var(--paper) 30%,transparent);color:var(--practice-rail-text);background:transparent}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__reset[data-slot=button]:hover{color:var(--accent);background:transparent}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__count-in{min-height:2.75rem;grid-area:countin;justify-content:flex-start;padding:.35rem 1.6rem 1.25rem;border:0;color:var(--practice-rail-text);background:transparent;font-size:.64rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__count-in input{border-color:var(--practice-rail-text)}}@media(min-width:1024px)and (max-height:720px){.product-shell :is(.embedded-practice,.rhythms-page){--practice-control-rail-width: clamp(15.5rem, 20vw, 16rem)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__deck{grid-template-rows:minmax(6.25rem,.78fr) minmax(8.5rem,1.08fr) auto auto minmax(2.75rem,.35fr)}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo{gap:.45rem;padding:.75rem 1rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo-input[data-slot=input],.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__disclosure[data-slot=button]{height:3rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo-input[data-slot=input]{font-size:2.35rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo-field small{right:.55rem;bottom:.5rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__core{gap:.55rem;margin-inline:.75rem;padding:.75rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__play[data-slot=button]{width:4rem;min-width:4rem;height:4rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__play svg{width:1.5rem;height:1.5rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__readout{gap:.2rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__readout output{font-size:2.75rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__clock{gap:.55rem;padding:.7rem .85rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__clock-mode span{min-height:2.75rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__duration-input[data-slot=input],.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__disclosure--duration[data-slot=button]{height:2.75rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__duration-input[data-slot=input]{font-size:1.45rem}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__reset[data-slot=button]{width:calc(100% - 1.5rem);margin:.45rem .75rem 0}.product-shell :is(.embedded-practice,.rhythms-page) .practice-performance-bar__count-in{padding:.25rem 1rem .65rem}}@media(max-width:780px),(min-width:781px)and (max-width:1023px)and (max-height:720px){:is(.embedded-practice,.rhythms-page){--practice-control-bar-height: 116px}:is(.embedded-practice,.rhythms-page)>.practice-performance-bar{overflow:visible}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__deck{width:100%;max-width:100%;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:4.25rem 3rem;grid-template-areas:"tempo tempo tempo play readout readout reset reset" "clock clock clock duration duration countin countin countin";overflow:visible}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__control-heading{font-size:.54rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__control-heading svg{display:none}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo{gap:.3rem;padding:.4rem .35rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo-editor{grid-template-columns:minmax(0,1fr) 2.75rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo-input[data-slot=input]{height:2.45rem;padding:0 1.45rem 0 .15rem;font-size:1.75rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__tempo-field small{right:.25rem;bottom:.35rem;font-size:.42rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__disclosure[data-slot=button]{width:2.75rem;min-width:2.75rem;height:2.75rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__step-layer--tempo{top:auto;bottom:calc(100% + .5rem);left:.35rem;width:13rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__core{display:contents}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__play[data-slot=button]{width:3.15rem;min-width:3.15rem;height:3.15rem;grid-area:play;align-self:center;justify-self:center;margin:0}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__readout{height:100%;grid-area:readout;padding:.6rem .55rem;color:var(--paper);background:var(--ink)}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__readout output{font-size:clamp(1.65rem,7.4vw,2.15rem)}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__clock{display:contents}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__clock[data-mode=count-up] .practice-performance-bar__clock-mode{grid-column:1 / 6;grid-row:2}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__clock-mode span{min-height:3rem;padding-inline:.25rem;font-size:.52rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__duration{grid-template-columns:minmax(0,1fr) 2.75rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__duration-field>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__duration-input[data-slot=input]{height:3rem;padding:.15rem;font-size:1.15rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__disclosure--duration[data-slot=button]{width:2.75rem;min-width:2.75rem;height:3rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__step-layer--duration{right:0;bottom:calc(100% + 4.75rem);width:11rem}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__reset[data-slot=button]{width:100%;height:100%;grid-area:reset;border-top:0;border-right:0;border-bottom:0;border-left:1px solid var(--ink)}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__reset span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:is(.embedded-practice,.rhythms-page) .practice-performance-bar__count-in{min-height:3rem;padding-inline:.35rem;border-left:1px solid var(--ink);font-size:.54rem}}@media(max-width:380px){:is(.embedded-practice,.rhythms-page) .practice-performance-bar__count-in{gap:.25rem;padding-inline:.2rem}}@media(prefers-reduced-motion:reduce){.practice-performance-bar__disclosure svg{transition:none}.practice-performance-bar__step-layer{animation:none}}@media(forced-colors:active){.practice-performance-bar__core,.practice-performance-bar__readout,.practice-performance-bar__clock-mode input:checked+span,.practice-performance-bar__play[data-slot=button]{color:Canvas;background:CanvasText}.practice-performance-bar__play[data-slot=button]{border-color:CanvasText;box-shadow:none}}