/*! 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-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;--tw-ease: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-sm:24rem;--container-md:28rem;--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}}@layer components;@layer utilities{.invisible{visibility:hidden}.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}.inset-0{inset:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-help{cursor:help}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.self-end{align-self:flex-end}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.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-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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-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)}.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,)}.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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media (width>=64rem){.lg\:flex-row{flex-direction:row}}@media (width>=80rem){.xl\:w-80{width:calc(var(--spacing) * 80)}.xl\:flex-1{flex:1}.xl\:shrink-0{flex-shrink:0}.xl\:flex-row{flex-direction:row}}}.transition-focus-target:focus{outline:none}.metronome-workspace{grid-template-rows:1fr;min-height:calc(100vh - 140px);display:grid;position:relative}.focused-metronome{z-index:1;text-align:center;flex-direction:column;place-self:center;align-items:center;width:min(100%,680px);padding:24px 16px;display:flex}.focused-metronome>.rhythm-generator-back-action{top:calc(clamp(16px,3vh,32px) + 6px)}.metronome-beat-display{--metronome-beat-size:56px;--metronome-beat-gap:clamp(18px, 4vw, 28px);justify-content:center;align-items:center;gap:var(--metronome-beat-gap);min-height:72px;display:flex;position:relative}.metronome-beat-dot{width:var(--metronome-beat-size);height:var(--metronome-beat-size);border-radius:50%;flex:none;transition:background-color 70ms linear}.metronome-open-identity-overlay{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:visible}.metronome-open-clone-dot{box-sizing:border-box;background:var(--nord3);transform-origin:50%;border:3px solid #0000;border-radius:50%;display:block;position:fixed}.metronome-open-clone-dot--beat-one{border-color:var(--nord8)}.metronome-close-identity-overlay{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:visible}.metronome-close-traveller-dot{box-sizing:border-box;background:var(--nord3);transform-origin:50%;border:3px solid #0000;border-radius:50%;display:block;position:fixed}.metronome-close-traveller-dot--beat-one{border-color:var(--nord8)}.rhythm-generator-open-identity-overlay{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.rhythm-generator-open-travelling-identity{position:fixed;overflow:visible}.rhythm-generator-open-travelling-staff line{stroke:var(--nord6);stroke-linecap:round;vector-effect:non-scaling-stroke}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff] .rhythm-generator-open-travelling-identity{left:var(--rg-diagnostic-left);top:var(--rg-diagnostic-top);width:var(--rg-diagnostic-width);height:var(--rg-diagnostic-height);transform-origin:50%}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff] .rhythm-generator-open-travelling-staff line{stroke:var(--rg-close-shared-staff-color);stroke-width:var(--rg-diagnostic-stroke-width)}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-close-motion-mode=diagnostic] .rhythm-generator-open-travelling-boundary{opacity:0}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-diagnostic-state=ready] .rhythm-generator-open-travelling-identity{opacity:0;transition:none}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-diagnostic-state=handoff-active] .rhythm-generator-open-travelling-identity{opacity:1;transition:opacity var(--rg-close-shared-handoff) cubic-bezier(.2, 0, 0, 1)}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-close-motion-mode=production][data-diagnostic-state=handoff-active]{z-index:1}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-close-motion-mode=production][data-diagnostic-state=handoff-active] .rhythm-generator-open-travelling-identity{opacity:1;transition:none}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-close-motion-mode=production]:is([data-diagnostic-state=ready],[data-diagnostic-state=handoff-active],[data-diagnostic-state=travel-ready]) .rhythm-generator-open-travelling-staff line:not(.rhythm-generator-open-travelling-boundary){transform:translateY(.5px)}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-diagnostic-state=travel-ready] .rhythm-generator-open-travelling-identity{opacity:1;transition:none}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-diagnostic-state=travel-active] .rhythm-generator-open-travelling-identity{opacity:1;transition:left var(--rg-close-shared-travel) cubic-bezier(.2, 0, 0, 1), top var(--rg-close-shared-travel) cubic-bezier(.2, 0, 0, 1), width var(--rg-close-shared-travel) cubic-bezier(.2, 0, 0, 1), height var(--rg-close-shared-travel) cubic-bezier(.2, 0, 0, 1)}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-diagnostic-state=travel-active] .rhythm-generator-open-travelling-staff line{transition:stroke-width var(--rg-close-shared-travel) cubic-bezier(.2, 0, 0, 1)}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-close-motion-mode=production][data-diagnostic-state=travel-active] .rhythm-generator-open-travelling-staff line:not(.rhythm-generator-open-travelling-boundary){transition:stroke-width var(--rg-close-shared-travel) cubic-bezier(.2, 0, 0, 1), transform var(--rg-close-shared-travel) cubic-bezier(.2, 0, 0, 1);transform:translateY(0)}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-diagnostic-state=destination-ready] .rhythm-generator-open-travelling-identity{opacity:1;transition:none}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-diagnostic-state=destination-active] .rhythm-generator-open-travelling-identity{opacity:0;transition:opacity var(--rg-close-shared-destination-handoff) cubic-bezier(.2, 0, 0, 1)}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-diagnostic-state=complete] .rhythm-generator-open-travelling-identity,.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff]:is([data-diagnostic-state=room-ready],[data-diagnostic-state=room-active],[data-diagnostic-state=focus-ready],[data-diagnostic-state=focus-active],[data-diagnostic-state=retirement-ready],[data-diagnostic-state=retirement-active]) .rhythm-generator-open-travelling-identity{opacity:0;transition:none}.rg-motion-diagnostic-icon-staff{left:var(--rg-diagnostic-icon-left);top:var(--rg-diagnostic-icon-top);width:var(--rg-diagnostic-icon-width);height:var(--rg-diagnostic-icon-height);opacity:0;transition:none;position:fixed;overflow:visible}.rg-motion-diagnostic-icon-staff line{stroke:var(--nord6);stroke-width:var(--rg-diagnostic-icon-stroke-width);stroke-linecap:round;vector-effect:non-scaling-stroke}.rhythm-generator-open-identity-overlay[data-motion-diagnostic=travelling-staff][data-close-motion-mode=production] .rg-motion-diagnostic-icon-staff line{stroke:var(--rg-close-shared-staff-color)}.rhythm-generator-open-identity-overlay[data-diagnostic-state=destination-active] .rg-motion-diagnostic-icon-staff{opacity:1;transition:opacity var(--rg-close-shared-destination-handoff) cubic-bezier(.2, 0, 0, 1)}.rhythm-generator-open-identity-overlay:is([data-diagnostic-state=room-ready],[data-diagnostic-state=room-active],[data-diagnostic-state=focus-ready],[data-diagnostic-state=focus-active],[data-diagnostic-state=retirement-ready],[data-diagnostic-state=retirement-active],[data-diagnostic-state=complete]) .rg-motion-diagnostic-icon-staff{opacity:1;transition:none}.rhythm-lab-transition-view--diagnostic-measurement{pointer-events:none;opacity:0!important}.rhythm-lab-transition-view--diagnostic-room{opacity:0;pointer-events:none;transition:none}.rhythm-lab-transition-view--diagnostic-room[data-diagnostic-state=room-active]{opacity:1;transition:opacity var(--rg-close-shared-room-reconstruction) cubic-bezier(.2, 0, 0, 1)}.rhythm-lab-transition-view--diagnostic-room[data-diagnostic-state=complete],.rhythm-lab-transition-view--diagnostic-room:is([data-diagnostic-state=focus-ready],[data-diagnostic-state=focus-active],[data-diagnostic-state=retirement-ready],[data-diagnostic-state=retirement-active]){opacity:1;transition:none}.rhythm-lab-transition-view--diagnostic-room:is([data-diagnostic-state=room-ready],[data-diagnostic-state=room-active],[data-diagnostic-state=focus-ready],[data-diagnostic-state=focus-active],[data-diagnostic-state=retirement-ready],[data-diagnostic-state=retirement-active],[data-diagnostic-state=complete]){z-index:3}.rhythm-lab-transition-view--diagnostic-room:is([data-diagnostic-state=focus-active],[data-diagnostic-state=retirement-ready],[data-diagnostic-state=retirement-active],[data-diagnostic-state=complete]){pointer-events:auto}.rhythm-lab-transition-view--diagnostic-room .rhythm-generator-identity{visibility:hidden}.rg-motion-diagnostic-panel{z-index:40;border:1px solid var(--rg-motion-diagnostic-color);background:var(--nord0);border-radius:8px;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);padding:12px 14px;position:fixed;bottom:16px;left:16px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.rg-motion-diagnostic-panel{background:color-mix(in srgb, var(--nord0) 94%, transparent)}}.rg-motion-diagnostic-panel{color:var(--nord4);pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.25;box-shadow:0 8px 24px #00000073}.rg-motion-diagnostic-panel__title{color:var(--rg-motion-diagnostic-color);margin-bottom:8px;font-size:12px;font-weight:700}.rg-motion-diagnostic-panel__summary{gap:2px;margin:0;display:grid}.rg-motion-diagnostic-panel__summary+table,.rg-motion-diagnostic-panel table+.rg-motion-diagnostic-panel__summary{margin-top:8px}.rg-motion-diagnostic-panel__summary>div{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.rg-motion-diagnostic-panel dt,.rg-motion-diagnostic-panel dd{margin:0}.rg-motion-diagnostic-panel dd{color:var(--nord6);font-variant-numeric:tabular-nums}.rg-motion-diagnostic-panel table{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%}.rg-motion-diagnostic-panel th,.rg-motion-diagnostic-panel td{text-align:right;white-space:nowrap;padding:2px 4px}.rg-motion-diagnostic-panel th:first-child{text-align:left;width:22%;padding-left:0}.rg-motion-diagnostic-panel thead th{color:var(--nord9);font-weight:700}.rg-motion-diagnostic-panel tbody td{color:var(--nord6)}.metronome-workstation-controls{flex-direction:column;align-items:center;gap:24px;margin-top:48px;display:flex}.metronome-control-rail{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;transition:opacity .12s;display:flex}.metronome-control-rail--active{opacity:.82}.metronome-backbeat-control{color:var(--nord4);cursor:pointer;align-items:center;gap:10px;font-size:.875rem;display:inline-flex}.metronome-checkbox{appearance:none;border:1.5px solid var(--nord4);cursor:pointer;background:0 0;border-radius:2px;place-content:center;width:18px;height:18px;margin:0;display:grid}.metronome-checkbox:before{content:"";border:solid var(--nord0);opacity:0;border-width:0 0 1.5px 1.5px;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.metronome-checkbox:checked{border-color:var(--nord8);background:var(--nord8)}.metronome-checkbox:checked:before{opacity:1}.metronome-checkbox:focus-visible{outline:2px solid var(--nord8);outline-offset:3px}.metronome-accent-control{justify-content:center;align-items:center;gap:8px;display:flex}.metronome-workstation-actions{justify-content:center;align-items:center;gap:16px;display:flex}.metronome-primary-action{border-radius:6px;min-width:112px;padding:10px 20px;font-weight:600}@media (width<=520px){.focused-metronome{padding-inline:0}.metronome-beat-display{gap:12px}.metronome-beat-dot{width:46px;height:46px}}.metronome-control-trigger{--workstation-control-width:52px;--workstation-control-height:48px;--workstation-control-radius:4px;--workstation-control-rest-background:var(--nord3);--workstation-control-rest-color:var(--nord6);--workstation-control-open-background:var(--nord9);--workstation-control-open-color:var(--nord0);width:var(--workstation-control-width);height:var(--workstation-control-height);justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:inline-flex}.workstation-control--standard{--workstation-control-width:72px;--workstation-control-height:56px}.workstation-control--wide{--workstation-control-width:352px;--workstation-control-height:56px}.metronome-control-trigger-wide{width:auto;min-width:64px;max-width:112px;padding:0 10px;font-size:.75rem;line-height:1.1}.metronome-control-trigger:focus-visible,.metronome-number-input:not(.metronome-volume-input):focus-visible{outline:2px solid var(--nord8);outline-offset:2px}.metronome-volume-value{border-radius:4px;justify-content:center;align-items:center;min-width:64px;height:32px;display:inline-flex}.metronome-volume-value:focus-within{outline:2px solid var(--nord8);outline-offset:2px}.metronome-volume-input{width:3ch;color:inherit;text-align:right;background:0 0;border:0;outline:0;padding:0;line-height:1}.metronome-control-surface{z-index:20;border:1px solid var(--nord3);background:var(--nord1);transform-origin:bottom;border-radius:8px;padding:12px;position:absolute;bottom:calc(100% + 8px);left:50%;box-shadow:0 10px 24px #00000059}.metronome-control-surface.is-below{transform-origin:top;top:calc(100% + 8px);bottom:auto}.metronome-selection-option:focus-visible{outline:2px solid var(--nord8);outline-offset:2px}.rhythm-lab-slider-shell{--slider-active:var(--nord8);--slider-inactive:var(--nord3);--slider-thumb:var(--nord8);--slider-gap:4px;--slider-handle-axis:4px;--slider-handle-half:2px;position:relative}.rhythm-lab-slider-shell.is-vertical{width:44px;height:164px}.rhythm-lab-slider-shell.is-horizontal{width:100%}.rhythm-lab-slider-shell.is-standard{--slider-track-size:16px;--slider-handle-length:26px;height:52px}.rhythm-lab-slider-shell.is-compact{--slider-track-size:12px;--slider-handle-length:20px;height:34px}.rhythm-lab-slider-shell.is-metronome{--slider-track-size:16px;--slider-handle-length:26px}input[type=range].rhythm-lab-slider{z-index:1;appearance:none;cursor:pointer;touch-action:none;background:0 0;margin:0;position:absolute}input[type=range].rhythm-lab-slider::-webkit-slider-runnable-track{height:var(--slider-track-size);background:linear-gradient(to right, var(--slider-active) 0 clamp(0px, calc(var(--slider-control-position) - var(--slider-handle-half) - var(--slider-gap)), 100%), transparent clamp(0px, calc(var(--slider-control-position) - var(--slider-handle-half) - var(--slider-gap)), 100%) clamp(0px, calc(var(--slider-control-position) + var(--slider-handle-half) + var(--slider-gap)), 100%), var(--slider-inactive) clamp(0px, calc(var(--slider-control-position) + var(--slider-handle-half) + var(--slider-gap)), 100%) 100%);border-radius:999px}input[type=range].rhythm-lab-slider::-webkit-slider-thumb{width:var(--slider-handle-axis);height:var(--slider-handle-length);appearance:none;margin-top:calc((var(--slider-track-size) - var(--slider-handle-length)) / 2);background:var(--slider-thumb);border:0;border-radius:999px}input[type=range].rhythm-lab-slider::-moz-range-track{height:var(--slider-track-size);background:linear-gradient(to right, var(--slider-active) 0 clamp(0px, calc(var(--slider-control-position) - var(--slider-handle-half) - var(--slider-gap)), 100%), transparent clamp(0px, calc(var(--slider-control-position) - var(--slider-handle-half) - var(--slider-gap)), 100%) clamp(0px, calc(var(--slider-control-position) + var(--slider-handle-half) + var(--slider-gap)), 100%), var(--slider-inactive) clamp(0px, calc(var(--slider-control-position) + var(--slider-handle-half) + var(--slider-gap)), 100%) 100%);border-radius:999px}input[type=range].rhythm-lab-slider::-moz-range-thumb{width:var(--slider-handle-axis);height:var(--slider-handle-length);background:var(--slider-thumb);border:0;border-radius:999px}input[type=range].rhythm-lab-slider:hover{--slider-thumb:var(--nord7)}input[type=range].rhythm-lab-slider:active{--slider-thumb:var(--nord9)}input[type=range].rhythm-lab-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--nord1), 0 0 0 5px var(--nord8)}input[type=range].rhythm-lab-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--nord1), 0 0 0 5px var(--nord8)}input[type=range].rhythm-lab-slider:disabled{--slider-active:var(--nord3);--slider-inactive:var(--nord2);--slider-thumb:var(--nord3);cursor:not-allowed;opacity:.5}input[type=range].rhythm-lab-slider:not(:disabled){opacity:1}.rhythm-lab-slider-shell.is-vertical input[type=range].rhythm-lab-slider{width:164px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.rhythm-lab-slider-shell.is-horizontal input[type=range].rhythm-lab-slider{width:100%;height:100%;inset:0}.metronome-number-input::-webkit-inner-spin-button{appearance:none;margin:0}.metronome-number-input::-webkit-outer-spin-button{appearance:none;margin:0}.metronome-number-input{appearance:textfield}:root{--nord0:#2e3440;--nord1:#3b4252;--nord2:#434c5e;--nord3:#4c566a;--nord4:#d8dee9;--nord5:#e5e9f0;--nord6:#eceff4;--nord7:#8fbcbb;--nord8:#88c0d0;--nord9:#81a1c1;--nord10:#5e81ac;--nord11:#bf616a;--nord12:#d08770;--nord13:#ebcb8b;--nord14:#a3be8c;--nord15:#b48ead;--rg-motion-diagnostic-color:#ffd400}body{background-color:var(--nord0);color:var(--nord4)}.home-shell{place-items:center;min-height:calc(100vh - 160px);display:grid}.home-panel,.lab-screen{border:1px solid var(--nord3);background:var(--nord1);border-radius:8px;width:min(100%,920px);padding:clamp(24px,5vw,48px)}.home-eyebrow{color:var(--nord7);margin-bottom:8px;font-size:.875rem;font-weight:700}.home-title,.lab-title{color:var(--nord6);letter-spacing:0;font-size:clamp(2rem,5vw,3.75rem);font-weight:800;line-height:1.05}.lab-title{font-size:clamp(1.875rem,4vw,3rem)}.lab-copy{max-width:680px;color:var(--nord4);margin-top:16px;font-size:1rem;line-height:1.65}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.home-choice,.lab-card{border:1px solid var(--nord3);background:var(--nord2);min-height:150px;color:var(--nord4);text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;padding:20px;display:flex}.home-choice-title,.lab-card-title{color:var(--nord6);font-size:1.125rem;font-weight:800}.home-choice-header{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.home-choice-subtitle,.lab-card-copy{color:var(--nord4);margin-top:10px;font-size:.95rem;line-height:1.5}.home-notice{color:var(--nord13);margin-top:20px;font-weight:700}.lab-screen{margin:0 auto}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.lab-card-header{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.lab-card-status{border:1px solid var(--nord3);color:var(--nord5);border-radius:999px;flex:none;padding:4px 8px;font-size:.75rem;font-weight:700}.lab-card-status--available{border-color:var(--nord14);color:var(--nord14)}.nav-button{background:var(--nord3);width:fit-content;color:var(--nord6);border-radius:6px;margin-bottom:18px;padding:8px 14px;font-weight:700}.rhythm-lab-room{grid-template-rows:auto 1fr;min-height:calc(100vh - 140px);display:grid}.rhythm-lab-transition-stage{min-height:calc(100vh - 140px);position:relative}.rhythm-lab-view-stack--rg-opening{display:grid}.rhythm-lab-view-stack--rg-opening>*{grid-area:1/1;min-width:0}.rhythm-generator-open-focused-layer{z-index:2;min-width:0;position:relative}.rhythm-generator-open-focused-layer[data-motion-diagnostic=travelling-staff]{opacity:1;transition:none}.rhythm-generator-open-focused-layer[data-motion-diagnostic=travelling-staff][data-close-motion-mode=diagnostic][data-diagnostic-state=retirement-active]{opacity:0;transition:opacity var(--rg-close-shared-workspace-retirement) cubic-bezier(.2, 0, 0, 1)}.rhythm-generator-open-focused-layer[data-motion-diagnostic=travelling-staff][data-diagnostic-state=complete]{opacity:0;transition:none}.rhythm-lab-transition-view{position:absolute;inset:0}.rhythm-lab-transition-view--room{z-index:1}.rhythm-lab-transition-view--focused{z-index:2}@keyframes rhythm-lab-reduced-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rhythm-lab-reduced-fade-out{0%{opacity:1}to{opacity:0}}.rhythm-lab-transition-view--reduced-fade-in{animation:.24s cubic-bezier(.2,0,0,1) both rhythm-lab-reduced-fade-in}.rhythm-lab-transition-view--reduced-fade-out{animation:.24s cubic-bezier(.2,0,0,1) both rhythm-lab-reduced-fade-out}.rhythm-lab-transition-input-guard{z-index:10;position:absolute;inset:0}.rhythm-lab-room-nav{justify-self:start}.rhythm-lab-workstations{grid-template-columns:repeat(2,360px);place-content:center;place-self:stretch stretch;gap:32px;width:100%;padding:24px 0;display:grid}.rhythm-lab-workstation{isolation:isolate;width:360px;height:230px;color:var(--nord6);text-align:center;background:0 0;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:relative}.rhythm-lab-workstation-surface,.rhythm-lab-workstation-border{z-index:0;pointer-events:none;border-radius:18px;position:absolute;inset:0}.rhythm-lab-workstation-surface{background:var(--nord2)}.rhythm-lab-workstation-border{border:1px solid var(--nord3)}.rhythm-lab-workstation:not(:disabled):hover{filter:none}.rhythm-lab-workstation:focus-visible{outline:2px solid var(--nord8);outline-offset:4px}.rhythm-lab-workstation[aria-disabled=true]{cursor:default}.rhythm-lab-workstation-identity{z-index:1;place-items:center;width:165px;height:90px;display:grid;position:relative}.rhythm-lab-workstation-name{z-index:1;color:var(--nord6);font-size:24px;font-weight:600;line-height:1.2;position:relative}.rhythm-lab-metronome-mark{justify-content:center;align-items:center;gap:10px;display:flex}.rhythm-lab-metronome-beat{box-sizing:border-box;background:var(--nord3);border:3px solid #0000;border-radius:50%;width:22px;height:22px}.rhythm-lab-metronome-beat--beat-one{border-color:var(--nord8)}.rhythm-lab-metronome-beat--active{background:var(--nord8)}.rhythm-lab-workstation-identity--rhythm{width:165px}.rhythm-generator-identity{width:165px;height:90px;overflow:visible}.rhythm-generator-staff{fill:none;stroke:var(--nord4);stroke-width:1.4px;stroke-linecap:round}.rhythm-generator-symbols{color:var(--nord8)}.rhythm-generator-symbol circle{fill:currentColor;stroke:currentColor}@media (width>=821px) and (height>=700px){.rhythm-lab-room-nav{z-index:1;position:relative}.rhythm-lab-workstations{width:auto;padding:24px;position:fixed;inset:0}}@media (width<=820px){.rhythm-lab-workstations{grid-template-columns:minmax(0,360px);justify-content:center;padding:24px 0}.rhythm-lab-workstation{width:min(100%,360px)}}@media (height<=699px){.rhythm-lab-workstations{place-content:start center}}@media (width<=720px){.home-shell{place-items:stretch stretch;min-height:auto}.home-actions,.lab-grid{grid-template-columns:1fr}.home-panel,.lab-screen{padding:24px}.lab-card-header,.home-choice-header{flex-direction:column;gap:10px}}.staff-container svg path,.staff-container svg text,.staff-container svg .vf-stavebarline rect{fill:var(--nord4);stroke:var(--nord4)}.staff-container svg .rg-staff-boundary--left{stroke:var(--nord4);stroke-width:1px}.staff-container svg .vf-stavenote[data-playback-active=true] path,.staff-container svg .vf-stavenote[data-playback-active=true] text,.staff-container svg .vf-stavenote[data-playback-active=true] rect,.staff-container svg .vf-stavenote[data-playback-active=true] polygon{fill:var(--nord9);stroke:var(--nord9)}.rhythm-generator-workspace{background:var(--nord0);place-items:start center;width:100%;min-width:0;min-height:calc(100dvh - 56px);padding:clamp(16px,3vh,32px) 24px 40px;display:grid}.focused-rhythm-generator{width:min(100%,1120px);min-width:0;transition:gap var(--rg-spatial-vertical) cubic-bezier(.2, 0, 0, 1);flex-direction:column;align-items:center;gap:28px;padding-top:48px;display:flex;position:relative}.focused-rhythm-generator[data-open-phase=rg-open-prelude] .staff-container svg,.focused-rhythm-generator[data-open-phase=open-handoff] .staff-container svg,.focused-rhythm-generator[data-open-phase=opening] .staff-container svg{opacity:0;transition:none}.focused-rhythm-generator[data-open-controls=waiting-for-room] .rhythm-generator-back-action,.focused-rhythm-generator[data-open-controls=waiting-for-room] .rhythm-generator-presentation,.focused-rhythm-generator[data-open-controls=waiting-for-room] .rhythm-generator-viewport-cue{transform:translateY(6px);opacity:0!important;transition:none!important}.focused-rhythm-generator[data-open-phase=opening][data-open-controls=entering] .rhythm-generator-back-action,.focused-rhythm-generator[data-open-phase=opening][data-open-controls=entering] .rhythm-generator-presentation,.focused-rhythm-generator[data-open-phase=opening][data-open-controls=entering] .rhythm-generator-viewport-cue{transform:translateY(0);opacity:1!important;transition:opacity var(--rg-open-controls-opacity) cubic-bezier(.35, 0, .2, 1), transform var(--rg-open-controls-geometry) cubic-bezier(.16, 1, .3, 1)!important}.focused-rhythm-generator.is-reduced-motion[data-open-controls=waiting-for-room] .rhythm-generator-back-action,.focused-rhythm-generator.is-reduced-motion[data-open-controls=waiting-for-room] .rhythm-generator-presentation,.focused-rhythm-generator.is-reduced-motion[data-open-controls=waiting-for-room] .rhythm-generator-viewport-cue{transform:translateY(0)}.focused-rhythm-generator.is-reduced-motion[data-open-controls=entering] .rhythm-generator-back-action,.focused-rhythm-generator.is-reduced-motion[data-open-controls=entering] .rhythm-generator-presentation,.focused-rhythm-generator.is-reduced-motion[data-open-controls=entering] .rhythm-generator-viewport-cue{transform:translateY(0);opacity:1!important;transition:opacity var(--rg-open-reduced-controls) cubic-bezier(.2, 0, 0, 1)!important}.focused-rhythm-generator[data-open-phase=opening][data-open-paint-owner=destination-handoff] .staff-container svg,.focused-rhythm-generator[data-open-phase=opening][data-open-paint-owner=destination] .staff-container svg{opacity:1}.focused-rhythm-generator[data-open-phase=opening][data-open-paint-owner=destination-handoff] .staff-container svg{transition:opacity var(--rg-staff-open-fade-duration,var(--rg-staff-open-fade)) var(--rg-staff-fade-easing,var(--rg-staff-fade-ease))}.focused-rhythm-generator[data-open-phase=rg-reduced-opening] .staff-container svg{opacity:0;transition:none}.focused-rhythm-generator[data-open-phase=rg-reduced-opening][data-open-paint-owner=destination] .staff-container svg{opacity:1;transition:opacity var(--rg-staff-open-fade-duration,var(--rg-staff-open-fade)) var(--rg-staff-fade-easing,var(--rg-staff-fade-ease))}.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]{--rg-close-content-opacity:var(--rg-close-content-duration);--rg-close-content-geometry:var(--rg-close-content-duration)}.rhythm-generator-workspace:has(.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]){transition:background-color var(--rg-close-content-duration) cubic-bezier(.2, 0, 0, 1);background-color:#0000}.rhythm-generator-workspace:has(.focused-rhythm-generator[data-motion-diagnostic=travelling-staff][data-close-motion-mode=production]){background-color:#0000;transition:none}.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close] .staff-container{transition:background-color var(--rg-close-content-duration) cubic-bezier(.2, 0, 0, 1);background-color:#0000!important}.focused-rhythm-generator[data-motion-diagnostic=travelling-staff][data-close-motion-mode=production] .staff-container{transition:none;background-color:#0000!important}.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-back-action,.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-presentation,.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-viewport-cue,.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-repeat-indicator{transform:translateY(6px);opacity:0!important;transition:opacity var(--rg-close-content-opacity) cubic-bezier(.35, 0, .2, 1), transform var(--rg-close-content-geometry) cubic-bezier(.16, 1, .3, 1)!important}.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return]) .staff-container [data-rhythm-event],.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return]) .staff-container .vf-clef,.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return]) .staff-container .vf-timesignature,.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return]) .staff-container .vf-stavetie,.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return]) .staff-container .vf-stavebarline:not(.rg-staff-boundary){transition:opacity var(--rg-close-content-duration) cubic-bezier(.35, 0, .2, 1);opacity:0!important}.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return])[data-open-paint-owner=focused-transferring] .staff-container .vf-stave,.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return])[data-open-paint-owner=traveller] .staff-container .vf-stave,.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return])[data-open-paint-owner=room-transferring] .staff-container .vf-stave,.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return])[data-open-paint-owner=room] .staff-container .vf-stave{transition:opacity var(--rg-staff-close-fade-duration,var(--rg-staff-close-fade)) var(--rg-staff-fade-easing,var(--rg-staff-fade-ease));opacity:0!important}.focused-rhythm-generator[data-motion-diagnostic]:not([data-motion-diagnostic=rg-staff]):not([data-motion-diagnostic=travelling-staff]) .staff-container .vf-stave,.focused-rhythm-generator:is([data-motion-diagnostic=rg-staff],[data-motion-diagnostic=travelling-staff])[data-motion-state=ready] .staff-container .vf-stave,.focused-rhythm-generator[data-motion-diagnostic]:not([data-motion-diagnostic=staff-decorations]) .staff-container .vf-clef,.focused-rhythm-generator[data-motion-diagnostic]:not([data-motion-diagnostic=staff-decorations]) .staff-container .vf-timesignature,.focused-rhythm-generator[data-motion-diagnostic]:not([data-motion-diagnostic=staff-decorations]) .staff-container .vf-stavebarline,.focused-rhythm-generator[data-motion-diagnostic=staff-decorations][data-motion-state=ready] .staff-container :is(.vf-clef,.vf-timesignature,.vf-stavebarline){opacity:1;transition:none}.focused-rhythm-generator[data-motion-diagnostic=controls][data-motion-state=ready] .rhythm-generator-back-action,.focused-rhythm-generator[data-motion-diagnostic=controls][data-motion-state=ready] .rhythm-generator-presentation,.focused-rhythm-generator[data-motion-diagnostic=controls][data-motion-state=ready] .rhythm-generator-viewport-cue,.focused-rhythm-generator[data-motion-diagnostic=controls][data-motion-state=ready] .rhythm-generator-repeat-indicator{transform:translateY(0);opacity:1!important;transition:none!important}.focused-rhythm-generator[data-motion-diagnostic=controls]:is([data-motion-state=active],[data-motion-state=complete]) .rhythm-generator-back-action,.focused-rhythm-generator[data-motion-diagnostic=controls]:is([data-motion-state=active],[data-motion-state=complete]) .rhythm-generator-presentation,.focused-rhythm-generator[data-motion-diagnostic=controls]:is([data-motion-state=active],[data-motion-state=complete]) .rhythm-generator-viewport-cue,.focused-rhythm-generator[data-motion-diagnostic=controls]:is([data-motion-state=active],[data-motion-state=complete]) .rhythm-generator-repeat-indicator{transform:translateY(6px);opacity:0!important;transition:opacity 5s cubic-bezier(.35,0,.2,1),transform 5s cubic-bezier(.16,1,.3,1)!important}.focused-rhythm-generator[data-motion-diagnostic=controls][data-motion-state=complete] :is(.rhythm-generator-back-action,.rhythm-generator-presentation,.rhythm-generator-viewport-cue,.rhythm-generator-repeat-indicator){transition:none!important}.focused-rhythm-generator:is([data-motion-diagnostic=staff-decorations],[data-motion-diagnostic=rg-staff]) :is(.rhythm-generator-back-action,.rhythm-generator-presentation,.rhythm-generator-viewport-cue,.rhythm-generator-repeat-indicator),.focused-rhythm-generator[data-motion-diagnostic=travelling-staff][data-close-motion-mode=diagnostic] :is(.rhythm-generator-back-action,.rhythm-generator-presentation,.rhythm-generator-viewport-cue,.rhythm-generator-repeat-indicator){transform:translateY(0);opacity:1!important;transition:none!important}.focused-rhythm-generator[data-motion-diagnostic=staff-decorations]:is([data-motion-state=active],[data-motion-state=complete]) .staff-container :is(.vf-clef,.vf-timesignature,.vf-stavebarline){opacity:0;transition:opacity 5s var(--rg-staff-fade-easing,var(--rg-staff-fade-ease))}.focused-rhythm-generator[data-motion-diagnostic=staff-decorations][data-motion-state=complete] .staff-container :is(.vf-clef,.vf-timesignature,.vf-stavebarline){transition:none}.focused-rhythm-generator[data-motion-diagnostic=rg-staff]:is([data-motion-state=active],[data-motion-state=complete]) .staff-container .vf-stave{opacity:0;transition:opacity 5s var(--rg-staff-fade-easing,var(--rg-staff-fade-ease))}.focused-rhythm-generator[data-motion-diagnostic=travelling-staff][data-close-motion-mode=production] :is(.rhythm-generator-back-action,.rhythm-generator-presentation,.rhythm-generator-viewport-cue,.rhythm-generator-repeat-indicator,.vf-clef,.vf-timesignature,[data-rhythm-event],.vf-stavetie),.focused-rhythm-generator[data-motion-diagnostic=travelling-staff][data-close-motion-mode=production] .vf-stavebarline:not(.rg-staff-boundary){opacity:0!important;transition:none!important}.focused-rhythm-generator[data-motion-diagnostic=rg-staff][data-motion-state=complete] .staff-container .vf-stave{transition:none}.focused-rhythm-generator[data-motion-diagnostic=travelling-staff]:is([data-motion-state=handoff-active],[data-motion-state=travel-ready],[data-motion-state=travel-active],[data-motion-state=destination-ready],[data-motion-state=destination-active],[data-motion-state=room-ready],[data-motion-state=room-active],[data-motion-state=focus-ready],[data-motion-state=focus-active],[data-motion-state=retirement-ready],[data-motion-state=retirement-active],[data-motion-state=complete]) .staff-container :is(.vf-stave,.rg-staff-boundary){opacity:0;transition:opacity var(--rg-close-shared-handoff) var(--rg-staff-fade-easing,var(--rg-staff-fade-ease))}.focused-rhythm-generator[data-motion-diagnostic=travelling-staff][data-motion-state=complete] .staff-container :is(.vf-stave,.rg-staff-boundary){transition:none}.focused-rhythm-generator.is-reduced-motion:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-back-action,.focused-rhythm-generator.is-reduced-motion:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-presentation,.focused-rhythm-generator.is-reduced-motion:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-viewport-cue,.focused-rhythm-generator.is-reduced-motion:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-repeat-indicator{transform:none;transition:opacity var(--rg-open-reduced-controls) cubic-bezier(.2, 0, 0, 1)!important}.focused-rhythm-generator:not([data-motion-diagnostic])[data-open-phase=rg-close-reduced-return] .staff-container svg{opacity:0;transition:opacity var(--rg-staff-open-fade-duration,var(--rg-staff-open-fade)) var(--rg-staff-fade-easing,var(--rg-staff-fade-ease))}.rhythm-generator-notation-surface{opacity:1;width:100%;min-width:0;min-height:210px;max-height:300px;transition:min-height var(--rg-spatial-vertical) cubic-bezier(.2, 0, 0, 1), max-height var(--rg-spatial-vertical) cubic-bezier(.2, 0, 0, 1), padding var(--rg-spatial-vertical) cubic-bezier(.2, 0, 0, 1), opacity var(--rg-staff-open-fade-duration,var(--rg-staff-open-fade)) var(--rg-staff-fade-easing,var(--rg-staff-fade-ease)) var(--rg-opacity-lead);flex-direction:column;justify-content:center;padding:26px 0 18px;display:flex;position:relative;overflow:hidden}.focused-rhythm-generator.is-customizing{transition-delay:var(--rg-opacity-lead);gap:0}.focused-rhythm-generator.is-customizing .rhythm-generator-notation-surface{opacity:0;pointer-events:none;min-height:0;max-height:0;transition-delay:var(--rg-opacity-lead), var(--rg-opacity-lead), var(--rg-opacity-lead), 0s;padding-block:0}.focused-rhythm-generator.is-customizing:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return]){gap:28px;transition:none}.focused-rhythm-generator.is-customizing:not([data-motion-diagnostic])[data-open-phase^=rg-close]:not([data-open-phase=rg-close-reduced-return]) .rhythm-generator-notation-surface{opacity:1;min-height:210px;max-height:300px;transition:opacity var(--rg-staff-open-fade-duration,var(--rg-staff-open-fade)) var(--rg-staff-fade-easing,var(--rg-staff-fade-ease));padding-block:26px 18px;transition-delay:0s}.rhythm-generator-repeat-indicator{color:var(--nord4);letter-spacing:.02em;margin:0;font-size:.72rem;font-weight:600;position:absolute;top:0;left:8px}.rhythm-generator-back-action{z-index:5;border:1px solid var(--nord4);align-items:center;gap:8px;margin:0;display:inline-flex;position:absolute;top:0;left:calc(50% - 50vw + 24px)}@supports (color:color-mix(in lab, red, red)){.rhythm-generator-back-action{border:1px solid color-mix(in srgb, var(--nord4) 58%, transparent)}}.rhythm-generator-back-action{color:var(--nord4);background:0 0;font-size:.78rem;font-weight:600}.rhythm-generator-back-action:hover:not(:disabled){border-color:var(--nord4);background:var(--nord2)}@supports (color:color-mix(in lab, red, red)){.rhythm-generator-back-action:hover:not(:disabled){background:color-mix(in srgb, var(--nord2) 64%, transparent)}}.rhythm-generator-back-action:hover:not(:disabled){color:var(--nord6)}.rhythm-generator-back-action:focus-visible{outline:2px solid var(--nord8);outline-offset:3px}.staff-container,.staff-container>div{min-width:0}.staff-container svg{max-width:100%;transition:opacity var(--rg-staff-open-fade-duration,var(--rg-staff-open-fade)) var(--rg-staff-fade-easing,var(--rg-staff-fade-ease));display:block}.rhythm-generator-presentation{flex-direction:column;align-items:center;gap:28px;width:100%;min-width:0;display:flex}.rhythm-generator-control-rail{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:100%;display:flex;position:relative}.rhythm-generator-control-rail-reveal{opacity:1;width:100%;transition:opacity var(--rg-spatial-relinquish) cubic-bezier(.2, 0, 0, 1);grid-template-rows:1fr;justify-items:center;display:grid}.rhythm-generator-control-rail-reveal>.rhythm-generator-control-rail{min-height:0}.rhythm-generator-control{width:72px;min-width:72px;position:relative}.rhythm-generator-control-trigger.metronome-control-trigger{width:var(--workstation-control-width);height:var(--workstation-control-height);border-radius:var(--workstation-control-radius);background:var(--workstation-control-rest-background);color:var(--workstation-control-rest-color);border:0;padding:0}.rhythm-generator-control-trigger.is-open{background:var(--workstation-control-open-background);color:var(--workstation-control-open-color)}.rhythm-generator-control-trigger:disabled{opacity:.45;cursor:not-allowed}.rhythm-generator-control-value{min-height:24px;color:inherit;white-space:nowrap;justify-content:center;align-items:center;font-size:1rem;font-weight:650;line-height:1;display:inline-flex}.rhythm-generator-selected-value{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.rhythm-generator-selected-value>span:last-child:not(:first-child){letter-spacing:.025em;margin-top:4px;font-size:10px}.rhythm-generator-fixed-control{cursor:default}.rhythm-generator-range-control{width:220px;color:var(--nord6);text-align:center;white-space:nowrap;flex-direction:column;align-items:stretch;gap:8px;font-size:.75rem;display:flex}.rhythm-generator-option-grid{grid-template-columns:repeat(4,1fr);gap:6px;width:136px;display:grid}.rhythm-generator-option{border:1px solid var(--nord3);background:var(--nord2);min-height:32px;color:var(--nord6);border-radius:7px;font-weight:600}.rhythm-generator-option.is-selected{border-color:var(--nord8);background:var(--nord8);color:var(--nord0)}.rhythm-generator-voice-surface{width:244px}.rhythm-generator-select-control{color:var(--nord4);white-space:nowrap;flex-direction:column;gap:8px;font-size:.72rem;font-weight:600;display:flex}.rhythm-generator-select-control select{border:1px solid var(--nord3);background:var(--nord2);width:100%;color:var(--nord6);border-radius:7px;padding:8px 10px}.rhythm-generator-mix-surface{width:260px}.rhythm-generator-mix-control{flex-direction:column;gap:14px;display:flex}.rhythm-generator-mix-control label{color:var(--nord4);grid-template-columns:1fr auto;gap:7px 12px;font-size:.72rem;font-weight:600;display:grid}.rhythm-generator-mix-control output{color:var(--nord6)}.rhythm-generator-mix-control input{grid-column:1/-1;width:100%}.rhythm-generator-presentation--new{z-index:2;transition:margin-top var(--rg-spatial-vertical) cubic-bezier(.2, 0, 0, 1);position:relative}.rhythm-generator-presentation--new.is-customizing{z-index:4;transition-delay:var(--rg-opacity-lead);margin-top:0}.rhythm-generator-customize{background:var(--nord3);width:min(100%,352px);color:var(--nord6);transition:width var(--rg-spatial-claim) cubic-bezier(.2, 0, 0, 1), background-color var(--rg-spatial-claim) cubic-bezier(.2, 0, 0, 1), border-radius var(--rg-spatial-claim) cubic-bezier(.2, 0, 0, 1);border:0;border-radius:4px;overflow:hidden}.rhythm-generator-customize.is-expanded{background:var(--nord1);width:min(100%,1040px);transition-delay:var(--rg-open-claim-delay);border-radius:10px}.rhythm-generator-customize.is-expanded.is-custom-builder{width:100%}.rhythm-generator-customize-trigger{width:100%;min-height:56px;color:var(--nord6);text-align:left;background:0 0;border:0;grid-template-columns:24px 1fr 18px;align-items:center;gap:12px;padding:0 18px;display:grid}.rhythm-generator-customize-caret{color:var(--nord4)}.rhythm-generator-customize-trigger strong{font-size:.82rem;font-weight:650}.rhythm-generator-customize-trigger:focus-visible,.rhythm-customize-choice:focus-visible,.rhythm-custom-material-palette button:focus-visible,.rhythm-custom-pitch-controls button:focus-visible,.rhythm-custom-sequence-actions button:focus-visible{outline:2px solid var(--nord8);outline-offset:3px}.rhythm-generator-customize-reveal{transition:grid-template-rows var(--rg-spatial-claim) cubic-bezier(.2, 0, 0, 1);grid-template-rows:0fr;display:grid}.rhythm-generator-customize.is-expanded .rhythm-generator-customize-reveal{transition-delay:var(--rg-open-claim-delay);grid-template-rows:1fr}.rhythm-generator-customize-workspace{opacity:0;visibility:hidden;min-height:0;transition:opacity var(--rg-content-soften) cubic-bezier(.2, 0, 0, 1), padding var(--rg-spatial-claim) cubic-bezier(.2, 0, 0, 1), visibility 0s linear var(--rg-spatial-claim);gap:14px;padding:0 20px;display:grid;overflow:hidden}.rhythm-generator-customize.is-expanded .rhythm-generator-customize-workspace{opacity:1;visibility:visible;transition-duration:var(--rg-content-resolve), var(--rg-spatial-claim), 0s;transition-delay:var(--rg-open-content-delay), var(--rg-open-claim-delay), var(--rg-open-claim-delay);padding-block:10px 20px}.rhythm-generator-customize.is-expanded.is-closing .rhythm-generator-customize-workspace{opacity:0;transition-duration:var(--rg-content-soften), var(--rg-spatial-claim), 0s;transition-delay:0s, var(--rg-open-claim-delay), var(--rg-spatial-claim)}.rhythm-customize-material-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.rhythm-customize-mode-view{min-width:0;overflow:hidden}.rhythm-customize-material{border:1px solid var(--nord3);align-self:start;min-width:0;padding:20px}@supports (color:color-mix(in lab, red, red)){.rhythm-customize-material{border:1px solid color-mix(in srgb, var(--nord3) 82%, transparent)}}.rhythm-customize-material{background:var(--nord2);border-radius:8px}.rhythm-customize-material-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.rhythm-customize-material h3{color:var(--nord6);margin:0;font-size:1rem;font-weight:650}.rhythm-customize-material p{color:var(--nord4);margin:6px 0 0;font-size:.78rem;line-height:1.5}.rhythm-customize-fieldset{border:0;min-width:0;margin:0;padding:0}.rhythm-customize-fieldset legend,.rhythm-customize-select>span,.rhythm-customize-range>span{color:var(--nord4);margin-bottom:8px;font-size:.75rem;font-weight:650}.rhythm-customize-choice-group{flex-wrap:wrap;gap:8px;display:flex}.rhythm-customize-choice,.rhythm-custom-material-palette button,.rhythm-custom-pitch-controls button,.rhythm-custom-sequence-actions button{border:1px solid var(--nord3);background:var(--nord1);min-height:36px;color:var(--nord4);padding:7px 12px;font-size:.75rem;font-weight:600;transition:border-color .24s,background-color .24s,color .24s}.rhythm-customize-choice{border-radius:6px}.rhythm-customize-choice[aria-pressed=true]{border-color:var(--nord8);background:var(--nord8);color:var(--nord0)}.rhythm-material-action:active:not(:disabled){border-color:var(--nord8);background:var(--nord3);color:var(--nord6);transition-duration:var(--rg-action-acknowledgement)}.rhythm-customize-dependency-reveal{opacity:0;transition:grid-template-rows var(--rg-dependency-reveal) cubic-bezier(.2, 0, 0, 1) var(--rg-opacity-lead), opacity var(--rg-dependency-opacity) cubic-bezier(.2, 0, 0, 1);grid-template-rows:0fr;display:grid}.rhythm-customize-dependency-reveal.is-open{opacity:1;grid-template-rows:1fr}.rhythm-customize-dependency-reveal>.rhythm-customize-dependencies{min-height:0;overflow:hidden}.rhythm-customize-dependencies{border-top:1px solid var(--nord3);flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:20px;padding-top:18px;display:flex}@supports (color:color-mix(in lab, red, red)){.rhythm-customize-dependencies{border-top:1px solid color-mix(in srgb, var(--nord3) 72%, transparent)}}.rhythm-note-source-dependency{flex-wrap:wrap;flex:360px;align-items:flex-end;gap:18px;min-width:0;display:flex}.rhythm-customize-vocabulary{flex-wrap:wrap;gap:7px;display:flex}.rhythm-customize-vocabulary label{position:relative}.rhythm-customize-vocabulary input{opacity:0;pointer-events:none;position:absolute}.rhythm-customize-vocabulary label>span{text-align:center;border:1px solid var(--nord3);background:var(--nord1);min-height:34px;color:var(--nord4);border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:.74rem;font-weight:600;display:inline-flex}.rhythm-customize-vocabulary input:checked+span{border-color:var(--nord8);background:var(--nord8);color:var(--nord6)}.rhythm-customize-vocabulary input:focus-visible+span{outline:2px solid var(--nord8);outline-offset:2px}.rhythm-customize-range{grid-template-columns:1fr auto;align-items:center;gap:7px 12px;width:min(100%,250px);display:grid}.rhythm-customize-range output{color:var(--nord6);font-size:.75rem}.rhythm-customize-range>.rhythm-lab-slider-shell{grid-column:1/-1}.rhythm-customize-select{flex-direction:column;min-width:154px;display:flex}.rhythm-customize-select select{border:1px solid var(--nord3);background:var(--nord0);min-height:38px;color:var(--nord6);border-radius:6px;padding:7px 10px;font-size:.78rem}.rhythm-customize-strategy{justify-content:center;padding-bottom:2px;display:flex}.rhythm-customize-strategy .rhythm-customize-choice-group{justify-content:center}.rhythm-custom-pitch-controls button:disabled,.rhythm-custom-material-palette button:disabled,.rhythm-custom-sequence-actions button:disabled{opacity:.38;cursor:not-allowed}.rhythm-custom-sequence-actions{flex-wrap:wrap;gap:7px;display:flex}.rhythm-custom-pitch-controls button,.rhythm-custom-material-palette button,.rhythm-custom-sequence-actions button{border-radius:6px}.rhythm-custom-pitch-controls button{min-width:40px;height:40px;color:var(--nord6);padding:5px 7px}.rhythm-custom-pitch-controls{flex-wrap:wrap;gap:7px;display:flex}.rhythm-random-pitch-sequence{flex-basis:100%;gap:12px;display:grid}.rhythm-random-pitch-sequence-preview{border:1px solid var(--nord3);align-items:center;min-height:42px;padding:10px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.rhythm-random-pitch-sequence-preview{border:1px solid color-mix(in srgb, var(--nord3) 82%, transparent)}}.rhythm-random-pitch-sequence-preview{background:var(--nord0);color:var(--nord6);border-radius:6px;font-size:.82rem;font-weight:650}.rhythm-note-sequence-items{flex-wrap:wrap;gap:7px;min-width:0;display:flex}.rhythm-note-sequence-item{border:1px solid var(--nord3);background:var(--nord1);cursor:grab;border-radius:5px;place-items:center;min-width:42px;min-height:34px;padding:6px 9px;display:grid;position:relative}.rhythm-note-sequence-item:focus-visible,.rhythm-custom-event-slot:focus-visible{outline:2px solid var(--nord8);outline-offset:3px}.rhythm-note-sequence-full{color:var(--nord4)!important;margin:-4px 0 0!important;font-size:.7rem!important}.rhythm-random-pitch-sequence-preview[data-drag-active=true]{border-color:var(--nord8)}.rhythm-notation-material-glyph{width:25px;height:27px;color:inherit;pointer-events:none;place-items:center;display:inline-grid}.rhythm-notation-material-glyph svg{width:25px;height:27px;overflow:hidden}.rhythm-notation-material-glyph svg path,.rhythm-notation-material-glyph svg text{fill:currentColor;stroke:currentColor}.rhythm-notation-material-glyph.has-rest-line{position:relative}.rhythm-notation-material-glyph.has-rest-line:before{content:"";z-index:0;background:currentColor;width:16px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rhythm-notation-material-glyph.has-rest-line svg{z-index:1;position:relative}.rhythm-notation-material-glyph.is-whole-rest svg,.rhythm-notation-material-glyph.is-half-rest svg{transform:translateY(var(--rest-block-translate-y,0px)) scaleX(1.5)}.rhythm-custom-beat-builder{border:1px solid var(--nord3);gap:16px;padding:20px;display:grid}@supports (color:color-mix(in lab, red, red)){.rhythm-custom-beat-builder{border:1px solid color-mix(in srgb, var(--nord3) 82%, transparent)}}.rhythm-custom-beat-builder{background:var(--nord2);border-radius:9px}.rhythm-custom-beat-builder-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.rhythm-custom-beat-builder-heading h3{color:var(--nord6);margin:0;font-size:1.05rem;font-weight:650}.rhythm-custom-beat-builder-heading p{color:var(--nord4);margin:5px 0 0;font-size:.78rem}.rhythm-custom-beat-builder-heading>span{color:var(--nord8);font-size:.72rem;font-weight:650}.rhythm-custom-builder-palettes{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;display:grid}.rhythm-custom-material-palette{border:1px solid var(--nord3);background:var(--nord1);border-radius:7px;align-content:center;min-width:0;margin:0;padding:14px}.rhythm-custom-material-palette legend{color:var(--nord6);padding:0 5px;font-size:.78rem;font-weight:650}.rhythm-custom-material-palette>p{color:var(--nord4);margin:9px 0 0;font-size:.7rem}.rhythm-custom-duration-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.rhythm-custom-duration-family{grid-template-columns:repeat(2,40px);justify-content:center;gap:6px;min-width:0;display:grid}.rhythm-custom-duration-family button,.rhythm-custom-pitch-controls button,.rhythm-custom-sequence-actions button{border:1px solid var(--nord3);background:var(--nord0);min-height:36px;color:var(--nord4);padding:7px 9px;font-size:.7rem;font-weight:600}.rhythm-custom-duration-family button{width:40px;height:40px;color:var(--nord6);border-radius:6px;place-items:center;padding:0;display:grid}.rhythm-custom-duration-family button:last-child{border-left:1px solid var(--nord3);border-radius:6px}.rhythm-custom-rest-mark{color:var(--nord8);font-size:1rem;line-height:1}.rhythm-custom-duration-family button[draggable=true],.rhythm-custom-pitch-controls button[draggable=true]{cursor:grab}.rhythm-custom-builder-tracks{border:1px solid var(--nord3);background:var(--nord0);border-radius:8px;grid-template-columns:66px minmax(0,1fr);gap:10px;min-width:0;padding:14px;display:grid}.rhythm-custom-track-labels{color:var(--nord4);grid-template-rows:1fr 1fr;align-items:center;font-size:.72rem;font-weight:650;display:grid}.rhythm-custom-measures{gap:0;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.rhythm-custom-builder-empty{border:1px dashed var(--nord3);min-width:100%;min-height:112px;color:var(--nord4);text-align:center;border-radius:7px;place-items:center;padding:16px;font-size:.75rem;display:grid}.rhythm-custom-builder-measure{min-width:var(--measure-min-width);flex:1 0 var(--measure-min-width);border-right:2px solid var(--nord4);gap:7px;padding:0 10px;display:grid;position:relative}.rhythm-custom-builder-measure[data-measure-complete=true]{border-right-color:var(--nord8)}.rhythm-custom-builder-measure-label{color:var(--nord4);justify-content:space-between;align-items:center;font-size:.65rem;font-weight:650;display:flex}.rhythm-custom-builder-slots{grid-auto-columns:64px;grid-auto-flow:column;justify-content:start;align-items:stretch;gap:8px;min-width:0;display:grid}.rhythm-custom-event-slot{border:1px solid var(--nord3);background:var(--nord1);cursor:grab;border-radius:7px;grid-template-rows:52px 58px;min-width:0;transition:border-color .22s cubic-bezier(.2,0,0,1);display:grid;position:relative;overflow:hidden}.rhythm-custom-event-slot.is-available{border-style:dashed;border-color:var(--nord3)}@supports (color:color-mix(in lab, red, red)){.rhythm-custom-event-slot.is-available{border-color:color-mix(in srgb, var(--nord3) 58%, transparent)}}.rhythm-custom-event-slot.is-available{color:var(--nord4)}@supports (color:color-mix(in lab, red, red)){.rhythm-custom-event-slot.is-available{color:color-mix(in srgb, var(--nord4) 64%, transparent)}}.rhythm-custom-event-slot.is-available{opacity:.72;cursor:default}.rhythm-custom-event-slot.is-incomplete{border-color:var(--nord13)}.rhythm-custom-event-slot.is-dragging{opacity:.56;cursor:grabbing}.rhythm-custom-event-slot.is-drop-target{border-color:var(--nord8);box-shadow:inset 0 0 0 1px var(--nord8)}.rhythm-custom-event-pitch,.rhythm-custom-event-duration{text-align:center;place-items:center;gap:2px;padding:6px;font-size:.72rem;transition:color .22s cubic-bezier(.2,0,0,1),background-color .22s cubic-bezier(.2,0,0,1);display:grid}.rhythm-custom-event-slot.is-missing-duration .rhythm-custom-event-duration{background:var(--nord2);color:var(--nord13)}.rhythm-custom-event-pitch{color:var(--nord6)}.rhythm-custom-event-pitch[data-pitch-target=true]{background:var(--nord2);color:var(--nord13)}.rhythm-custom-event-duration{border-top:1px solid var(--nord3);color:var(--nord6);font-size:.72rem}.rhythm-custom-incomplete-feedback{color:var(--nord13);font-size:.72rem;font-weight:650}.rhythm-custom-event-slot.is-rest .rhythm-custom-event-pitch{color:var(--nord6);background:var(--nord2)}.rhythm-drag-remove-target{border:1px dashed var(--nord11);background:var(--nord11);border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.rhythm-drag-remove-target{background:color-mix(in srgb, var(--nord11) 8%, var(--nord1))}}.rhythm-drag-remove-target{color:var(--nord11);font-size:.72rem;font-weight:650}.rhythm-custom-reorder-feedback{color:var(--nord13);margin:-4px 0 0;font-size:.7rem}.rhythm-generator-viewport-cue{z-index:20;border:1px solid var(--nord8);background:var(--nord1);width:38px;height:38px;color:var(--nord8);box-shadow:0 8px 22px var(--nord0);border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;bottom:16px;left:50%}@supports (color:color-mix(in lab, red, red)){.rhythm-generator-viewport-cue{box-shadow:0 8px 22px color-mix(in srgb, var(--nord0) 70%, transparent)}}.rhythm-generator-viewport-cue{transform:translate(-50%)}.rhythm-generator-viewport-cue:focus-visible{outline:2px solid var(--nord6);outline-offset:3px}.rhythm-generator-customize.is-reduced-motion,.rhythm-generator-customize.is-reduced-motion *,.rhythm-generator-customize.is-reduced-motion :before,.rhythm-generator-customize.is-reduced-motion :after{transition-duration:0s!important;transition-delay:0s!important}.focused-rhythm-generator.is-reduced-motion,.focused-rhythm-generator.is-reduced-motion *,.focused-rhythm-generator.is-reduced-motion :before,.focused-rhythm-generator.is-reduced-motion :after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}.focused-rhythm-generator.is-reduced-motion:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-back-action,.focused-rhythm-generator.is-reduced-motion:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-presentation,.focused-rhythm-generator.is-reduced-motion:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-viewport-cue,.focused-rhythm-generator.is-reduced-motion:not([data-motion-diagnostic])[data-open-phase^=rg-close] .rhythm-generator-repeat-indicator{transition-duration:var(--rg-open-reduced-controls)!important}.focused-rhythm-generator.is-reduced-motion[data-open-phase=rg-reduced-opening][data-open-paint-owner=destination] .staff-container svg,.focused-rhythm-generator.is-reduced-motion:not([data-motion-diagnostic])[data-open-phase=rg-close-reduced-return] .staff-container svg{transition-duration:var(--rg-staff-open-fade-duration,var(--rg-staff-open-fade))!important}.rhythm-generator-actions{justify-content:center;align-items:center;gap:16px;display:flex}.rhythm-generator-generate-action{background:var(--nord8);min-width:150px;color:var(--nord0)}.rhythm-generator-generate-action:disabled{opacity:.45;cursor:not-allowed}.rhythm-generator-presentation--practice{gap:18px}.rhythm-generator-practice-playback,.rhythm-generator-adjust-action{justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.rhythm-generator-practice-playback{background:var(--nord8);min-width:120px;color:var(--nord0)}.rhythm-generator-practice-playback:disabled{opacity:.68;cursor:default}.rhythm-generator-practice-secondary-actions{justify-content:center;align-items:center;gap:16px;display:flex}.rhythm-generator-adjust-action{border:1px solid var(--nord3);background:var(--nord2);min-width:104px;color:var(--nord6);border-radius:6px;padding:10px 16px}.rhythm-generator-adjust-action:focus-visible,.rhythm-generator-practice-playback:focus-visible{outline:2px solid var(--nord8);outline-offset:3px}.rhythm-generator-presentation--adjust{gap:24px}.rhythm-generator-state-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,300px);display:grid}.rhythm-generator-state-action{border:1px solid var(--nord3);background:var(--nord2);min-height:40px;color:var(--nord6);border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.rhythm-generator-state-action.is-primary{border-color:var(--nord8);background:var(--nord8);color:var(--nord0)}.rhythm-generator-state-action:focus-visible{outline:2px solid var(--nord8);outline-offset:3px}@media (width<=680px){.rhythm-generator-workspace{padding-inline:14px}.rhythm-generator-control-rail{border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.rhythm-generator-control-trigger.metronome-control-trigger{min-width:0}.rhythm-customize-material-columns,.rhythm-custom-builder-palettes{grid-template-columns:1fr}.rhythm-customize-material-heading{flex-direction:column}.rhythm-custom-duration-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.rhythm-custom-builder-tracks{grid-template-columns:52px minmax(0,1fr)}.rhythm-custom-builder-slots{grid-auto-columns:56px}}@media (height<=699px){.rhythm-generator-workspace{min-height:0;overflow-x:clip}}.practice-surface{animation:.22s ease-out practice-enter}@keyframes practice-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button:not(:disabled){transition:filter .15s}button:not(:disabled):hover{filter:brightness(1.15)}.btn-group-item{background-color:var(--nord2);color:var(--nord4);border:1px solid var(--nord3);cursor:pointer;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .15s}.btn-group-item--selected{background-color:var(--nord8);color:var(--nord0);border-color:var(--nord8)}.btn-group-item:disabled{opacity:.4;cursor:not-allowed}input[type=range]{appearance:none;background-color:var(--nord3);cursor:pointer;border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--nord8);border:none;border-radius:50%;width:16px;height:16px}input[type=range]::-moz-range-track{background-color:var(--nord3);border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{background-color:var(--nord8);border:none;border-radius:50%;width:16px;height:16px}input[type=range]:disabled{opacity:.4;cursor:not-allowed}@keyframes beaker-rise{0%{opacity:0;transform:translateY(0)}12%{opacity:var(--bubble-op,.5)}60%{transform:translateY(var(--rise,-50px));opacity:var(--bubble-op,.5)}68%{transform:translateY(var(--rise,-50px));opacity:0}to{transform:translateY(var(--rise,-50px));opacity:0}}@keyframes beaker-wobble{0%{transform:translateX(calc(-1 * var(--wob,2px)))}to{transform:translateX(var(--wob,2px))}}@keyframes beaker-wave{0%{transform:translate(0)}to{transform:translateX(var(--wave-shift,-30px))}}@keyframes beaker-wave-rev{0%{transform:translate(0)}to{transform:translateX(var(--wave-shift-rev,30px))}}@keyframes beaker-bob{0%,to{transform:translateY(calc(-1 * var(--bob,1px)))}50%{transform:translateY(var(--bob,1px))}}@media (prefers-reduced-motion:reduce){.beaker-anim{animation:none!important}}@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}@property --tw-ease{syntax:"*";inherits:false}.access-shell{background:var(--nord0);place-items:center;min-height:100vh;padding:24px;display:grid}.access-panel{border:1px solid var(--nord3);background:var(--nord1);border-radius:10px;width:min(100%,440px);padding:clamp(24px,6vw,40px);box-shadow:0 18px 48px #00000047}.access-panel h1{color:var(--nord6);margin:0;font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.1}.access-eyebrow{color:var(--nord8);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:800}.access-copy,.access-detail{color:var(--nord4);margin:16px 0 0;line-height:1.6}.access-detail{color:var(--nord13);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem}.access-form{gap:10px;margin-top:28px;display:grid}.access-form label{color:var(--nord5);font-weight:700}.access-form input{border:1px solid var(--nord3);background:var(--nord0);width:100%;min-height:44px;color:var(--nord6);border-radius:6px;margin-bottom:8px;padding:10px 12px}.access-form input:focus-visible,.onboarding-acknowledgement input:focus-visible,.access-primary-action:focus-visible,.access-secondary-action:focus-visible,.session-sign-out:focus-visible{outline:3px solid color-mix(in srgb, var(--nord8) 70%, transparent);outline-offset:2px}.onboarding-acknowledgement{color:var(--nord4);grid-template-columns:auto 1fr;align-items:start;gap:10px;margin:8px 0;font-weight:500;line-height:1.5;display:grid}.access-form .onboarding-acknowledgement input{width:18px;min-height:18px;margin:3px 0 0}.access-primary-action,.access-secondary-action,.session-sign-out{min-height:42px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:9px 16px;font-weight:750}.access-primary-action{background:var(--nord8);color:var(--nord0)}.access-secondary-action,.session-sign-out{border-color:var(--nord3);background:var(--nord2);color:var(--nord6)}.access-primary-action:disabled,.access-secondary-action:disabled,.session-sign-out:disabled{cursor:wait;opacity:.65}.access-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.access-return-action{width:100%;margin-top:12px}.access-session-action{margin-top:24px}.access-feedback{min-height:1.5em;color:var(--nord13);margin:8px 0 0;font-size:.9rem}.authenticated-application{min-height:100vh}.session-control{z-index:100;justify-items:end;display:grid;position:fixed;top:12px;right:12px}.session-control .access-feedback{background:color-mix(in srgb, var(--nord0) 92%, transparent);text-align:right;border-radius:4px;max-width:260px;padding:0 8px}.session-sign-out{min-height:34px;padding:6px 12px;font-size:.8rem}