/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--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-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--aspect-video:16 / 9;--default-font-family:var(--font-sans);--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%;-moz-tab-size:4;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-y-0{inset-block:0}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-1\/2{left:50%}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.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}}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.ms-auto{margin-inline-start:auto}.me-1{margin-inline-end:var(--spacing)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-video{aspect-ratio:var(--aspect-video)}.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-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.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-full{width:100%;height:100%}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-24{height:calc(var(--spacing) * 24)}.h-\[72px\]{height:72px}.h-full{height:100%}.max-h-\[44dvh\]{max-height:44dvh}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\[60vh\]{min-height:60vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-32{width:calc(var(--spacing) * 32)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.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-36{max-width:calc(var(--spacing) * 36)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-60{min-width:calc(var(--spacing) * 60)}.min-w-64{min-width:calc(var(--spacing) * 64)}.min-w-72{min-width:calc(var(--spacing) * 72)}.min-w-\[3\.5rem\]{min-width:3.5rem}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-none{flex:none}.shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.-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-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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-items-center{justify-items:center}.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-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-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[8px\]{border-radius:8px}.rounded-\[var\(--radius-card\)\]{border-radius:var(--radius-card)}.rounded-\[var\(--radius-control\)\]{border-radius:var(--radius-control)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-\[var\(--radius-card\)\]{border-bottom-right-radius:var(--radius-card);border-bottom-left-radius:var(--radius-card)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-e-2{border-inline-end-style:var(--tw-border-style);border-inline-end-width:2px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.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-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-7{padding-inline:calc(var(--spacing) * 7)}.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)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pe-1{padding-inline-end:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pb-\[calc\(var\(--bottom-nav-height\)\+1rem\)\]{padding-bottom:calc(var(--bottom-nav-height) + 1rem)}.text-center{text-align:center}.text-start{text-align:start}.font-mono{font-family:var(--font-mono)}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--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-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-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[color\:var\(--muted\)\]{color:var(--muted)}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.accent-\[var\(--blue\)\]{accent-color:var(--blue)}.shadow-\[0_12px_30px_rgba\(0\,0\,0\,0\.28\)\]{--tw-shadow:0 12px 30px var(--tw-shadow-color,#00000047);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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-45:disabled{opacity:.45}@media(min-width:40rem){.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:self-auto{align-self:auto}}@media(min-width:48rem){.md\:top-\[84px\]{top:84px}.md\:right-4{right:calc(var(--spacing) * 4)}.md\:bottom-3{bottom:calc(var(--spacing) * 3)}.md\:bottom-auto{bottom:auto}.md\:left-auto{left:auto}.md\:col-span-2{grid-column:span 2/span 2}.md\:mt-0{margin-top:0}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-\[90px\]{height:90px}.md\:h-\[min\(70dvh\,620px\)\]{height:min(70dvh,620px)}.md\:max-h-none{max-height:none}.md\:w-40{width:calc(var(--spacing) * 40)}.md\:w-\[min\(400px\,calc\(100vw-24px\)\)\]{width:min(400px,100vw - 24px)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.md\:grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr}.md\:grid-cols-\[220px_minmax\(0\,1fr\)_320px\]{grid-template-columns:220px minmax(0,1fr) 320px}.md\:grid-cols-\[minmax\(10rem\,0\.7fr\)_minmax\(14rem\,1fr\)_minmax\(14rem\,1fr\)_auto\]{grid-template-columns:minmax(10rem,.7fr) minmax(14rem,1fr) minmax(14rem,1fr) auto}.md\:grid-cols-\[minmax\(12rem\,1fr\)_2fr\]{grid-template-columns:minmax(12rem,1fr) 2fr}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:pe-\[432px\]{padding-inline-end:432px}.md\:pb-4{padding-bottom:calc(var(--spacing) * 4)}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}:root{--ink:#333;--paper:#f8f9fa;--card:#fff;--blue:#4f80ff;--red:#e63c48;--yellow:#ffd13b;--purple:#7b52d9;--orange:#f37021;--grade-perfect:#1e9e5a;--pink:#f280ed;--muted:#6b7280;--border:#d9dee7;--panel-alt:#eef2f7;--voice-kick:var(--blue);--voice-snare:var(--red);--voice-hihat-c:var(--yellow);--voice-hihat-o:var(--purple);--verdict-perfect:var(--grade-perfect);--verdict-good:var(--yellow);--verdict-loose:var(--orange);--verdict-extra:var(--red);--verdict-miss:var(--red);--marker-outline-width:1.5px;--marker-outline-color:var(--ink);--font-sans:"proxima-nova", "Proxima Nova", "Avenir Next", "Segoe UI", sans-serif;--type-display-size:clamp(28px, 5vw, 44px);--type-display-weight:900;--type-display-tracking:-.03em;--type-h2-size:20px;--type-h2-weight:800;--type-body-size:15px;--type-body-line:1.6;--type-body-weight:600;--type-micro-size:11px;--type-micro-min-size:10px;--type-micro-weight:900;--type-micro-tracking:.12em;--radius-control:6px;--radius-card:8px;--radius-modal:8px;--motion-fast:.12s;--motion-base:.18s;--motion-pass-max:.8s;--motion-pulse-scale:1.15;--motion-ease:cubic-bezier(.2, 0, 0, 1);--grid-cell-desktop:44px;--grid-cell-mobile:32px;--grid-cell-min:24px;--target-min:24px;--rail-width:64px;--sidebar-width:320px;--bottom-nav-height:64px}@media(prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-pass-max:0s;--motion-pulse-scale:1}}:root[data-reduced-motion=reduce]{--motion-fast:0s;--motion-base:0s;--motion-pass-max:0s;--motion-pulse-scale:1}:root{--shed-color-orange:var(--orange);--shed-color-purple:var(--purple);--shed-color-yellow:var(--yellow);--shed-color-red:var(--red);--shed-color-pink:var(--pink);--shed-color-blue:var(--blue);--shed-page:var(--paper);--shed-panel:var(--card);--shed-panel-alt:var(--panel-alt);--shed-ink:var(--ink);--shed-muted:var(--muted);--shed-border:var(--border);--shed-primary:var(--blue);--shed-primary-text:#fff;--shed-accent:var(--yellow);--shed-accent-text:#111827;--shed-support:var(--purple);--shed-danger:var(--red);--shed-success:#1b9aaa;--shed-warning:var(--orange);--shed-kick:var(--voice-kick);--shed-snare:var(--voice-snare);--shed-hihat-c:var(--voice-hihat-c);--shed-hihat-o:var(--voice-hihat-o);--shed-font-sans:var(--font-sans);--shed-radius-control:var(--radius-control);--shed-radius-card:var(--radius-card);--shed-radius-modal:var(--radius-modal);--shed-motion-fast:var(--motion-fast);--shed-motion-base:var(--motion-base);--shed-motion-ease:var(--motion-ease);--shed-target-min:var(--target-min);--shed-rail-width:var(--rail-width);--shed-sidebar-width:var(--sidebar-width);--shed-bottom-nav-height:var(--bottom-nav-height)}.shed-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shed-pill{border:2px solid var(--ink);min-block-size:44px;font-family:var(--font-sans);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-block:8px;padding-inline:22px;font-size:19px;font-weight:800;line-height:1.2;display:inline-flex}.shed-pill:active:not(:disabled){transform:translateY(1px)}.shed-pill:disabled{opacity:.45;cursor:not-allowed}.shed-pill__symbol{vertical-align:-.08em;background:currentColor;flex:none;block-size:.8em;inline-size:.8em;display:inline-block}.shed-pill__symbol[data-symbol=play]{clip-path:polygon(6% 0%,100% 50%,6% 100%)}.shed-pill__symbol[data-symbol=record]{border-radius:50%}.shed-pill__symbol[data-symbol=pause]{background:linear-gradient(90deg,currentColor 0 38%,#0000 38% 62%,currentColor 62% 100%)}.shed-pill--primary{background:var(--blue);color:#fff}.shed-pill--secondary{background:var(--card);color:var(--ink)}.shed-pill--danger{background:var(--red);color:#fff}.shed-pill--compact{min-block-size:36px;font-size:var(--type-body-size);padding-block:4px;padding-inline:16px}.shed-tablist{border-block-end:2px solid var(--ink);gap:4px;padding-inline:4px;display:flex}.shed-tab{border:2px solid var(--ink);background:var(--card);min-block-size:40px;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);cursor:pointer;border-start-start-radius:999px;border-start-end-radius:999px;border-end-end-radius:0;border-end-start-radius:0;align-items:center;gap:6px;margin-block-end:-2px;padding-block:6px;padding-inline:16px;font-weight:800;display:inline-flex}.shed-tab[aria-selected=true]{background:var(--yellow);border-block-end-color:var(--yellow)}.shed-tab:disabled{opacity:.45;cursor:not-allowed}.shed-rail-item{z-index:0;border:2px solid var(--ink);background:var(--card);block-size:48px;inline-size:48px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.shed-rail-item:hover,.shed-rail-item:focus-within{z-index:100}.shed-rail-item[aria-current]{background:var(--blue);color:#fff}.shed-rail-item:disabled{opacity:.38;filter:grayscale();cursor:not-allowed}.shed-rail-item__icon{block-size:24px;inline-size:24px;display:inline-flex}.shed-rail-item__label{border:2px solid var(--ink);background:var(--ink);color:#fff;font-size:var(--type-body-size);white-space:nowrap;opacity:0;pointer-events:none;z-index:90;border-radius:999px;padding-block:4px;padding-inline:10px;font-weight:800;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + 10px);transform:translateY(-50%)}.shed-rail-item:hover .shed-rail-item__label,.shed-rail-item:focus-visible .shed-rail-item__label{opacity:1}@media(prefers-reduced-motion:no-preference){.shed-rail-item__label{transition:opacity var(--motion-fast) var(--motion-ease)}}.shed-grid{--grid-cell-size:clamp(var(--grid-cell-min), calc(( 100cqi - var(--grid-label-size) - var(--grid-gutter) - (var(--grid-steps,16) - 1) * var(--grid-gap) - (var(--grid-beats,4) - 1) * var(--grid-beat-extra) - (var(--grid-bars,1) - 1) * var(--grid-bar-extra) ) / var(--grid-steps,16)), var(--grid-cell-desktop));--grid-gap:4px;--grid-beat-extra:8px;--grid-bar-extra:16px;--grid-label-size:150px;--grid-gutter:10px;font-family:var(--font-sans);gap:var(--grid-gutter);padding-block:4px;display:flex;overflow-x:auto;container-type:inline-size}.shed-grid__labels{gap:var(--grid-gap);flex-direction:column;flex:none;display:flex}.shed-grid__voice-label{block-size:var(--grid-cell-size);font-weight:800;font-size:var(--type-body-size);color:var(--ink);white-space:nowrap;max-inline-size:var(--grid-label-size);align-items:center;gap:6px;display:inline-flex;overflow:hidden}.shed-grid__voice-name{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.shed-grid__voice-abbr{display:none}.shed-grid__row.is-dimmed .shed-grid-cell{opacity:.4}.shed-grid-cell.is-outlined{outline:3px dashed var(--orange);outline-offset:1px}.shed-grid-cell.is-feedback{box-shadow:0 0 0 2px var(--ink);border-width:3px}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-feedback{box-shadow:0 0 0 2px color-mix(in srgb,var(--ink) 18%,transparent)}}.shed-grid-cell.is-feedback{z-index:2;position:relative}.shed-grid-cell.is-feedback-perfect,.shed-grid-cell.is-feedback-good{border-color:var(--grade-perfect);box-shadow:0 0 0 3px var(--grade-perfect)}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-feedback-perfect,.shed-grid-cell.is-feedback-good{box-shadow:0 0 0 3px color-mix(in srgb,var(--grade-perfect) 36%,transparent)}}.shed-grid-cell.is-feedback-ok{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow)}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-feedback-ok{box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow) 44%,transparent)}}.shed-grid-cell.is-feedback-miss{border-color:var(--red);box-shadow:0 0 0 3px var(--red)}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-feedback-miss{box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 36%,transparent)}}.shed-grid-cell.is-feedback-rainbow{--grid-feedback-fill:var(--card);background:linear-gradient(var(--grid-feedback-fill),var(--grid-feedback-fill)) padding-box,linear-gradient(135deg,#ff4d6d 0%,var(--yellow) 24%,var(--grade-perfect) 48%,var(--blue) 72%,#8c5cff 100%) border-box;box-shadow:0 0 0 3px var(--yellow),0 0 0 6px var(--blue);border-color:#0000}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-feedback-rainbow{box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow) 50%,transparent),0 0 0 6px color-mix(in srgb,var(--blue) 24%,transparent)}}.shed-grid-cell--kick.is-active.is-feedback-rainbow{--grid-feedback-fill:var(--voice-kick)}.shed-grid-cell--snare.is-active.is-feedback-rainbow{--grid-feedback-fill:var(--voice-snare)}.shed-grid-cell--hihatC.is-active.is-feedback-rainbow{--grid-feedback-fill:var(--voice-hihat-c)}.shed-grid-cell--hihatO.is-active.is-feedback-rainbow{--grid-feedback-fill:var(--voice-hihat-o)}@media(prefers-reduced-motion:no-preference){.shed-grid-cell.is-outlined{animation:shed-diff-pulse .8s var(--motion-ease)}.shed-grid-cell.is-feedback{animation:shed-feedback-pulse .42s var(--motion-ease)}.shed-grid-cell.is-feedback-rainbow{animation:shed-rainbow-feedback .7s var(--motion-ease)}}@keyframes shed-diff-pulse{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes shed-feedback-pulse{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shed-rainbow-feedback{0%{filter:saturate(1.2);transform:scale(1.12)}55%{filter:saturate(1.5)}to{filter:saturate();transform:scale(1)}}.shed-grid__cells{gap:var(--grid-gap);flex-direction:column;display:flex;position:relative}.shed-grid__row{gap:var(--grid-gap);display:flex}.shed-grid__bar-label-spacer{block-size:1.45rem}.shed-grid__bar-markers{align-items:end;block-size:1.45rem}.shed-grid__bar-step{inline-size:var(--grid-cell-size);min-inline-size:var(--grid-cell-min);color:var(--ink);text-align:start;text-transform:uppercase;white-space:nowrap;flex:none;font-size:.72rem;font-weight:900;line-height:1}.shed-grid-cell{inline-size:var(--grid-cell-size);block-size:var(--grid-cell-size);min-inline-size:var(--grid-cell-min);min-block-size:var(--grid-cell-min);border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:6px;flex:none;padding:0;display:inline-block;position:relative}.shed-grid-cell.is-beat-start,.shed-grid__count.is-beat-start,.shed-grid__bar-step.is-beat-start{margin-inline-start:var(--grid-beat-extra)}.shed-grid-cell.is-bar-start,.shed-grid__count.is-bar-start,.shed-grid__bar-step.is-bar-start{scroll-snap-align:start;margin-inline-start:calc(var(--grid-beat-extra) + var(--grid-bar-extra,10px))}.shed-grid-cell.is-bar-start:before{content:"";background:var(--ink);inline-size:2px;border-radius:999px;position:absolute;inset-block:0;inset-inline-start:calc(-1 * (var(--grid-bar-extra,10px) + var(--grid-beat-extra,8px)) / 2)}@supports (color:color-mix(in lab,red,red)){.shed-grid-cell.is-bar-start:before{background:color-mix(in srgb,var(--ink) 45%,transparent)}}.shed-grid-cell.is-active{border:1.5px solid var(--marker-outline-color)}.shed-grid-cell--kick.is-active{background:var(--voice-kick)}.shed-grid-cell--snare.is-active{background:var(--voice-snare)}.shed-grid-cell--hihatC.is-active{background:var(--voice-hihat-c)}.shed-grid-cell--hihatO.is-active{background:var(--voice-hihat-o)}span.shed-grid-cell{cursor:default}.shed-grid__playhead{inline-size:var(--grid-cell-size);border:2px solid var(--ink);background:var(--yellow);border-radius:6px;position:absolute;inset-block:-2px}@supports (color:color-mix(in lab,red,red)){.shed-grid__playhead{background:color-mix(in srgb,var(--yellow) 28%,transparent)}}.shed-grid__playhead{pointer-events:none;z-index:1}.shed-grid__counting{block-size:auto}.shed-grid__count{inline-size:var(--grid-cell-size);text-align:center;font-size:var(--type-micro-size);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);flex:none;font-weight:900}@media(max-width:640px){.shed-grid{--grid-gap:3px;--grid-beat-extra:5px;--grid-cell-min:13px;--grid-label-size:64px;--grid-gutter:8px;scroll-snap-type:inline proximity}.shed-grid.has-abbr{--grid-label-size:32px}.shed-grid__voice-label{inline-size:var(--grid-label-size);font-size:13px}.shed-grid.has-abbr .shed-grid__voice-name{display:none}.shed-grid.has-abbr .shed-grid__voice-abbr{letter-spacing:.02em;font-size:10px;display:inline}.shed-grid__row-extras{display:none}.shed-grid__count{font-size:9px}}.shed-grid.shed-grid--compact{--grid-cell-size:28px;--grid-gap:3px;--grid-beat-extra:5px;--grid-cell-min:12px;gap:8px;inline-size:max-content;max-inline-size:100%;container-type:normal}.shed-grid.shed-grid--compact .shed-grid__voice-label{inline-size:auto;max-inline-size:96px;font-size:12px}@media(max-width:640px){.shed-grid.shed-grid--compact{--grid-cell-size:16px}}.shed-grid.shed-grid--card{--grid-cell-desktop:30px;--grid-cell-min:10px;--grid-gap:3px;--grid-beat-extra:5px;--grid-gutter:8px}.shed-grid.shed-grid--abbr-only{--grid-label-size:32px}.shed-grid--abbr-only .shed-grid__voice-label{inline-size:var(--grid-label-size);font-size:13px}.shed-grid--abbr-only .shed-grid__voice-name{display:none}.shed-grid--abbr-only .shed-grid__voice-abbr{letter-spacing:.02em;font-size:10px;display:inline}.shed-pad{cursor:pointer;font-family:var(--font-sans);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:inline-flex}.shed-pad__surface{border:2px solid var(--ink);border-radius:12px;justify-content:flex-end;align-items:flex-start;block-size:72px;inline-size:72px;padding:6px;display:flex}.shed-pad--kick .shed-pad__surface{background:var(--voice-kick)}.shed-pad--snare .shed-pad__surface{background:var(--voice-snare)}.shed-pad--hihatC .shed-pad__surface{background:var(--voice-hihat-c)}.shed-pad--hihatO .shed-pad__surface{background:var(--voice-hihat-o)}.shed-pad--tomHi .shed-pad__surface{background:#57b368}.shed-pad--tomMid .shed-pad__surface{background:#3f9a5c}.shed-pad--tomLo .shed-pad__surface{background:#2f7d4b}.shed-pad--ride .shed-pad__surface{background:#3fb8ae}.shed-pad--crash .shed-pad__surface{background:var(--orange)}.shed-pad--sideStick .shed-pad__surface{background:#9aa6b8}.shed-pad--clap .shed-pad__surface{background:#ef6fa7}.shed-pad--rimShot .shed-pad__surface{background:#d98a4d}.shed-pad--rideBell .shed-pad__surface{background:#d9b23f}.shed-pad__key{border:1.5px solid var(--ink);background:var(--card);block-size:22px;min-inline-size:22px;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-micro-size);border-radius:6px;justify-content:center;align-items:center;padding-inline:4px;font-weight:900;display:inline-flex}.shed-pad__label{font-size:var(--type-body-size);color:var(--ink);font-weight:800}.shed-pad.is-pressed .shed-pad__surface{border-width:3px;padding:5px;transform:scale(.94)}@media(prefers-reduced-motion:no-preference){.shed-pad__surface{transition:transform var(--motion-fast) var(--motion-ease)}}.shed-pad:disabled{opacity:.45;cursor:not-allowed}.shed-pad--lg .shed-pad__surface{touch-action:none;border-radius:18px;block-size:clamp(88px,27vw,148px);inline-size:clamp(88px,27vw,148px);padding:8px}.shed-pad--lg .shed-pad__key{block-size:26px;min-inline-size:26px}.shed-pad--lg.is-pressed .shed-pad__surface{padding:7px}.shed-dial{font-family:var(--font-sans);flex-direction:column;align-items:center;gap:4px;display:inline-flex}.shed-dial__face{block-size:48px;inline-size:48px}.shed-dial__label{font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;color:var(--ink);font-weight:900}.shed-dial__controls{align-items:center;gap:4px;display:flex}.shed-dial__input{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--card);min-block-size:32px;inline-size:64px;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);text-align:center;font-weight:800}.shed-dial__nudge{border:2px solid var(--ink);background:var(--card);block-size:28px;inline-size:28px;color:var(--ink);cursor:pointer;border-radius:999px;font-size:16px;font-weight:900;line-height:1}.shed-dial__nudge:disabled{opacity:.45;cursor:not-allowed}.shed-dial__unit{font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;color:var(--muted);font-weight:900}.shed-dial.is-disabled .shed-dial__face{opacity:.45}.shed-stepper{font-family:var(--font-sans);flex-direction:column;align-items:center;gap:4px;display:inline-flex}.shed-stepper__label{font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;color:var(--ink);font-weight:900}.shed-stepper__controls{align-items:center;gap:6px;display:flex}.shed-stepper__input{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--card);min-block-size:36px;inline-size:64px;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);text-align:center;font-weight:800}.shed-stepper__nudge{border:2px solid var(--ink);background:var(--card);block-size:36px;inline-size:36px;color:var(--ink);cursor:pointer;touch-action:none;border-radius:999px;font-size:18px;font-weight:900;line-height:1}.shed-stepper__nudge.is-at-limit{opacity:.45}.shed-stepper__nudge:disabled{opacity:.45;cursor:not-allowed}.shed-stepper__unit{font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;color:var(--muted);font-weight:900}.shed-stepper.is-disabled .shed-stepper__label{opacity:.6}.shed-clip{border:2px solid var(--ink);background:var(--card);border-radius:999px;flex:1;align-items:center;gap:10px;min-inline-size:220px;max-inline-size:420px;padding:8px 12px;display:flex}.shed-clip__toggle{border:2px solid var(--ink);background:var(--orange);block-size:36px;inline-size:36px;color:var(--ink);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:inline-flex}.shed-clip__seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:999px;flex:1;block-size:10px;inline-size:100%;min-inline-size:80px}.shed-clip__seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--ink);background:var(--orange);border-radius:999px;block-size:20px;inline-size:20px}.shed-clip__seek::-moz-range-thumb{border:2px solid var(--ink);background:var(--orange);border-radius:999px;block-size:16px;inline-size:16px}.shed-clip__time{font-size:var(--type-micro-size);letter-spacing:.02em;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-weight:900}.shed-chip{border:2px solid var(--ink);background:var(--card);min-block-size:32px;color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);border-radius:999px;align-items:center;gap:6px;padding-block:4px;padding-inline:14px;font-weight:800;display:inline-flex}button.shed-chip{cursor:pointer}button.shed-chip:disabled{opacity:.45;cursor:not-allowed}.shed-chip.is-selected{background:var(--yellow)}.shed-transport__toggle{min-inline-size:9em}.shed-transport{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--card);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.shed-modal,.shed-drawer{border:2px solid var(--ink);background:var(--card);color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--type-body-weight);padding:0}dialog.shed-modal[open],dialog.shed-drawer[open]{z-index:120;position:fixed;top:0;right:0;bottom:0;left:0}.shed-modal::backdrop,.shed-drawer::backdrop{background:#33333380}.shed-modal{border-radius:var(--radius-modal);max-block-size:min(80dvh,640px);inline-size:min(480px,100vw - 32px);margin:auto}.shed-modal__frame,.shed-drawer__frame{max-block-size:inherit;flex-direction:column;min-block-size:0;display:flex}.shed-drawer__frame{block-size:100%}.shed-modal__header,.shed-drawer__header{border-block-end:2px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.shed-modal__title,.shed-drawer__title{font-size:var(--type-h2-size);font-weight:800}.shed-modal__close{border:2px solid var(--ink);background:var(--card);block-size:32px;inline-size:32px;color:var(--ink);cursor:pointer;border-radius:999px;flex:none;font-weight:900}.shed-modal__body,.shed-drawer__body{padding:16px;overflow-y:auto}@media(prefers-reduced-motion:no-preference){.shed-modal[open]{animation:shed-modal-in var(--motion-base) var(--motion-ease)}}@keyframes shed-modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.shed-drawer{margin:0}.shed-drawer--start,.shed-drawer--end{block-size:100vh;max-block-size:100vh;inline-size:min(360px,90vw)}.shed-drawer--start{border-inline-start:0;margin-block:0;margin-inline:0 auto}.shed-drawer--end{border-inline-end:0;margin-block:0;margin-inline:auto 0}.shed-drawer--bottom{border-block-end:0;border-start-start-radius:12px;border-start-end-radius:12px;max-block-size:86dvh;inline-size:100vw;max-inline-size:100vw;margin-block:auto 0;margin-inline:0}@media(max-width:640px){.shed-modal{max-block-size:calc(100dvh - 16px);inline-size:calc(100vw - 16px)}.shed-drawer--bottom{max-block-size:calc(100dvh - 12px)}.shed-modal__frame,.shed-drawer__frame{min-block-size:0}.shed-modal__header,.shed-drawer__header{padding:10px 12px}.shed-modal__body,.shed-drawer__body{overscroll-behavior:contain;padding:12px}}@media(prefers-reduced-motion:no-preference){.shed-drawer--start[open]{animation:shed-drawer-in-start var(--motion-base) var(--motion-ease)}.shed-drawer--end[open]{animation:shed-drawer-in-end var(--motion-base) var(--motion-ease)}.shed-drawer--bottom[open]{animation:shed-drawer-in-bottom var(--motion-base) var(--motion-ease)}}@keyframes shed-drawer-in-start{0%{opacity:0;transform:translate(-24px)}}@keyframes shed-drawer-in-end{0%{opacity:0;transform:translate(24px)}}@keyframes shed-drawer-in-bottom{0%{opacity:0;transform:translateY(24px)}}.shed-toast-region{z-index:50;flex-direction:column;gap:8px;max-inline-size:min(360px,100vw - 32px);display:flex;position:fixed;inset-block-end:16px;inset-inline-end:16px}.shed-toast{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--ink);color:#fff;font-family:var(--font-sans);align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.shed-toast__message{flex:1}.shed-toast__close{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:999px;flex:none;block-size:28px;inline-size:28px;font-weight:900}@media(prefers-reduced-motion:no-preference){.shed-toast{animation:shed-toast-in var(--motion-base) var(--motion-ease)}}@keyframes shed-toast-in{0%{opacity:0;transform:translateY(8px)}}.shed-ring{display:inline-block;position:relative}.shed-ring svg{block-size:100%;inline-size:100%}.shed-ring__value{font-family:var(--font-sans);font-size:calc(var(--type-body-size) * .85);color:var(--ink);justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.shed-formmap{font-family:var(--font-sans)}.shed-formmap__track{gap:4px;padding-block-end:4px;display:flex;overflow-x:auto}.shed-formmap__section{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--card);min-block-size:44px;min-inline-size:76px;color:var(--ink);font-size:var(--type-body-size);flex-basis:76px;justify-content:center;align-items:center;padding-inline:4px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}button.shed-formmap__section{cursor:pointer}.shed-formmap__section.is-done{background:var(--panel-alt)}.shed-formmap__section.is-current{background:var(--yellow)}.shed-formmap__label{z-index:1;overflow-wrap:anywhere;text-align:center;line-height:1.05;position:relative}.shed-formmap__progress{background:var(--orange);position:absolute;inset-block:0;inset-inline-start:0}@supports (color:color-mix(in lab,red,red)){.shed-formmap__progress{background:color-mix(in srgb,var(--orange) 45%,transparent)}}@media(prefers-reduced-motion:no-preference){.shed-formmap__progress{transition:inline-size .24s linear}}.shed-formmap__cue{min-block-size:1.6em;color:var(--ink);margin-block-start:6px;font-weight:800}.shed-stylecard{flex-direction:column;gap:12px;max-inline-size:420px;display:flex}.shed-stylecard__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.shed-stylecard__name{font-size:var(--type-h2-size);font-weight:800}.shed-stylecard__tags{flex-wrap:wrap;gap:6px;display:flex}.shed-stylecard__minigrid{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--paper);flex-direction:column;gap:3px;padding:8px;display:flex}.shed-stylecard__minirow{gap:3px;display:flex}.shed-stylecard__minicell{background:var(--panel-alt);border-radius:3px;flex:1;block-size:10px}.shed-stylecard__minicell.is-active{border:1px solid var(--ink)}.shed-stylecard__minicell--kick.is-active{background:var(--voice-kick)}.shed-stylecard__minicell--snare.is-active{background:var(--voice-snare)}.shed-stylecard__minicell--hihatC.is-active{background:var(--voice-hihat-c)}.shed-stylecard__minicell--hihatO.is-active{background:var(--voice-hihat-o)}.shed-stylecard__blurb{color:var(--ink)}.shed-stylecard__actions{flex-wrap:wrap;gap:8px;display:flex}.shed-qr{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--card);max-inline-size:280px;font-family:var(--font-sans);flex-direction:column;align-items:stretch;gap:10px;padding:16px;display:inline-flex}.shed-qr__code{border:2px solid var(--ink);border-radius:var(--radius-control);background:#fff;inline-size:100%}.shed-qr__value{overflow-wrap:anywhere;color:var(--ink);font-family:ui-monospace,monospace;font-size:12px}.shed-qr__copied{min-block-size:1.6em;color:var(--ink);font-weight:800}.shed-scan{border-radius:8px}.shed-scan.is-scanned{outline:4px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 10px var(--yellow)}.shed-metronome{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--card);inline-size:88px;font-family:var(--font-sans);flex-direction:column;align-items:center;gap:6px;padding:10px;display:inline-flex}.shed-metronome__beat{border:2px solid var(--ink);background:var(--panel-alt);block-size:48px;inline-size:48px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.shed-metronome.is-running .shed-metronome__beat{background:var(--blue);color:#fff}.shed-metronome.is-accent .shed-metronome__beat{background:var(--yellow);color:var(--ink)}@media(prefers-reduced-motion:no-preference){.shed-metronome.is-running .shed-metronome__beat{animation:shed-beat-flash var(--motion-fast) var(--motion-ease)}}@keyframes shed-beat-flash{0%{transform:scale(1.12)}to{transform:scale(1)}}.shed-metronome__dots{gap:6px;display:flex}.shed-metronome__dot{border:1.5px solid var(--ink);background:var(--card);border-radius:999px;block-size:10px;inline-size:10px}.shed-metronome__dot.is-on{background:var(--ink)}.shed-card{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--card);padding:16px}@media(hover:hover)and (pointer:fine){button:not(:disabled):hover{filter:brightness(.95)saturate(1.35)}button:not(:disabled):active{filter:brightness(.88)saturate(1.35)}.shed-pill:not(:disabled):hover,.shed-chip:not(:disabled):hover,.shed-tab:not(:disabled):hover,.shed-stepper__nudge:not(:disabled):hover,.shed-modal__close:not(:disabled):hover{box-shadow:0 2px 0 var(--ink);transform:translateY(-1px)}.shed-pill:not(:disabled):active,.shed-chip:not(:disabled):active,.shed-tab:not(:disabled):active,.shed-stepper__nudge:not(:disabled):active,.shed-modal__close:not(:disabled):active{box-shadow:none;transform:translateY(0)}.shed-pad:not(:disabled):hover .shed-pad__surface{transform:scale(1.04)}.shed-pad:not(:disabled).is-pressed .shed-pad__surface,.shed-pad:not(:disabled):active .shed-pad__surface{transform:scale(.94)}button.shed-grid-cell:not(:disabled):hover{border-color:var(--ink)}}@media(prefers-reduced-motion:no-preference){button{transition:filter var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}}:root[data-reduced-motion] button:not(:disabled):hover,:root[data-reduced-motion] button:not(:disabled):active{box-shadow:none;transform:none}:root[data-reduced-motion] .shed-pad:not(:disabled):hover .shed-pad__surface{transform:none}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--type-body-weight)}html[data-green-screen="1"],html[data-green-screen="1"] body{background:#61d836;overflow:hidden}.ptp-green-screen-stage{touch-action:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.ptp-green-screen-window{min-block-size:320px;min-inline-size:420px;box-shadow:none;background:0 0;border:0;border-radius:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:visible}.ptp-green-screen-window--setup{outline-offset:6px;outline:2px dashed #f8fbffb8}.ptp-green-screen-crop{background:0 0;border-radius:0;position:absolute;overflow:hidden}.ptp-green-screen-content{transform-origin:0 0;background:0 0;border-radius:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.ptp-green-screen-toolbar{z-index:30;color:#f8fbff;letter-spacing:0;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;min-block-size:30px;padding:0;font-size:12px;font-weight:900;display:inline-flex;position:absolute;inset-block-start:8px;inset-inline-start:8px}.ptp-green-screen-move,.ptp-green-screen-reset,.ptp-green-screen-scroll,.ptp-green-screen-hide,.ptp-green-screen-resize{color:#f8fbff;background:#5c6574fa;border:2px solid #f8fbff;justify-content:center;align-items:center;font-weight:950;display:inline-flex}.ptp-green-screen-move,.ptp-green-screen-reset,.ptp-green-screen-scroll,.ptp-green-screen-hide{border-radius:999px;block-size:26px;inline-size:26px}.ptp-green-screen-hide{inline-size:auto;min-inline-size:54px;padding-inline:8px;font-size:10px}.ptp-green-screen-move{cursor:grab}.ptp-green-screen-move:active{cursor:grabbing}.ptp-green-screen-reset,.ptp-green-screen-scroll{cursor:pointer}.ptp-green-screen-resize{z-index:30;cursor:nwse-resize;border-radius:999px;block-size:34px;inline-size:34px;position:absolute;inset-block-end:8px;inset-inline-end:8px}.ptp-green-screen-crop-handle{z-index:25;background:0 0;border:0;padding:0;position:absolute}.ptp-green-screen-crop-handle:after{content:"";background:#f8fbff;border-radius:999px;position:absolute;box-shadow:0 0 0 2px #5c6574e0,0 0 0 4px #61d83652}.ptp-green-screen-crop-handle--top,.ptp-green-screen-crop-handle--bottom{cursor:ns-resize;block-size:16px}.ptp-green-screen-crop-handle--top:after,.ptp-green-screen-crop-handle--bottom:after{block-size:4px;inset-block-start:6px;inset-inline:0}.ptp-green-screen-crop-handle--left,.ptp-green-screen-crop-handle--right{cursor:ew-resize;inline-size:16px}.ptp-green-screen-crop-handle--left:after,.ptp-green-screen-crop-handle--right:after{inline-size:4px;inset-block:0;inset-inline-start:6px}.ptp-shell--greenscreen{--ink:#f8fbff;--paper:transparent;--card:#4e5663f5;--border:#f8fbffd1;--panel-alt:#707a8bf0;--muted:#eef3fb;--blue:#7fb3ff;--red:#ff6476;--yellow:#735cff;--purple:#ff74d4;--orange:#ffad4d;--grade-perfect:#45d7ff;min-block-size:100%;color:var(--ink);color-scheme:dark;background:0 0}.ptp-shell--greenscreen .ptp-main-stage{padding:clamp(24px,4vw,56px);padding-block-end:clamp(32px,4vw,64px)}.ptp-shell--greenscreen input,.ptp-shell--greenscreen select,.ptp-shell--greenscreen textarea{border-color:var(--ink)!important;color:var(--ink)!important;background:#4e5663fa!important}.ptp-shell--greenscreen option{color:#f8fbff;background:#5c6574}.ptp-shell--greenscreen section,.ptp-shell--greenscreen article,.ptp-shell--greenscreen .shed-grid,.ptp-shell--greenscreen .shed-drawer,.ptp-shell--greenscreen .shed-modal,.ptp-shell--greenscreen .shed-transport,.ptp-shell--greenscreen .shed-clip{box-shadow:none!important}.ptp-shell--greenscreen section,.ptp-shell--greenscreen article,.ptp-shell--greenscreen .shed-grid,.ptp-shell--greenscreen .shed-transport{background:0 0!important;border-color:#0000!important}.ptp-shell--greenscreen [data-screen=write]{gap:clamp(24px,3vw,44px)}.ptp-shell--greenscreen [data-screen=write]>section,.ptp-shell--greenscreen [data-screen=write]>div{margin-block:2px}.ptp-shell--greenscreen .micro-label{color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.daw-midi-download-button{border-radius:999px;block-size:1.75rem;min-block-size:1.75rem;inline-size:1.75rem;min-inline-size:1.75rem;padding-inline:0}.daw-midi-download-icon{color:currentColor;block-size:14px;inline-size:14px;display:inline-block;position:relative}.daw-midi-download-icon:before{content:"";clip-path:polygon(39% 0,61% 0,61% 47%,86% 47%,50% 82%,14% 47%,39% 47%);background:currentColor;block-size:11px;inline-size:12px;position:absolute;inset-block-start:0;inset-inline-start:1px}.daw-midi-download-icon:after{content:"";background:currentColor;border-radius:999px;block-size:3px;inline-size:12px;position:absolute;inset-block-end:0;inset-inline-start:1px}.ptp-logo-button{border-radius:var(--radius-control);color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.ptp-logo-button:disabled{cursor:not-allowed;filter:grayscale();opacity:.38}.ptp-shell-logo{object-fit:contain;block-size:auto;inline-size:116px}.ptp-footer-logo{object-fit:contain;block-size:auto;inline-size:86px}.ptp-unlock-logo{object-fit:contain;block-size:auto;inline-size:min(170px,70vw)}.ptp-home{flex-direction:column;gap:22px;display:flex}.ptp-home__hero{border-block-end:2px solid var(--ink);background:linear-gradient(90deg,var(--yellow),transparent 54%),var(--paper);grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,42px);min-block-size:clamp(420px,68vh,660px);padding:clamp(18px,5vw,56px);display:grid}@supports (color:color-mix(in lab,red,red)){.ptp-home__hero{background:linear-gradient(90deg,color-mix(in srgb,var(--yellow) 34%,transparent),transparent 54%),var(--paper)}}.ptp-home__brand{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.ptp-home__logo{object-fit:contain;block-size:auto;inline-size:min(260px,100%)}.ptp-home__hero h1{max-inline-size:920px;font-size:6rem;font-weight:950;line-height:.92}.ptp-home__subtitle{margin-block-start:12px;font-size:2rem;font-weight:850;line-height:1.05}.ptp-home__unit{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--yellow);margin-block-start:14px;padding:6px 12px;font-weight:950;display:inline-flex}.ptp-home__lede{max-inline-size:780px;color:var(--muted);margin-block-start:18px;font-size:1.15rem;font-weight:750}.ptp-home__actions{flex-wrap:wrap;gap:12px;margin-block-start:24px;display:flex}.ptp-home__band,.ptp-home__resources{border-block:2px solid var(--border);background:var(--card);grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);align-items:start;gap:clamp(18px,4vw,36px);padding:clamp(18px,4vw,34px);display:grid}.ptp-home__band h2,.ptp-home__resources h2,.ptp-home__paths h2{font-size:2rem;font-weight:950;line-height:1}.ptp-home__band p,.ptp-home__resources p{color:var(--muted);margin-block-start:10px;font-weight:750}.ptp-home__help-list,.ptp-home__resources ul,.ptp-home__paths ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ptp-home__help-list,.ptp-home__resources ul{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.ptp-home__help-list li,.ptp-home__resources li,.ptp-home__paths li{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--paper);padding:10px 12px;font-weight:850}.ptp-home__paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ptp-home__paths section{border-block-start:5px solid var(--yellow);background:var(--paper);padding:clamp(18px,3vw,26px)}.ptp-home__paths ol{counter-reset:ptp-path;margin-block-start:16px}.ptp-home__paths li{counter-increment:ptp-path;grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.ptp-home__paths li:before{content:counter(ptp-path);border:2px solid var(--ink);background:var(--yellow);border-radius:50%;justify-content:center;align-items:center;block-size:32px;inline-size:32px;font-weight:950;display:inline-flex}.ptp-home__tools{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.ptp-home__tool{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--paper);min-block-size:60px;color:var(--ink);text-align:start;align-items:center;gap:10px;padding:10px 12px;font-weight:950;display:flex}.ptp-home__tool span:first-child{flex:none;block-size:28px;inline-size:28px}@media(max-width:1024px){.ptp-home__hero h1{font-size:4.5rem}.ptp-home__subtitle{font-size:1.65rem}.ptp-home__band h2,.ptp-home__resources h2,.ptp-home__paths h2{font-size:1.75rem}}@media(max-width:767px){.ptp-shell-header{gap:8px;padding:8px 10px}.ptp-shell-logo{inline-size:54px}.ptp-shell-title{flex:170px;min-inline-size:0}.ptp-shell-title .micro-label{font-size:.62rem}.ptp-shell-subtitle{display:none}.ptp-home__hero,.ptp-home__band,.ptp-home__resources,.ptp-home__paths{grid-template-columns:1fr}.ptp-home__hero{gap:14px;min-block-size:auto;padding:16px}.ptp-home__brand{gap:8px}.ptp-home__logo{inline-size:min(190px,80%)}.ptp-home__hero h1{font-size:2.8rem;line-height:.95}.ptp-home__subtitle{margin-block-start:8px;font-size:1.2rem}.ptp-home__unit{margin-block-start:10px}.ptp-home__lede{margin-block-start:12px;font-size:.95rem}.ptp-home__actions{gap:8px;margin-block-start:16px}.ptp-home__band h2,.ptp-home__resources h2,.ptp-home__paths h2{font-size:1.55rem}}.micro-label{font-size:var(--type-micro-size);font-weight:var(--type-micro-weight);letter-spacing:var(--type-micro-tracking);text-transform:uppercase}.micro-label:before{content:"";background:var(--yellow);border:1.5px solid var(--ink);vertical-align:.05em;border-radius:50%;block-size:.55em;inline-size:.55em;margin-inline-end:.5em;display:inline-block}.teacher-editor-heading{border-inline-start:.45rem solid var(--yellow);border-block-end:2px solid var(--border);margin-block-end:.75rem;padding-block:.4rem;padding-inline:.75rem;font-size:1.05rem;font-weight:900;line-height:1.15}@keyframes hit-pulse{0%{transform:scale(1)}50%{transform:scale(var(--motion-pulse-scale))}to{transform:scale(1)}}.pulse-active{animation:hit-pulse var(--motion-fast) var(--motion-ease)}@keyframes pass-burst{0%{opacity:0;transform:scale(.9)}20%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}.pass-active{animation:pass-burst var(--motion-pass-max) var(--motion-ease)}.play-streak-badge{border:2px solid var(--ink);background:var(--yellow);min-block-size:2.75rem;min-inline-size:7.5rem;color:var(--ink);box-shadow:0 3px 0 var(--ink);transform-origin:50%;border-radius:999px;justify-content:center;align-items:center;padding:.35rem 1rem;display:inline-flex}.play-streak-badge[data-intensity=rainbow]{background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,#ff4d6d 0%,var(--yellow) 26%,var(--grade-perfect) 52%,var(--blue) 78%,#8c5cff 100%) border-box;box-shadow:0 3px 0 var(--ink),0 0 0 4px var(--yellow);border-color:#0000}@supports (color:color-mix(in lab,red,red)){.play-streak-badge[data-intensity=rainbow]{box-shadow:0 3px 0 var(--ink),0 0 0 4px color-mix(in srgb,var(--yellow) 34%,transparent)}}.play-streak-badge[data-intensity=high],.play-streak-badge[data-intensity=max]{background:var(--grade-perfect);box-shadow:0 3px 0 var(--ink),0 0 0 4px var(--grade-perfect)}@supports (color:color-mix(in lab,red,red)){.play-streak-badge[data-intensity=high],.play-streak-badge[data-intensity=max]{box-shadow:0 3px 0 var(--ink),0 0 0 4px color-mix(in srgb,var(--grade-perfect) 34%,transparent)}}.play-streak-badge[data-intensity=max]{box-shadow:0 3px 0 var(--ink),0 0 0 5px var(--yellow),0 0 0 9px var(--blue)}@supports (color:color-mix(in lab,red,red)){.play-streak-badge[data-intensity=max]{box-shadow:0 3px 0 var(--ink),0 0 0 5px color-mix(in srgb,var(--yellow) 40%,transparent),0 0 0 9px color-mix(in srgb,var(--blue) 22%,transparent)}}.hear-phase-popup{z-index:110;pointer-events:none;justify-content:center;display:flex;position:fixed;inset-block-start:clamp(6rem,24dvh,14rem);inset-inline:1rem}.hear-phase-popup__label{border:3px solid var(--ink);border-radius:var(--radius-card);background:var(--yellow);min-block-size:3.75rem;max-inline-size:min(28rem,100vw - 2rem);color:var(--ink);box-shadow:0 6px 0 var(--ink);text-align:center;justify-content:center;align-items:center;padding:.65rem 1.35rem;font-size:clamp(1.45rem,7vw,2.6rem);font-weight:950;line-height:1;display:inline-flex}@media(max-width:640px){.play-screen,.jam-screen{gap:.7rem}.play-score-bar{gap:.45rem;min-block-size:0;font-size:clamp(1rem,5vw,1.25rem);line-height:1.05}.play-score-bar .play-streak-badge{min-block-size:2rem;min-inline-size:auto;box-shadow:0 2px 0 var(--ink);padding:.2rem .65rem}.play-target-grid{order:20}.play-pad-row{order:21}.play-run-panel{order:22}.play-pad-row,.jam-pad-row{grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;justify-items:center;gap:.45rem;inline-size:100%;max-inline-size:24rem;margin-inline:auto;display:grid}.play-pad-row .shed-pad,.jam-pad-row .shed-pad{inline-size:100%;min-inline-size:0}.play-pad-row .shed-pad__surface,.jam-pad-row .shed-pad__surface{border-radius:14px;block-size:clamp(58px,20vw,78px);inline-size:clamp(58px,20vw,78px);padding:6px}.play-pad-row .shed-pad.is-pressed .shed-pad__surface,.jam-pad-row .shed-pad.is-pressed .shed-pad__surface{padding:5px}.play-pad-row .shed-pad__key,.jam-pad-row .shed-pad__key{block-size:20px;min-inline-size:20px;font-size:.68rem}.play-pad-row .shed-pad__label,.jam-pad-row .shed-pad__label{text-align:center;max-inline-size:100%;font-size:.78rem;line-height:1.05}.play-run-panel .shed-transport{gap:.5rem;padding:.5rem}.play-run-panel .shed-transport__toggle{min-inline-size:7.2em}.play-live-readout{flex:100%;gap:.5rem;min-inline-size:0}.play-live-readout .shed-ring{flex:0 0 44px;block-size:44px!important;inline-size:44px!important}.play-live-readout .shed-ring__value{font-size:.7rem}.play-live-readout__stats{flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem .45rem;min-inline-size:0;font-size:.85rem;line-height:1.05}.play-live-readout__stats .micro-label{overflow-wrap:anywhere;font-size:.54rem;line-height:1}.play-live-readout__stats dd{line-height:1.05}.jam-backing-panel,.jam-youtube-transport{padding:.65rem}.jam-youtube-transport{gap:.5rem}.hear-phase-popup{inset-block-start:clamp(5rem,22dvh,10rem);inset-inline:.5rem}.hear-phase-popup__label{min-block-size:3rem;max-inline-size:calc(100vw - 1rem);box-shadow:0 4px 0 var(--ink);padding:.55rem .9rem}}@media(prefers-reduced-motion:no-preference){.hear-phase-popup__label{animation:hear-phase-pop .22s var(--motion-ease)}.play-streak-badge{animation:play-streak-arrive .28s var(--motion-ease)}.play-streak-badge[data-intensity=high],.play-streak-badge[data-intensity=max]{animation:play-streak-arrive .28s var(--motion-ease),play-streak-glow .9s var(--motion-ease) infinite alternate}}@keyframes hear-phase-pop{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes play-streak-arrive{0%{opacity:0;transform:translateY(8px)scale(.82)}70%{opacity:1;transform:translateY(-2px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes play-streak-glow{0%{filter:saturate();transform:scale(1)}to{filter:saturate(1.28);transform:scale(1.04)}}.play-report-grid__scroller{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--paper);max-block-size:360px;padding:6px;overflow:auto}.play-review-modal{inline-size:min(920px,100vw - 32px)}.play-report-grid__table{align-items:stretch;gap:4px;inline-size:max-content;min-inline-size:100%;display:grid}.play-report-grid__playhead{border:2px solid var(--ink);background:var(--yellow);border-radius:5px;place-self:stretch stretch}@supports (color:color-mix(in lab,red,red)){.play-report-grid__playhead{background:color-mix(in srgb,var(--yellow) 28%,transparent)}}.play-report-grid__playhead{box-shadow:inset 0 0 0 2px var(--paper),0 0 0 2px var(--yellow)}@supports (color:color-mix(in lab,red,red)){.play-report-grid__playhead{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--paper) 55%,transparent),0 0 0 2px color-mix(in srgb,var(--yellow) 42%,transparent)}}.play-report-grid__playhead{pointer-events:none;z-index:4}.play-report-grid__corner,.play-report-grid__head,.play-report-grid__voice,.play-report-grid__cell{border:1.5px solid var(--border);background:var(--card);border-radius:4px;min-block-size:34px}.play-report-grid__corner,.play-report-grid__voice{z-index:2;border-color:var(--ink);position:sticky;inset-inline-start:0}.play-report-grid__head{flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:11px;font-weight:900;line-height:1.05;display:flex}.play-report-grid__measure{color:var(--muted);font-size:10px}.play-report-grid__voice{justify-content:center;align-items:center;padding-inline:8px;font-weight:900;display:flex}.play-report-grid__voice abbr{text-decoration:none}.play-report-grid__cell{justify-content:center;align-items:center;min-inline-size:34px;padding:2px;display:flex;position:relative;overflow:hidden}.play-report-grid__head.is-beat-start,.play-report-grid__cell.is-beat-start{border-inline-start-color:var(--ink)}.play-report-grid__head.is-measure-start,.play-report-grid__cell.is-measure-start{box-shadow:inset 3px 0 0 var(--ink)}.play-report-grid__cell.has-entry{background:var(--panel-alt)}@supports (color:color-mix(in lab,red,red)){.play-report-grid__cell.has-entry{background:color-mix(in srgb,var(--panel-alt) 72%,var(--card))}}.play-report-grid__cell.has-target{background:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.play-report-grid__cell.has-target{background:color-mix(in srgb,var(--yellow) 16%,var(--card))}}.play-report-grid__cell.has-target.has-entry{background:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.play-report-grid__cell.has-target.has-entry{background:color-mix(in srgb,var(--yellow) 22%,var(--panel-alt))}}.play-report-grid__target{border:2px dashed var(--ink);block-size:18px;inline-size:18px;position:absolute;inset-block-start:50%;inset-inline-start:50%}@supports (color:color-mix(in lab,red,red)){.play-report-grid__target{border:2px dashed color-mix(in srgb,var(--ink) 48%,transparent)}}.play-report-grid__target{background:var(--yellow);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.play-report-grid__target{background:color-mix(in srgb,var(--yellow) 24%,transparent)}}.play-report-grid__target{opacity:.58;z-index:0;transform:translate(-50%,-50%)}.play-report-grid__entry{background:var(--card);max-inline-size:100%;box-shadow:0 2px 0 var(--ink);border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:2px;padding:1px;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.play-report-grid__entry{box-shadow:0 2px color-mix(in srgb,var(--ink) 70%,transparent)}}.play-report-grid__entry{z-index:1}.play-report-grid__entry.is-unplayed{background:var(--red)}@supports (color:color-mix(in lab,red,red)){.play-report-grid__entry.is-unplayed{background:color-mix(in srgb,var(--red) 8%,var(--card))}}.play-report-grid__entry.is-unplayed{box-shadow:none;opacity:.82}.play-report-grid__entry.is-perfect{border-color:var(--grade-perfect)}.play-report-grid__entry.is-good{border-color:var(--yellow)}.play-report-grid__entry.is-loose{border-color:var(--orange)}.play-report-grid__entry.is-miss,.play-report-grid__entry.is-extra{border-color:var(--red)}.play-report-grid__entry-label{max-inline-size:32px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900;line-height:1;overflow:hidden}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}