@font-face{font-family:Metronome Engraved;src:url(/assets/metronome-engraved-Rl6Hf53x.woff2)format("woff2");font-display:block}@font-face{font-family:Old Standard TT;font-weight:700;src:url(/assets/old-standard-tt-latin-700-normal-DLkH_MDP.woff2)format("woff2");font-display:swap}@font-face{font-family:Metronome Wordmark;font-weight:700;src:url(data:font/woff2;base64,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)format("woff2");font-display:swap;unicode-range:U+5668,U+62CD,U+7BC0}@font-face{font-family:Metronome Sans TC;font-weight:400 700;src:url(/assets/metronome-sans-tc-CL9VmtbZ.woff2)format("woff2");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#172036;--ground-2:#1d2742;--ground-3:#111a2d;--ink:#eceff6;--ink-2:#b4bdd2;--ink-3:#8792ad;--rule:#33405f;--path:#eceff699;--yellow:#fccf3f;--on-yellow:#172036;--yellow-edge:var(--yellow);--thumb-edge:var(--ground);--baton:var(--yellow);--baton-ring:var(--ground);--focus:var(--yellow);--sans:"Metronome Sans TC", system-ui, -apple-system, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--score:"Old Standard TT", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--engraved:"Metronome Engraved", var(--score);--wordmark:"Old Standard TT", "Metronome Wordmark", var(--score);font-family:var(--sans);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:100%;line-height:1.5}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#f3f5f9;--ground-2:#e7ebf3;--ground-3:#d9dfeb;--ink:#172036;--ink-2:#44506c;--ink-3:#56617c;--rule:#c6cddc;--path:#17203699;--yellow:#fccf3f;--on-yellow:#172036;--yellow-edge:#172036;--thumb-edge:#172036;--baton:#172036;--baton-ring:var(--yellow);--focus:#172036}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--ground);scrollbar-color:var(--rule) transparent}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--ground);color:var(--ink);caret-color:var(--yellow);margin:0}:lang(en){font-variant-east-asian:proportional-width}::selection{background:var(--yellow);color:var(--on-yellow)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:0}button:disabled{cursor:default;opacity:.38}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}svg{display:block}button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{width:min(100%,1080px);margin:0 auto;padding:0 16px 24px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 12px;min-height:60px;display:flex}.brand{font-family:var(--wordmark);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:10px;margin:0;font-size:1.125rem;font-weight:700;display:flex}.brand-mark{width:28px;height:28px}.topbar-actions{align-items:center;gap:8px;display:flex}.text-button{min-height:40px;color:var(--ink-2);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:0 10px;font-size:.875rem;font-weight:600;display:inline-flex}.text-button svg{width:18px;height:18px}.language{border:1px solid var(--rule);border-radius:999px;padding:3px;display:inline-flex}.language a{min-width:44px;min-height:34px;color:var(--ink-2);white-space:nowrap;border-radius:999px;place-items:center;padding:0 10px;font-size:.8125rem;font-weight:650;text-decoration:none;transition:background-color .16s ease-out,color .16s ease-out;display:inline-grid}.language a[aria-current=page]{background:var(--ink);color:var(--ground)}.layout{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.stage{grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:24px;display:grid}.pattern-figure{margin:0}.pattern{width:min(100%,520px);aspect-ratio:20/13;width:min(100%,clamp(320px,153.846svh - 707.692px,720px));margin:8px auto 0;position:relative}.pattern-drawing{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pattern-path{fill:var(--path)}.tick{fill:var(--ink-3);opacity:.35}.ictus{stroke:var(--ink);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;transition:transform .16s ease-out}.ictus.active{transform:scaleX(1.5)}.ictus.upbeat{transform-origin:100%}.ripple{fill:none;stroke:var(--ink);stroke-width:2px;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:50%}.ripple[data-level=accent]{stroke:var(--yellow);stroke-width:3px}.ripple[data-level=sub]{stroke:var(--ink-3)}.baton{fill:var(--baton);stroke:var(--baton-ring);stroke-width:4px;paint-order:stroke;vector-effect:non-scaling-stroke}.beat-buttons{position:absolute;inset:0}.beat{--size:44px;width:var(--size);height:var(--size);border:2px solid var(--path);background:var(--ground);color:var(--ink);font-family:var(--score);font-variant-numeric:lining-nums;border-radius:50%;place-items:center;font-size:1.25rem;font-weight:700;line-height:1;transition:scale .14s ease-out,background-color .16s ease-out,border-color .16s ease-out;display:grid;position:absolute;translate:-50% -50%}.pattern.crowded .beat{--size:30px;border-width:1.5px;font-size:.875rem}.pattern.crowded .beat:before{content:"";position:absolute;inset:-1.5px -8.5px}.beat[data-level=accent]{border-color:var(--yellow-edge);background:var(--yellow);color:var(--on-yellow)}.beat[data-level=mute]{color:var(--ink-3);border-style:dashed}.beat:focus-visible{z-index:1}.beat.active{border-color:var(--ink);background:var(--ink);color:var(--ground);transition-duration:0s;scale:1.14}.beat.active[data-level=accent]{border-color:var(--yellow)}.beat.active[data-level=mute]{border-color:var(--ink-2);background:color-mix(in srgb, var(--ink) 14%, var(--ground));color:var(--ink-2)}.caption{justify-content:center;align-items:center;gap:12px;margin:20px 0 0;display:flex}.caption-meter{color:var(--ink-2);font-family:var(--engraved);flex:none;justify-items:center;font-size:1.5rem;line-height:.56;display:grid}.hint{color:var(--ink-3);text-wrap:balance;font-size:.8125rem}.tempo{--step:52px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:".marking.""slower mark faster";justify-self:center;align-items:center;gap:4px 8px;width:min(100%,440px);display:grid;container-type:inline-size}.tempo-mark{display:contents}#slower{grid-area:slower}#faster{grid-area:faster}.marking{font-family:var(--score);letter-spacing:.01em;grid-area:marking;justify-self:center;font-size:1.375rem;font-weight:700;line-height:1.2}.metronome-mark{font-family:var(--engraved);font-size:min(8rem, calc((100cqi - 2 * var(--step) - 16px) / 2.15));grid-area:mark;justify-self:center;align-items:baseline;gap:.1em;padding-block:.08em;line-height:.6;display:flex}.mark-note{font-size:.5em;translate:0 -.5em}.mark-equals{font-family:var(--score);margin-right:.08em;font-size:.34em;font-weight:700;translate:0 -.735em}.bpm{font-variant-numeric:tabular-nums}.step{width:var(--step,52px);height:var(--step,52px);border:1.5px solid var(--rule);color:var(--ink);border-radius:50%;place-items:center;transition:background-color .14s ease-out,scale .1s ease-out;display:grid}.step.small{width:44px;height:44px}.step:active:not(:disabled){background:var(--ground-2);scale:.94}.slider{--p:.5;--thumb-w:22px;--thumb-h:22px;cursor:pointer;touch-action:pan-y;appearance:none;background:0 0;width:100%;height:40px;margin:0}.slider:focus-visible{outline:none}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) calc(var(--thumb-w) / 2 + (100% - var(--thumb-w)) * var(--p)), var(--rule) 0);border-radius:999px;height:4px}.slider::-moz-range-track{background:linear-gradient(to right, var(--ink) calc(var(--thumb-w) / 2 + (100% - var(--thumb-w)) * var(--p)), var(--rule) 0);border-radius:999px;height:4px}.slider::-webkit-slider-thumb{width:var(--thumb-w);height:var(--thumb-h);margin-top:calc((4px - var(--thumb-h)) / 2);border:3px solid var(--ground);background:var(--ink);appearance:none;border-radius:50%}.slider::-moz-range-thumb{width:var(--thumb-w);height:var(--thumb-h);border:3px solid var(--ground);background:var(--ink);border-radius:50%}.slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--focus);outline-offset:2px}.slider:focus-visible::-moz-range-thumb{outline:2px solid var(--focus);outline-offset:2px}.ruler{padding-block:20px;position:relative}.ruler .slider{--thumb-w:26px;--thumb-h:30px;height:44px}.ruler .slider::-webkit-slider-runnable-track{background:repeating-linear-gradient(to right, var(--ink-3) 0 1px, transparent 1px calc((100% - 1px) / 14)) calc(var(--thumb-w) / 2) 0 / calc(100% - var(--thumb-w) + 1px) 100% no-repeat, linear-gradient(var(--rule), var(--rule)) 0 100% / 100% 1px no-repeat;border-radius:0;height:10px}.ruler .slider::-moz-range-track{background:repeating-linear-gradient(to right, var(--ink-3) 0 1px, transparent 1px calc((100% - 1px) / 14)) calc(var(--thumb-w) / 2) 0 / calc(100% - var(--thumb-w) + 1px) 100% no-repeat, linear-gradient(var(--rule), var(--rule)) 0 100% / 100% 1px no-repeat;border-radius:0;height:10px}.ruler .slider::-webkit-slider-thumb{margin-top:calc((10px - var(--thumb-h)) / 2);border:3px solid var(--thumb-edge);background:var(--yellow);border-radius:7px}.ruler .slider::-moz-range-thumb{border:3px solid var(--thumb-edge);background:var(--yellow);border-radius:7px}.ruler-scale{pointer-events:none;position:absolute;inset:0 13px}.ruler-mark{top:2px;left:calc(var(--at) * 100%);border-left:1px solid var(--ink-3);color:var(--ink-2);font-family:var(--score);white-space:nowrap;padding-left:5px;font-size:.8125rem;font-weight:700;line-height:1;position:absolute}.ruler-mark:nth-child(2n){top:auto;bottom:2px}.transport{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(6px,2.4vw,12px);margin-top:4px;display:grid}.primary{background:var(--yellow);min-width:min(148px,32vw);height:64px;color:var(--on-yellow);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 clamp(16px,5vw,28px);font-size:1.125rem;font-weight:700;transition:scale .1s ease-out,box-shadow .16s ease-out;display:inline-flex;box-shadow:0 6px 18px #00000038}.primary svg{fill:currentColor;stroke:none;width:24px;height:24px}.primary:active{scale:.97;box-shadow:0 2px 8px #0003}.primary .icon-stop,.primary.playing .icon-play{display:none}.primary.playing .icon-stop{display:block}.secondary{border:1.5px solid var(--rule);min-width:min(92px,24vw);height:52px;color:var(--ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 clamp(8px,3vw,14px);font-size:.9375rem;font-weight:600;transition:background-color .16s ease-out,border-color .16s ease-out,scale .1s ease-out;display:inline-flex}.secondary svg{width:20px;height:20px}.secondary:active{scale:.97}#tap{justify-self:end}#trainer-toggle{justify-self:start}#trainer-toggle[aria-pressed=true]{border-color:var(--yellow-edge);background:color-mix(in srgb, var(--yellow) 18%, var(--ground))}.settings{background:var(--ground-2);margin:0 -16px;padding:8px 16px;display:grid}.row{border-bottom:1px solid var(--rule);grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:12px;min-height:64px;padding:10px 0;display:grid}.label{color:var(--ink-2);font-size:.9375rem;font-weight:600}.meter{align-items:center;gap:14px;display:flex}.time-signature{min-width:2ch;font-family:var(--engraved);justify-items:center;font-size:3.4rem;line-height:.56;display:grid}.segmented{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.segment{border:1.5px solid var(--rule);height:48px;color:var(--ink-2);cursor:pointer;border-radius:10px;place-items:center;transition:background-color .16s ease-out,color .16s ease-out;display:grid;position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment svg{pointer-events:none;width:100%;max-width:38px;height:auto}.segment:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--ground)}.segment:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.select{border:1.5px solid var(--rule);background:linear-gradient(45deg, transparent 50%, var(--ink-2) 50%) right 20px center / 6px 6px no-repeat, linear-gradient(-45deg, transparent 50%, var(--ink-2) 50%) right 14px center / 6px 6px no-repeat, var(--ground);appearance:none;border-radius:10px;width:100%;min-height:46px;padding:0 40px 0 14px}.trainer{border-bottom:1px solid var(--rule)}.settings>.trainer:last-child{border-bottom:0}.trainer summary{cursor:pointer;align-items:center;gap:12px;min-height:64px;list-style:none;display:flex}.trainer summary::-webkit-details-marker{display:none}.trainer summary:after{content:"";border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);flex:none;width:8px;height:8px;margin-inline:auto 6px;transition:transform .16s ease-out;transform:translateY(-2px)rotate(45deg)}.trainer[open] summary:after{transform:translateY(2px)rotate(-135deg)}.state{color:var(--ink-3);font-size:.875rem}.state.on{color:var(--ink);font-weight:600}.trainer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.trainer-grid label{color:var(--ink-2);align-content:end;gap:6px;font-size:.8125rem;display:grid}.trainer-grid input{border:1.5px solid var(--rule);background:var(--ground);font-variant-numeric:tabular-nums;border-radius:10px;width:100%;min-height:46px;padding:0 12px;font-size:1.0625rem}.note{max-width:60ch;color:var(--ink-2);margin:12px 0 18px;font-size:.875rem}@media (hover:hover){.step:hover:not(:disabled),.secondary:hover,.segment:hover,.text-button:hover{background:var(--ground-2)}.settings .step:hover:not(:disabled){background:var(--ground-3)}.settings .segment:hover:not(:has(input:checked)){background:var(--ground-3)}.beat:hover{border-color:var(--ink)}}.toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;background:var(--ink);width:max-content;max-width:calc(100vw - 32px);color:var(--ground);border-radius:14px;align-items:center;gap:8px;padding:8px 8px 8px 16px;font-size:.9375rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.toast.top{top:calc(64px + env(safe-area-inset-top));bottom:auto}#toast-text{min-width:0}.toast-action{white-space:nowrap;background:var(--yellow);min-height:40px;color:var(--on-yellow);border-radius:10px;flex:none;padding:0 14px;font-weight:700}.toast-close{width:40px;height:40px;color:var(--ground);border-radius:10px;place-items:center;display:grid}.toast-close svg{width:18px;height:18px}.toast :focus-visible{outline-color:var(--ground)}@media (max-width:360px){.row{grid-template-columns:minmax(0,1fr);gap:8px}.tempo{--step:46px}.trainer-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:380px){.secondary{border-radius:20px;flex-direction:column;gap:2px;height:64px;padding:0 10px;font-size:.8125rem}}@media (max-width:400px){.text-button{justify-content:center;min-width:44px}.text-button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:900px){.app{padding-inline:32px}.stage{width:min(100%,760px);margin-inline:auto}.settings{border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin:0;padding:8px 32px 12px}.settings>.trainer{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.beat.active{scale:none}.ictus.active{transform:none}}.no-engraved .metronome-mark{font-size:min(5rem, calc((100cqi - 2 * var(--step) - 16px) / 1.9));padding-block:0;line-height:1}.no-engraved .mark-note,.no-engraved .mark-equals{display:none}.no-engraved .time-signature{font-size:1.5rem;line-height:1}.no-engraved .caption-meter{font-size:.8125rem;line-height:1}.tuplet-plain,.no-engraved .tuplet{display:none}.no-engraved .tuplet-plain{display:inline}@media (forced-colors:active){.pattern-path,.tick{fill:canvastext}.ictus{stroke:canvastext}.baton{forced-color-adjust:none;fill:highlight;stroke:canvas}.ripple,.ripple[data-level]{stroke:highlight}.beat{border-color:canvastext}.beat[data-level=accent]{forced-color-adjust:none;color:canvas;background:canvastext;border-color:canvastext}.beat.active,.beat.active[data-level]{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.step,.secondary,.segment,.select,.trainer-grid input,.language{border-color:buttontext}.primary{box-shadow:none;border:2px solid buttontext}#trainer-toggle[aria-pressed=true],.language a[aria-current=page]{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.segment:has(input:checked){forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.slider::-webkit-slider-runnable-track{border:1px solid canvastext}.slider::-moz-range-track{border:1px solid canvastext}.slider::-webkit-slider-thumb{forced-color-adjust:none;background:buttontext;border-color:buttonface}.slider::-moz-range-thumb{forced-color-adjust:none;background:buttontext;border-color:buttonface}.ruler .slider::-webkit-slider-thumb{background:buttontext;border-color:buttonface}.ruler .slider::-moz-range-thumb{background:buttontext;border-color:buttonface}.time-signature{forced-color-adjust:none;color:canvastext}.slider:focus-visible::-webkit-slider-thumb{outline-color:highlight}.slider:focus-visible::-moz-range-thumb{outline-color:highlight}:is(:focus-visible,.segment:has(input:focus-visible)){outline-color:canvastext}}