.metronome-chrome_root__hWpnL{--section-header-display-weight:var(--type-heading-weight,400);--mt-phone-toolbar:64px;--mt-phone-column:72px;min-height:100svh;overflow-x:clip}@media (orientation:portrait){:root[data-metronome-device=phone] .metronome-chrome_root__hWpnL{padding-bottom:calc(var(--mt-phone-toolbar) + env(safe-area-inset-bottom))}:root[data-metronome-device=phone]:has(.metronome-chrome_root__hWpnL){scroll-padding-bottom:calc(64px + env(safe-area-inset-bottom))}}@media (orientation:landscape){:root[data-metronome-device=phone] .metronome-chrome_root__hWpnL{padding-right:calc(var(--mt-phone-column) + env(safe-area-inset-right))}:root[dir=rtl][data-metronome-device=phone] .metronome-chrome_root__hWpnL{padding-right:0;padding-left:calc(var(--mt-phone-column) + env(safe-area-inset-left))}}:root[data-metronome-device=phone] .metronome-chrome_chrome__GN6oT{display:none}:where([data-theme=kimiclay],:root:not([data-theme]))[data-mode=dark] .metronome-chrome_root__hWpnL{--page:#3c2d22;--background:var(--page);--section-light-strata:linear-gradient(180deg,#3c2d22 0%,#2f2117 50%,var(--mt-desk) 100%);--ground-bright:#4d3c31;--surface-bright:var(--ground-bright);--surface-deep:color-mix(in srgb,var(--mt-desk) 50%,transparent);--surface-cool:color-mix(in srgb,var(--mt-desk) 30%,transparent);--light-warm:var(--mt-lamp);--light-warm-soft:color-mix(in srgb,var(--mt-lamp) 55%,transparent);--light-sage:color-mix(in srgb,var(--mt-brass) 20%,transparent);--light-sage-strong:color-mix(in srgb,var(--mt-brass) 24%,transparent);--light-parchment:color-mix(in srgb,var(--mt-case) 30%,transparent);--light-parchment-aged:color-mix(in srgb,var(--mt-desk-light) 35%,transparent);--light-glow:color-mix(in srgb,var(--mt-lamp) 30%,transparent);--section-header-accent-color:var(--mt-brass)}.metronome-chrome_chrome__GN6oT,.metronome-chrome_root__hWpnL .metronome-chrome_header__en5mk{transition:opacity .6s ease}.metronome-chrome_root__hWpnL[data-running]:not([data-awake]) .metronome-chrome_chrome__GN6oT:not(:focus-within),.metronome-chrome_root__hWpnL[data-running]:not([data-awake]) .metronome-chrome_header__en5mk:not(:focus-within,:has([aria-expanded=true])){opacity:.14}:root:not([data-metronome-device=phone]) .metronome-chrome_root__hWpnL[data-passing] .metronome-chrome_header__en5mk:not(:focus-within,:has([aria-expanded=true])),:root:not([data-metronome-device=phone]) .metronome-chrome_root__hWpnL[data-running]:not([data-awake]) .metronome-chrome_header__en5mk:not(:focus-within,:has([aria-expanded=true])){pointer-events:none}.metronome-chrome_root__hWpnL[data-awake] :is(.metronome-chrome_chrome__GN6oT,.metronome-chrome_header__en5mk),:is(.metronome-chrome_chrome__GN6oT,.metronome-chrome_header__en5mk):focus-within{transition-duration:0s}@media (max-height:500px){.metronome-chrome_root__hWpnL .metronome-chrome_header__en5mk{position:relative;top:auto}}.metronome-chrome_root__hWpnL .metronome-chrome_header__en5mk.metronome-chrome_pinned__5EgmV{position:sticky;top:0;background:var(--background)}.metronome-chrome_main__GxrnH{color:var(--foreground);font-family:var(--page-font-body,var(--type-body))}.metronome-chrome_main__GxrnH :where(a){color:inherit}.metronome-chrome_lead__akIoi{padding-bottom:clamp(3.5rem,8vw,6.5rem)}.metronome-chrome_column__q1A7e{width:min(100% - 2rem,1180px);margin-inline:auto}.metronome-chrome_intro__jOnpN{--page-title-size:clamp(2rem,4.4vw,3.4rem);--page-title-leading:1.05;--page-title-gap:0.4rem;--page-title-subtitle-size:0.95rem;margin:calc(24px + clamp(.75rem, 2vw, 1.25rem)) 0 clamp(1rem,3vw,2rem)}.metronome-chrome_opening__lAXPN{max-width:46rem;margin:clamp(2rem,5vw,3.5rem) auto 0;font-size:1.05rem;line-height:1.65}.metronome-chrome_footerBand__6nSrZ>footer,[data-mode=dark] .metronome-chrome_footerBand__6nSrZ>footer{margin-top:0;background:transparent}.metronome-chrome_experience__RPGZ3{display:grid;gap:clamp(.9rem,2.4vw,1.4rem)}@media (min-aspect-ratio:1/1) and (min-width:640px) and (max-height:500px){.metronome-chrome_intro__jOnpN{--page-title-size:1.45rem;--page-title-gap:0 0.75rem;--page-title-subtitle-size:0.8rem;margin:.5rem 0 .4rem}.metronome-chrome_intro__jOnpN>*{flex-flow:row wrap;align-items:baseline}}.metronome-chrome_notices__9yEKB{display:grid;gap:.6rem}.metronome-chrome_notices__9yEKB:not(:has(p,div>*)){position:absolute}.metronome-chrome_notices__9yEKB .metronome-chrome_hint__tMywJ,.metronome-chrome_notices__9yEKB .metronome-chrome_notice__gtudL{margin-block:0}.metronome-chrome_notice__gtudL{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1rem;width:fit-content;margin:1rem auto 0;padding:.6rem 1rem;border:var(--shape-border-width) solid var(--border-strong);border-radius:var(--shape-surface);background:var(--card);box-shadow:var(--depth-card);color:var(--card-foreground)}.metronome-chrome_noticeButton__q7eWD{min-height:44px;padding:.3rem 1rem;border:var(--shape-border-width) solid var(--action-rest);border-radius:var(--shape-pill);background:var(--action-rest);color:var(--action-foreground);cursor:pointer;font:inherit}.metronome-chrome_noticeButton__q7eWD:focus-visible{outline:2px solid var(--action-focus);outline-offset:3px}.metronome-chrome_hint__tMywJ{width:fit-content;max-width:100%;margin:.75rem auto 0;padding:.4rem .8rem;border:var(--shape-border-width) solid var(--border-strong);border-radius:var(--shape-surface);background:var(--card);color:var(--card-foreground);font-size:.85rem;text-align:center}.metronome-chrome_visuallyHidden__mmbnw{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion:reduce){.metronome-chrome_chrome__GN6oT,.metronome-chrome_root__hWpnL .metronome-chrome_header__en5mk{transition:none}}.metronome-console_controls__MLaIe,.metronome-console_controls__MLaIe *{box-sizing:border-box}.metronome-console_console__yxtXx{width:min(100%,940px);margin:clamp(1.25rem,3vw,2.25rem) auto 0;padding:clamp(1rem,2.4vw,1.75rem);border:var(--shape-border-width) solid var(--border);border-radius:var(--shape-surface);background:var(--card);box-shadow:var(--depth-card);color:var(--card-foreground);font-family:var(--type-body);transition:opacity .6s ease}.metronome-console_tempoRow__LtBIK{display:grid;grid-template-columns:auto auto minmax(8rem,1fr) auto auto;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:var(--shape-border-width) dashed var(--border)}.metronome-console_disclosure__9tBmO,.metronome-console_label__NAb9V,.metronome-console_practice__hjuED legend,.metronome-console_tempoLabel__wvJvo{color:var(--muted-foreground);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.metronome-console_grid__vYcj5{display:grid;grid-template-columns:minmax(9rem,.7fr) minmax(15rem,1.3fr) minmax(13rem,1fr);gap:1.25rem 1.75rem;padding-top:1.1rem}.metronome-console_field__V26fw{display:grid;align-content:start;gap:.55rem;min-width:0;margin:0;padding:0;border:0}.metronome-console_field__V26fw:disabled .metronome-console_choices__4ToH6{opacity:.55}.metronome-console_meter___4O3G{display:flex;align-items:center;gap:.5rem;color:var(--muted-foreground)}.metronome-console_number__71LhN,.metronome-console_select__A1T79{min-height:44px;padding:.35rem .6rem;border:var(--shape-border-width) solid var(--input);border-radius:var(--shape-inset);background:var(--control-surface);color:inherit;font:inherit;font-variant-numeric:tabular-nums}.metronome-console_number__71LhN:disabled,.metronome-console_select__A1T79:disabled{opacity:.5}.metronome-console_number__71LhN{width:4.75rem;text-align:center}[data-metronome-root] .metronome-console_controls__MLaIe .metronome-console_inline__zN2UO input[type=checkbox]:focus-visible,[data-metronome-root] .metronome-console_controls__MLaIe :is(.metronome-console_select__A1T79,.metronome-console_number__71LhN,.metronome-console_range__40xM5,.metronome-console_step__aoeUv,.metronome-console_disclosure__9tBmO):focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.metronome-console_step__aoeUv{width:44px;height:44px;border:var(--shape-border-width) solid var(--border);border-radius:50%;background:var(--control-surface);box-shadow:var(--depth-control);color:inherit;cursor:pointer;font:inherit;font-size:1.3rem;line-height:1;transition:background-color var(--motion-fast,.15s) var(--motion-ease,ease),box-shadow var(--motion-fast,.15s) var(--motion-ease,ease),transform var(--motion-fast,.15s) var(--motion-ease,ease)}@media (hover:hover){.metronome-console_step__aoeUv:hover{background:var(--hover-surface);box-shadow:var(--depth-control-hover)}}.metronome-console_step__aoeUv:active{box-shadow:var(--depth-pressed);transform:scale(var(--motion-press-scale,.97))}.metronome-console_range__40xM5{width:100%;min-height:44px;margin:0;background:transparent;appearance:none;cursor:pointer}.metronome-console_range__40xM5:disabled{opacity:.45;cursor:not-allowed}.metronome-console_range__40xM5::-webkit-slider-runnable-track{height:6px;border:var(--shape-border-width) solid var(--border-strong);border-radius:var(--shape-pill);background:var(--muted)}.metronome-console_range__40xM5::-moz-range-track{height:6px;border:var(--shape-border-width) solid var(--border-strong);border-radius:var(--shape-pill);background:var(--muted)}.metronome-console_range__40xM5::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px;border:var(--shape-border-width) solid var(--border-strong);border-radius:50%;background:var(--primary);box-shadow:var(--depth-control);appearance:none}.metronome-console_range__40xM5::-moz-range-thumb{width:20px;height:20px;border:var(--shape-border-width) solid var(--border-strong);border-radius:50%;background:var(--primary);box-shadow:var(--depth-control)}.metronome-console_labelRow__47tQb{display:flex;align-items:baseline;justify-content:space-between}.metronome-console_value__uvec_{margin-inline-start:.4rem;color:var(--card-foreground);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.metronome-console_choices__4ToH6{display:flex;flex-wrap:wrap;gap:.4rem}.metronome-console_choice__uykhm{position:relative;display:inline-flex}.metronome-console_choice__uykhm input{position:absolute;inset:0;opacity:0;cursor:pointer}.metronome-console_choice__uykhm span{display:inline-flex;align-items:center;min-height:44px;padding:.2rem .75rem;border:var(--shape-border-width) solid var(--border);border-radius:var(--shape-pill);background:transparent;font-size:.8rem;transition:background-color var(--motion-fast,.15s) var(--motion-ease,ease)}@media (hover:hover){.metronome-console_choice__uykhm:hover input:not(:checked,:disabled)+span{background:var(--hover-surface)}}.metronome-console_choice__uykhm input:checked+span{border-color:var(--border-strong);background:var(--accent-soft);font-weight:700}.metronome-console_choice__uykhm input:focus-visible+span{outline:2px solid var(--action-focus);outline-offset:2px}.metronome-console_hint___42AW{margin:0;color:var(--muted-foreground);font-size:.82rem}.metronome-console_practice__hjuED{margin-top:1.25rem;padding-top:.75rem;border-top:var(--shape-border-width) dashed var(--border)}.metronome-console_disclosure__9tBmO{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:0;border:0;background:none;cursor:pointer;font-family:inherit}.metronome-console_chevron__C07Py{display:inline-block;font-size:1.2rem;transition:rotate .2s ease}.metronome-console_chevron__C07Py[data-open]{rotate:90deg}.metronome-console_practicePanel___iye_{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem 1.75rem;padding-top:.5rem}.metronome-console_practicePanel___iye_[hidden]{display:none}.metronome-console_trainer__GM3cW{display:grid;align-content:start;gap:.5rem;margin:0;padding:0;border:0}.metronome-console_inline__zN2UO{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:44px;color:inherit;font-size:.9rem}.metronome-console_inline__zN2UO input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.metronome-console_shortcuts__B4nY2{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:1rem 0 0;color:var(--muted-foreground);font-size:.8rem}@media (hover:none) and (pointer:coarse){.metronome-console_shortcuts__B4nY2{display:none}}.metronome-console_shortcut__Qzz6_{display:inline-flex;align-items:center;gap:.45rem}.metronome-console_shortcut__Qzz6_ dd,.metronome-console_shortcut__Qzz6_ dt{margin:0}.metronome-console_shortcut__Qzz6_ kbd{padding:.1em .45em;border:var(--shape-border-width) solid var(--border);border-radius:var(--shape-inset);color:var(--card-foreground);font-family:var(--type-mono);font-variant-numeric:tabular-nums}.metronome-console_panel__cRgQz{display:grid;gap:1.1rem;padding:.5rem 1rem .75rem;font-family:var(--type-body)}.metronome-console_panel__cRgQz .metronome-console_tempoRow__LtBIK{grid-template-columns:auto 1fr auto}.metronome-console_panel__cRgQz .metronome-console_tempoLabel__wvJvo,.metronome-console_panel__cRgQz .metronome-console_tempoRow__LtBIK .metronome-console_range__40xM5{grid-column:1/-1}.metronome-console_panel__cRgQz .metronome-console_tempoRow__LtBIK .metronome-console_range__40xM5{grid-row:2}@media (max-width:820px){.metronome-console_grid__vYcj5{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}}@media (max-width:560px){.metronome-console_tempoRow__LtBIK{grid-template-columns:auto 1fr auto}.metronome-console_tempoLabel__wvJvo{grid-column:1/-1}.metronome-console_tempoRow__LtBIK .metronome-console_range__40xM5{grid-column:1/-1;grid-row:2}}@media (prefers-reduced-motion:reduce){.metronome-console_chevron__C07Py,.metronome-console_choice__uykhm span,.metronome-console_console__yxtXx,.metronome-console_step__aoeUv{transition:none}.metronome-console_step__aoeUv:active{transform:none}}.metronome-desk_desk___KI3d{--mt-edge:14px;position:relative;color:var(--mt-text);font-family:var(--mt-font-ui);line-height:normal;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "paper" "rail";gap:0;padding:clamp(.5rem,2vw,1.5rem) clamp(.5rem,2.4vw,2rem) calc(clamp(1rem, 3vw, 2rem) + var(--mt-edge));border-radius:14px 14px 6px 6px;background:radial-gradient(70% 70% at var(--mt-desk-light-at),var(--mt-desk-light),transparent 72%),radial-gradient(130% 8% at 28% 21%,rgb(255 236 210/.05),transparent 70%),radial-gradient(150% 6% at 66% 47%,rgb(0 0 0/.2),transparent 70%),radial-gradient(120% 7% at 42% 78%,rgb(255 236 210/.04),transparent 70%),repeating-linear-gradient(179.2deg,transparent 0 7px,color-mix(in srgb,var(--mt-wood-grain) 40%,transparent) 7px 8px,transparent 8px 15px),repeating-linear-gradient(180.7deg,transparent 0 21px,color-mix(in srgb,var(--mt-wood-grain) 26%,transparent) 21px 23px,transparent 23px 37px),repeating-linear-gradient(179.6deg,transparent 0 52px,rgb(0 0 0/.14) 52px 55px,transparent 55px 71px,rgb(255 236 210/.03) 71px 79px,transparent 79px 113px),linear-gradient(180deg,var(--mt-wood-top),var(--mt-wood-bottom));box-shadow:inset 0 1px 0 rgb(255 236 210/.08),0 34px 44px -26px rgb(0 0 0/.6)}.metronome-desk_desk___KI3d:after{content:"";position:absolute;inset:auto 0 0;height:var(--mt-edge);border-radius:0 0 6px 6px;background:linear-gradient(180deg,color-mix(in srgb,var(--mt-wood-edge) 70%,#fff3e0) 0 1px,var(--mt-wood-edge) 1px,color-mix(in srgb,var(--mt-wood-edge) 45%,var(--mt-wood-bottom)) 4px,var(--mt-wood-bottom) 72%,#0b0704);pointer-events:none}.metronome-desk_stage__Jiu6S{grid-area:stage;position:relative;z-index:2;margin-bottom:-7px;padding:clamp(.5rem,2vw,1.5rem) 0 0;--mt-pendulum-size:clamp(7px,min(2.9vw,(100svh - 560px)/31),15px)}.metronome-desk_railArea__n82Sw{--mt-base-top:13px;grid-area:rail;position:relative;z-index:0;min-width:0;margin-inline:-8px;padding-top:var(--mt-base-top);border-radius:4px 4px 9px 9px;background:linear-gradient(180deg,color-mix(in srgb,var(--mt-case) 62%,#fff4e0),color-mix(in srgb,var(--mt-case) 88%,#fff4e0) calc(var(--mt-base-top) - 1px),color-mix(in srgb,var(--mt-brass) 60%,#fff3d6) calc(var(--mt-base-top) - 1px) var(--mt-base-top),transparent var(--mt-base-top)),linear-gradient(180deg,transparent var(--mt-base-top),rgb(255 255 255/.1) calc(var(--mt-base-top) + 1px),transparent 45%,rgb(0 0 0/.28)),radial-gradient(60% 120% at var(--mt-desk-light-at),rgb(255 240 214/.1),transparent 70%),repeating-linear-gradient(90.6deg,var(--mt-case-grain) 0 1px,transparent 1px 8px),repeating-linear-gradient(89.3deg,transparent 0 23px,var(--mt-case-grain) 23px 25px,transparent 25px 41px),var(--mt-case);box-shadow:inset 0 -3px 0 rgb(0 0 0/.3),inset 3px 0 4px -2px rgb(255 255 255/.12),inset -3px 0 4px -2px rgb(0 0 0/.3),0 20px 24px -14px rgb(0 0 0/.75),0 4px 6px -2px rgb(0 0 0/.4)}.metronome-desk_paperArea__qtfaT{grid-area:paper;position:relative;z-index:1;min-width:0;margin-bottom:-6px}@media (max-width:639px){.metronome-desk_desk___KI3d{padding-bottom:calc(.6rem + var(--mt-edge))}.metronome-desk_stage__Jiu6S{--mt-pendulum-size:clamp(6.5px,1.9vw,9px)}}@media (min-aspect-ratio:1/1) and (min-width:640px){.metronome-desk_desk___KI3d{grid-template-columns:minmax(0,58fr) minmax(0,42fr);grid-template-rows:1fr auto;grid-template-areas:"paper stage" "rail rail";align-items:end;column-gap:clamp(1rem,3vw,2.5rem)}.metronome-desk_stage__Jiu6S{padding-top:0;--mt-pendulum-size:clamp(9px,min(1.45vw,(100svh - 330px)/31),16px)}}@media (min-aspect-ratio:1/1) and (min-width:640px) and (max-height:500px){.metronome-desk_desk___KI3d{--mt-edge:10px;grid-template-columns:minmax(0,1fr) auto;padding:.5rem .75rem calc(.5rem + var(--mt-edge))}.metronome-desk_railArea__n82Sw{--mt-base-top:9px}.metronome-desk_stage__Jiu6S{width:calc((100svh - 8rem) * .85);padding:0;--mt-pendulum-size:clamp(6px,(100svh - 11.5rem)/31,12px)}}.metronome-desk_stage__Jiu6S>*{position:relative;z-index:1}.metronome-desk_desk___KI3d[data-three]>.metronome-desk_paperArea__qtfaT,.metronome-desk_desk___KI3d[data-three]>.metronome-desk_stage__Jiu6S{visibility:hidden}.metronome-desk_desk___KI3d[data-three]>.metronome-desk_railArea__n82Sw{z-index:2;background:none;box-shadow:none;pointer-events:none}.metronome-pendulum_pendulum__x0TvS{--mt-h:26em;--mt-cx:47.56%;--mt-metal:conic-gradient(from 210deg,#fff3cf,var(--mt-brass) 16%,#4f3a1c 34%,color-mix(in srgb,var(--mt-brass) 60%,#fff) 52%,#5d4521 70%,var(--mt-brass) 86%,#fff3cf);position:relative;width:calc(var(--mt-h) * .82);margin-inline:auto;padding-top:1.5em;font-size:var(--mt-pendulum-size,clamp(11px,3.1vw,18px));user-select:none;-webkit-user-select:none}.metronome-pendulum_body__gdzIR{position:relative;height:var(--mt-h)}.metronome-pendulum_shadow__s_peD{position:absolute;left:calc(var(--mt-cx) - var(--mt-h) * .5);bottom:-.9em;width:var(--mt-h);height:3em;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0/.5),rgb(0 0 0/.18) 60%,transparent);translate:calc((.3 - var(--mt-lx, .3)) * 3em) 0;filter:blur(4px)}.metronome-pendulum_front__Cs4Bf,.metronome-pendulum_side__R5Yx0{position:absolute;inset:0}.metronome-pendulum_front__Cs4Bf{clip-path:polygon(26.8% 0,68.3% 0,95.1% 100%,0 100%);background:radial-gradient(55% 45% at calc(var(--mt-lx, .3) * 100%) calc(var(--mt-ly, 0) * 100% + 8%),rgb(255 255 255/.24),transparent 70%),linear-gradient(90deg,rgb(0 0 0/.2),transparent 16%,transparent 80%,rgb(0 0 0/.26)),linear-gradient(180deg,rgb(255 255 255/.1),transparent 32%,rgb(0 0 0/.18)),repeating-linear-gradient(92deg,var(--mt-case-grain) 0 1px,transparent 1px 6px),repeating-linear-gradient(88.5deg,transparent 0 11px,var(--mt-case-grain) 11px 13px,transparent 13px 21px),var(--mt-case)}.metronome-pendulum_side__R5Yx0{clip-path:polygon(68.3% 0,71.8% 1.2%,100% 100%,95.1% 100%);background:linear-gradient(90deg,rgb(255 255 255/.08),transparent 30%),repeating-linear-gradient(80deg,var(--mt-case-grain) 0 1px,transparent 1px 7px),linear-gradient(180deg,var(--mt-case-shade),color-mix(in srgb,var(--mt-case-shade) 70%,#000))}.metronome-pendulum_window__SysPi{position:absolute;top:calc(var(--mt-window-top) * var(--mt-h));left:var(--mt-cx);height:calc(var(--mt-window-height) * var(--mt-h));aspect-ratio:var(--mt-plate-aspect);translate:-50% 0;overflow:hidden;border-radius:.45em .45em .25em .25em;background:linear-gradient(180deg,rgb(0 0 0/.1),transparent 6%),radial-gradient(90% 60% at 40% 20%,rgb(255 255 255/.5),transparent 70%),var(--mt-plate);box-shadow:inset 0 .3em .45em rgb(0 0 0/.38),inset .18em 0 .3em rgb(0 0 0/.18),0 0 0 .16em color-mix(in srgb,var(--mt-brass) 82%,#000),0 0 0 .22em color-mix(in srgb,var(--mt-brass) 40%,#fff3cf),0 .1em .3em .22em rgb(0 0 0/.25);color:var(--mt-plate-ink)}.metronome-pendulum_plate__6sNsU{display:block;width:100%;height:100%;font-family:var(--mt-font-display);font-weight:600}.metronome-pendulum_bell__HJR5Y{position:absolute;top:-1.2em;left:var(--mt-cx);width:1.8em;height:1.3em;margin-left:-.9em;border-radius:50% 50% 14% 14%/86% 86% 14% 14%;background:radial-gradient(circle at 36% 30%,rgb(255 255 255/.75),transparent 30%),var(--mt-metal);box-shadow:inset 0 -.15em .2em rgb(0 0 0/.35),0 .2em .3em rgb(0 0 0/.35);transform-origin:50% 100%}.metronome-pendulum_bell__HJR5Y:before{content:"";position:absolute;top:-.35em;left:50%;width:.45em;height:.45em;translate:-50% 0;border-radius:50%;background:var(--mt-metal)}.metronome-pendulum_arm__0S4Pv{position:absolute;z-index:2;top:calc(var(--mt-arm-top) * var(--mt-h));left:var(--mt-cx);width:.32em;height:calc((var(--mt-pivot) - var(--mt-arm-top)) * var(--mt-h));margin-left:-.16em;transform-origin:50% 100%;will-change:transform}.metronome-pendulum_armShadow___Ib_F,.metronome-pendulum_rod__L9v99{position:absolute;inset:0;border-radius:.16em}.metronome-pendulum_rod__L9v99{background:linear-gradient(90deg,#5a4220,#f8e6b0 38%,var(--mt-brass) 58%,#4a3519);box-shadow:0 0 0 .03em rgb(0 0 0/.3)}.metronome-pendulum_armShadow___Ib_F{background:rgb(0 0 0/.32);translate:calc((.5 - var(--mt-lx, .3)) * 1.1em) .3em;filter:blur(2px)}.metronome-pendulum_weight__eh1OK{position:absolute;left:50%;top:calc(var(--mt-travel-top) * 100%);width:1.9em;height:1.55em;translate:-50% calc(-50% + var(--mt-weight, .5) * var(--mt-travel-span) * (var(--mt-pivot) - var(--mt-arm-top)) * var(--mt-h));border-radius:.3em .3em .45em .45em/.3em .3em .6em .6em;background:linear-gradient(90deg,rgb(0 0 0/.25),transparent 22%,transparent 70%,rgb(0 0 0/.3)),linear-gradient(180deg,#fff1c4,var(--mt-brass) 45%,#5d4521);box-shadow:inset 0 .12em 0 rgb(255 255 255/.6),inset 0 -.15em .2em rgb(0 0 0/.35),0 .25em .4em rgb(0 0 0/.42);transition-property:translate;transition-timing-function:ease-out}.metronome-pendulum_weight__eh1OK:after{content:"";position:absolute;top:50%;left:-.25em;right:-.25em;height:.12em;translate:0 -50%;border-radius:.1em;background:color-mix(in srgb,var(--mt-plate-ink) 85%,#000)}.metronome-pendulum_pivot__R6JXK{position:absolute;z-index:3;top:calc(var(--mt-pivot) * var(--mt-h));left:var(--mt-cx);width:1.35em;height:1.35em;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 38% 32%,rgb(255 255 255/.8),transparent 32%),var(--mt-metal);box-shadow:inset 0 -.1em .15em rgb(0 0 0/.4),0 .15em .3em rgb(0 0 0/.45)}.metronome-pendulum_strip__fZ8qt{position:absolute;z-index:4;top:calc(var(--mt-window-top) * var(--mt-h));left:var(--mt-cx);height:calc(var(--mt-window-height) * var(--mt-h));aspect-ratio:var(--mt-plate-aspect);translate:-50% 0;cursor:ns-resize;touch-action:none}.metronome-pendulum_plinth__Puhbe{position:relative;display:flex;justify-content:center;box-sizing:initial;width:calc(var(--mt-h) * .9);margin-left:calc(var(--mt-h) * -.06);padding:.32em .6em .4em;border-radius:.25em .25em .3em .3em;background:linear-gradient(180deg,rgb(255 255 255/.22),transparent 18%,transparent 70%,rgb(0 0 0/.3)),repeating-linear-gradient(91deg,var(--mt-case-grain) 0 1px,transparent 1px 6px),var(--mt-case);box-shadow:inset 0 .08em 0 rgb(255 255 255/.25),inset 0 -.1em 0 rgb(0 0 0/.35),0 .35em .5em -.15em rgb(0 0 0/.6);white-space:nowrap}.metronome-pendulum_plaque__bENYQ{display:inline-flex;align-items:baseline;justify-content:center;gap:.45em;padding:.3em .9em .32em;border-radius:.3em;background:linear-gradient(180deg,rgb(255 255 255/.12),transparent 45%),linear-gradient(180deg,color-mix(in srgb,var(--mt-case-shade) 45%,#000),color-mix(in srgb,var(--mt-case-shade) 22%,#000));box-shadow:0 0 0 .1em color-mix(in srgb,var(--mt-brass) 85%,#000),0 0 0 .16em color-mix(in srgb,var(--mt-brass) 45%,#fff3cf),inset 0 .12em .25em rgb(0 0 0/.5);color:var(--mt-plate)}.metronome-pendulum_bpm__K_bh_{font-family:var(--mt-font-display);font-size:1.7em;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.metronome-pendulum_bpmUnit__nC3id{font-size:.78em;letter-spacing:.16em}.metronome-pendulum_plinthMeta___zn18{font-family:var(--mt-font-display);font-size:1.05em;font-style:italic}@media (prefers-reduced-motion:reduce){.metronome-pendulum_weight__eh1OK{transition:none}}.metronome-rail_rail__IzrD1{box-sizing:border-box;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:10px 10px 12px}.metronome-rail_bank__pAKUV,.metronome-rail_dock__bbJ3o{container-type:inline-size;display:flex;align-items:center;justify-content:center;min-width:0}.metronome-rail_bank__pAKUV{flex-wrap:wrap;gap:max(2.4cqi,12px) max(2.4cqi,10px)}@media (min-aspect-ratio:1/1) and (min-width:640px){.metronome-rail_rail__IzrD1{grid-template-columns:minmax(0,58fr) minmax(0,42fr);column-gap:clamp(1rem,3vw,2.5rem);padding:14px clamp(.5rem,2.4vw,2rem) 18px}.metronome-rail_bank__pAKUV .metronome-rail_keys__xaMNc{flex:0 1 auto}}.metronome-rail_keys__xaMNc{position:relative;display:flex;flex:1 1 12rem;flex-wrap:wrap;justify-content:center;gap:max(1.1cqi,5px)}@media (min-aspect-ratio:1/1) and (min-width:640px) and (max-height:500px){.metronome-rail_rail__IzrD1{gap:10px;padding:6px 12px 8px}.metronome-rail_bank__pAKUV{flex-wrap:nowrap;gap:10px}.metronome-rail_keys__xaMNc{flex:1 1 0;flex-wrap:nowrap;justify-content:safe center;min-width:0;margin-block:-8px;padding:8px 4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.metronome-rail_keys__xaMNc .metronome-rail_key__WkBFw{flex:none;scroll-snap-align:center}.metronome-rail_rail__IzrD1 .metronome-rail_start__jz2PU{min-width:0;padding-inline:16px}}.metronome-rail_key__WkBFw{position:relative;width:max(7.4cqi,48px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 38% 28%,rgb(255 246 220/.7),transparent 38%),conic-gradient(from 200deg,#fff1c8,var(--mt-key-rim) 14%,#5c4426 30%,color-mix(in srgb,var(--mt-key-rim) 70%,#fff) 48%,#6d5330 66%,var(--mt-key-rim) 82%,#fff1c8);box-shadow:0 .25cqi 0 .05cqi #3d2c17,0 1.6cqi 1.2cqi -.5cqi rgb(0 0 0/.55),0 2.6cqi 2.4cqi -1.2cqi rgb(0 0 0/.4);cursor:pointer;font:inherit;transition:translate .12s ease,box-shadow .12s ease,filter .12s ease}@media (hover:hover){.metronome-rail_key__WkBFw:hover{translate:0 -.25cqi;filter:brightness(1.06);box-shadow:0 .25cqi 0 .05cqi #3d2c17,0 2cqi 1.6cqi -.5cqi rgb(0 0 0/.5),0 3.2cqi 2.8cqi -1.2cqi rgb(0 0 0/.35)}}.metronome-rail_key__WkBFw:active{translate:0 .5cqi;filter:brightness(.96);box-shadow:0 .1cqi 0 .05cqi #3d2c17,0 .6cqi .6cqi -.3cqi rgb(0 0 0/.6);transition-duration:.04s}.metronome-rail_keyWide__GPRRK{width:max(10.4cqi,64px);aspect-ratio:auto;height:max(7.4cqi,48px);border-radius:999px}.metronome-rail_keyCap__bY_T9{position:absolute;inset:11%;display:grid;place-content:center;justify-items:center;border-radius:inherit;background:radial-gradient(circle at 36% 28%,#fff,var(--mt-key-top) 42%,color-mix(in srgb,var(--mt-key-top) 72%,#6b5a40) 100%);box-shadow:0 0 0 max(.12cqi,1px) rgb(60 40 20/.45),inset 0 -.4cqi .5cqi rgb(0 0 0/.24),inset 0 .25cqi .3cqi rgb(255 255 255/.9);color:var(--mt-cap-ink);font-size:max(2.3cqi,.95rem);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 1px 0 rgb(255 255 255/.6)}.metronome-rail_keyCap__bY_T9:after{content:"";position:absolute;top:7%;left:16%;width:46%;height:30%;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255/.85),transparent);opacity:.7;pointer-events:none}.metronome-rail_keyWide__GPRRK .metronome-rail_keyCap__bY_T9{inset:9% 6%;font-size:max(1.6cqi,.8rem);letter-spacing:.14em;text-transform:uppercase}.metronome-rail_keyNumber__L8EjS{font-family:var(--mt-font-display);font-size:.95em;font-weight:700}.metronome-rail_keySymbol__1QFEm{width:1.15em;height:1.55em;margin-top:-.1em}.metronome-rail_keyCap__bY_T9[data-lit]{box-shadow:0 0 0 max(.12cqi,1px) rgb(60 40 20/.45),0 0 0 max(.5cqi,3px) color-mix(in srgb,var(--mt-plate) 80%,transparent),0 0 max(2.4cqi,14px) max(.4cqi,2px) color-mix(in srgb,#ffcf7a 75%,transparent),inset 0 -.4cqi .5cqi rgb(0 0 0/.24),inset 0 .25cqi .3cqi rgb(255 255 255/.9)}.metronome-rail_key__WkBFw[data-state=accent] .metronome-rail_keyCap__bY_T9{color:var(--mt-cap-accent)}.metronome-rail_key__WkBFw[data-state=ghost] .metronome-rail_keyCap__bY_T9{color:var(--mt-cap-ghost)}.metronome-rail_key__WkBFw[data-state=mute] .metronome-rail_keyCap__bY_T9{color:var(--mt-cap-mute);background:radial-gradient(circle at 36% 28%,var(--mt-cap-mute-light),var(--mt-cap-mute-face) 60%,var(--mt-cap-mute-shade))}.metronome-rail_key__WkBFw:focus-visible,.metronome-rail_start__jz2PU:focus-visible{outline:max(.35cqi,2px) solid var(--mt-ring);outline-offset:max(.35cqi,2px)}.metronome-rail_start__jz2PU{display:inline-flex;align-items:center;justify-content:center;gap:2cqi;min-width:max(22cqi,132px);min-height:max(6.4cqi,48px);padding-inline:max(3cqi,18px);border:max(.45cqi,2px) solid var(--mt-key-rim);border-radius:999px;background:linear-gradient(90deg,rgb(0 0 0/.08),transparent 10%,transparent 90%,rgb(0 0 0/.12)),linear-gradient(180deg,#fffaf0,var(--mt-key-top) 55%,color-mix(in srgb,var(--mt-key-top) 75%,#6b5a40));box-shadow:0 .7cqi 0 -.05cqi color-mix(in srgb,var(--mt-key-rim) 70%,#2a1c0c),0 1.8cqi 1.6cqi -.6cqi rgb(0 0 0/.6),inset 0 .3cqi .3cqi rgb(255 255 255/.9),inset 0 -.3cqi .4cqi rgb(0 0 0/.12);color:var(--mt-cap-ink);text-shadow:0 1px 0 rgb(255 255 255/.6);transition:translate .12s ease,box-shadow .12s ease,filter .12s ease;cursor:pointer;font:inherit;font-size:max(2cqi,1rem);font-weight:600;letter-spacing:.22em;text-transform:uppercase}@media (hover:hover){.metronome-rail_start__jz2PU:hover{filter:brightness(1.04);translate:0 -.2cqi}}.metronome-rail_start__jz2PU[data-running]{border-color:var(--mt-cap-accent);color:var(--mt-cap-running);box-shadow:0 .7cqi 0 -.05cqi color-mix(in srgb,var(--mt-cap-accent) 60%,#2a0c0c),0 1.8cqi 1.6cqi -.6cqi rgb(0 0 0/.6),0 0 2.4cqi -.4cqi color-mix(in srgb,var(--mt-cap-accent) 45%,transparent),inset 0 .3cqi .3cqi rgb(255 255 255/.9)}.metronome-rail_start__jz2PU:active{translate:0 .6cqi;box-shadow:0 .15cqi 0 -.05cqi color-mix(in srgb,var(--mt-key-rim) 70%,#2a1c0c),0 .6cqi .6cqi -.3cqi rgb(0 0 0/.6),inset 0 .3cqi .5cqi rgb(0 0 0/.12);transition-duration:.04s}.metronome-rail_kbd__rd5Q_{padding:.1em .5em;border:1px solid rgb(31 27 22/.4);border-radius:.3em;font-family:var(--mt-font-ui);font-size:.62em;letter-spacing:.08em;text-transform:none}@media (hover:none) and (pointer:coarse){.metronome-rail_kbd__rd5Q_{display:none}}.metronome-rail_rail__IzrD1[data-three] .metronome-rail_key__WkBFw,.metronome-rail_rail__IzrD1[data-three] .metronome-rail_start__jz2PU{border-color:transparent;background:none;box-shadow:none;filter:none;translate:none;text-shadow:none;-webkit-tap-highlight-color:transparent;pointer-events:auto}.metronome-rail_rail__IzrD1[data-three] .metronome-rail_key__WkBFw>*,.metronome-rail_rail__IzrD1[data-three] .metronome-rail_start__jz2PU>*{opacity:0}.metronome-rail_rail__IzrD1[data-three] .metronome-rail_keys__xaMNc{scrollbar-width:none;pointer-events:auto}.metronome-rail_rail__IzrD1[data-three] .metronome-rail_key__WkBFw:focus-visible,.metronome-rail_rail__IzrD1[data-three] .metronome-rail_start__jz2PU:focus-visible{outline:2px solid var(--mt-paper);outline-offset:2px;box-shadow:0 0 0 2px var(--mt-ink)}@media (prefers-reduced-motion:reduce){.metronome-rail_key__WkBFw,.metronome-rail_start__jz2PU{transition:none}.metronome-rail_key__WkBFw:active,.metronome-rail_key__WkBFw:hover,.metronome-rail_start__jz2PU:active,.metronome-rail_start__jz2PU:hover{translate:none}}.metronome-staff_rest__xl76Z{--mt-lip:15px;box-sizing:border-box;position:relative;padding:18px 14px var(--mt-lip);border-radius:2px;background:radial-gradient(90% 70% at 32% 0,rgb(255 255 255/.1),transparent 70%),linear-gradient(90deg,rgb(0 0 0/.22),transparent 8%,transparent 92%,rgb(0 0 0/.26)),repeating-linear-gradient(91deg,var(--mt-case-grain) 0 1px,transparent 1px 7px),repeating-linear-gradient(88deg,transparent 0 15px,var(--mt-case-grain) 15px 17px,transparent 17px 29px),linear-gradient(180deg,color-mix(in srgb,var(--mt-case) 72%,#000),color-mix(in srgb,var(--mt-case-shade) 82%,#000));box-shadow:inset 0 1px 0 rgb(255 255 255/.14),inset 0 -1px 0 rgb(0 0 0/.4),0 9px 10px -5px rgb(0 0 0/.55)}.metronome-staff_rest__xl76Z:before{content:"";position:absolute;inset:0 -6px auto;height:10px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--mt-case) 55%,#fff4e0),var(--mt-case) 40%,color-mix(in srgb,var(--mt-case-shade) 70%,#000));box-shadow:0 3px 4px -1px rgb(0 0 0/.45)}.metronome-staff_rest__xl76Z:after{content:"";position:absolute;inset:auto -5px 0;z-index:2;height:var(--mt-lip);border-radius:3px 3px 2px 2px;background:linear-gradient(180deg,color-mix(in srgb,var(--mt-brass) 70%,#fff3d6) 0 1px,var(--mt-brass) 1px 3px,transparent 3px),linear-gradient(180deg,rgb(255 255 255/.16),transparent 45%,rgb(0 0 0/.3)),repeating-linear-gradient(90deg,var(--mt-case-grain) 0 1px,transparent 1px 9px),var(--mt-case);box-shadow:0 -3px 5px -1px rgb(0 0 0/.35),0 4px 6px -2px rgb(0 0 0/.5);pointer-events:none}.metronome-staff_book__kxevw{--mt-page-lines:3;--mt-cover:color-mix(in srgb,var(--mt-ribbon) 42%,#170c08);position:relative;display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:-6px;padding:5px 5px 6px 9px;border-radius:5px 5px 3px 3px;background:linear-gradient(90deg,rgb(0 0 0/.55) 0 3px,transparent 7px),linear-gradient(180deg,rgb(255 255 255/.1),transparent 30%),var(--mt-cover);box-shadow:inset 0 1px 0 rgb(255 255 255/.08),0 6px 10px -4px rgb(0 0 0/.55);color:var(--mt-ink)}.metronome-staff_book__kxevw:after{content:"";position:absolute;top:-2px;right:1px;z-index:2;width:7px;height:calc(100% + var(--mt-lip, 15px) + 6px);background:linear-gradient(90deg,rgb(0 0 0/.25),transparent 35%,rgb(255 255 255/.18) 55%,rgb(0 0 0/.2)),var(--mt-ribbon);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 6px),0 100%);box-shadow:1px 0 2px rgb(0 0 0/.3);pointer-events:none}.metronome-staff_page__WAVuj{--mt-gutter:90deg;box-sizing:border-box;position:relative;height:calc(var(--mt-page-lines) * 84px + 22px);padding:10px 16px 12px;overflow:hidden;border-radius:0 3px 3px 0;background:linear-gradient(var(--mt-gutter),rgb(0 0 0/.2),rgb(0 0 0/.06) 5%,transparent 14%,transparent 92%,rgb(255 255 255/.2) 98%),repeating-linear-gradient(180deg,transparent 0 57.5px,color-mix(in srgb,var(--mt-ink) 22%,transparent) 57.5px 58.5px,transparent 58.5px 84px),radial-gradient(120% 80% at 50% 0,rgb(255 255 255/.4),transparent 70%),var(--mt-paper);background-origin:padding-box,content-box,padding-box,padding-box;background-clip:padding-box,content-box,padding-box,padding-box;box-shadow:2px 0 0 color-mix(in srgb,var(--mt-paper) 80%,#8a7a60),3px 1px 0 color-mix(in srgb,var(--mt-paper) 70%,#6e604a);color:var(--mt-ink)}.metronome-staff_page__WAVuj[data-page="0"]{display:none}.metronome-staff_line__Tig9h{display:block;color:var(--mt-ink);font-family:var(--mt-font-display);font-variant-numeric:tabular-nums}.metronome-staff_accent__1FjUN{color:var(--mt-ribbon)}.metronome-staff_bracket__1dAOO{color:color-mix(in srgb,var(--mt-ink) 70%,var(--mt-paper))}@media (min-aspect-ratio:1/1) and (min-width:640px){.metronome-staff_rest__xl76Z{padding-top:12px;border-radius:7px 7px 2px 2px;transform:perspective(1400px) rotateX(5deg);transform-origin:50% 100%}.metronome-staff_rest__xl76Z:before{content:none}.metronome-staff_book__kxevw{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:5px;background:linear-gradient(90deg,transparent 48%,rgb(0 0 0/.5) 50%,transparent 52%),linear-gradient(180deg,rgb(255 255 255/.1),transparent 30%),var(--mt-cover)}.metronome-staff_book__kxevw:after{right:auto;left:calc(50% + 10px)}.metronome-staff_page__WAVuj[data-page="0"]{--mt-gutter:270deg;display:block;border-radius:3px 0 0 3px;box-shadow:-2px 0 0 color-mix(in srgb,var(--mt-paper) 80%,#8a7a60),-3px 1px 0 color-mix(in srgb,var(--mt-paper) 70%,#6e604a)}}@media (min-aspect-ratio:1/1) and (min-width:640px) and (min-height:760px){.metronome-staff_book__kxevw{--mt-page-lines:4}}@media (max-width:639px){.metronome-staff_book__kxevw{--mt-page-lines:2}.metronome-staff_rest__xl76Z{padding-top:14px}.metronome-staff_page__WAVuj{height:calc(var(--mt-page-lines) * 84px + 14px);padding-block:6px 8px}}@media (min-aspect-ratio:1/1) and (min-width:640px) and (max-height:500px){.metronome-staff_book__kxevw{--mt-page-lines:2}.metronome-staff_rest__xl76Z{--mt-lip:11px;padding:7px 9px var(--mt-lip)}.metronome-staff_page__WAVuj{height:calc(var(--mt-page-lines) * 84px + 10px);padding-block:4px 6px}}@media (max-width:480px){.metronome-staff_page__WAVuj{padding-inline:10px}}.metronome-guide_band__9DuHd{padding-block:clamp(3.5rem,8vw,6.5rem)}.metronome-guide_column__JiFaq{width:min(100% - 2rem,46rem);margin-inline:auto}.metronome-guide_body__unLOZ{margin-top:clamp(1.5rem,3vw,2.25rem);font-variant-numeric:tabular-nums;font-size:1rem;line-height:1.65}.metronome-guide_body__unLOZ p{margin:0 0 1rem}.metronome-guide_subheading__GbHSl{margin:1.5rem 0 .4rem;color:var(--foreground);font-size:1rem;font-weight:700}.metronome-guide_steps__eqIzg{margin:0 0 1rem;padding-inline-start:1.5rem;list-style:decimal}.metronome-guide_steps__eqIzg li{margin-bottom:.6rem;padding-inline-start:.25rem}.metronome-guide_steps__eqIzg li::marker{color:var(--muted-foreground);font-weight:700}.metronome-guide_markings__ISwcP{width:100%;margin:.5rem 0 1rem;border-collapse:collapse;font-size:.95rem}.metronome-guide_markings__ISwcP td,.metronome-guide_markings__ISwcP th{padding:.5rem .75rem;border-bottom:var(--shape-border-width) solid var(--border-strong);text-align:start;vertical-align:top}.metronome-guide_markings__ISwcP thead th{color:var(--muted-foreground);font-size:.78rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase}.metronome-guide_markings__ISwcP tbody th{font-style:italic;font-weight:700}.metronome-guide_bpm__tCrCz{font-variant-numeric:tabular-nums;white-space:nowrap}.metronome-guide_markings__ISwcP:is(:lang(ar),:lang(ur),:lang(hi),:lang(bn),:lang(mr),:lang(ta),:lang(te),:lang(th),:lang(ja),:lang(ko),:lang(zh)) thead th{letter-spacing:normal;text-transform:none}.metronome-guide_question__HrHuK .metronome-guide_subheading__GbHSl{margin-top:1.25rem}