[data-v-7968590a]:root{--mobile-screen-frame-size: 0px;--mobile-screen-frame-inline-size: 0px;--mobile-screen-frame-color: #000;--footer-com-inline-inset: 1.33333rem;--footer-com-mobile-inline-inset: 1rem;--page-inline-gutter: 6vw;--text-color: #fffff4;--bg-color: #000;--opacity-color: #ffffff7a;--opacity-color2: rgba(255, 255, 255, .1);--star-color: #f7f7b686;--surface-color: rgba(13, 9, 18, .82);--surface-color-solid: #0b070f;--surface-color-soft: rgba(255, 255, 255, .035);--surface-color-raised: rgba(20, 10, 18, .9);--surface-color-inset: #090406;--text-muted: rgba(255, 255, 255, .56);--text-faint: rgba(255, 255, 255, .32);--text-ghost: rgba(255, 255, 255, .14);--border-color: rgba(255, 255, 255, .1);--border-color-strong: rgba(255, 255, 255, .22);--grid-line-color: rgba(255, 255, 255, .035);--shadow-color: rgba(0, 0, 0, .42);--shadow-color-soft: rgba(0, 0, 0, .18);--scanline-color: rgba(255, 255, 255, .04);--overlay-color: rgba(0, 0, 0, .58);--code-bg-color: #090406;--input-bg-color: rgba(9, 4, 6, .74);--panel-grid-bg: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px), #090406}@media screen and (max-aspect-ratio: 1){[data-v-7968590a]:root{--page-inline-gutter: clamp(1.8667rem, 8vw, 2.4rem)}}[data-theme=light][data-v-7968590a],.light[data-v-7968590a]{--text-color: #1f1f1f;--bg-color: #ffffff;--opacity-color: #00000075;--opacity-color2: rgba(0, 0, 0, .1);--star-color: #4400b986;--surface-color: rgba(255, 255, 255, .78);--surface-color-solid: #ffffff;--surface-color-soft: rgba(0, 0, 0, .035);--surface-color-raised: rgba(255, 255, 255, .92);--surface-color-inset: #f4f1ed;--text-muted: rgba(0, 0, 0, .58);--text-faint: rgba(0, 0, 0, .34);--text-ghost: rgba(0, 0, 0, .14);--border-color: rgba(0, 0, 0, .1);--border-color-strong: rgba(0, 0, 0, .2);--grid-line-color: rgba(0, 0, 0, .05);--shadow-color: rgba(20, 20, 20, .1);--shadow-color-soft: rgba(20, 20, 20, .08);--scanline-color: rgba(0, 0, 0, .035);--overlay-color: rgba(255, 255, 255, .62);--code-bg-color: #f7f4ef;--input-bg-color: rgba(255, 255, 255, .78);--panel-grid-bg: linear-gradient(rgba(0, 0, 0, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .035) 1px, transparent 1px), #f7f4ef}@keyframes tacticalIn-7968590a{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.metronome-tool[data-v-7968590a]{color:#fff;font-family:UnboundedSans,system-ui,sans-serif}.metro-stage[data-v-7968590a],.metro-controls[data-v-7968590a]{animation:tacticalIn-7968590a .4s cubic-bezier(.2,.8,.2,1) both}.metro-stage[data-v-7968590a]{animation-delay:.1s}.metro-controls[data-v-7968590a]{animation-delay:.15s}.pt-grid[data-v-7968590a]{display:grid;grid-template-columns:5fr 2fr;gap:1rem 0;align-items:stretch}.pt-panel[data-v-7968590a],.right-panel[data-v-7968590a]{position:relative;min-height:20rem;display:flex;flex-direction:column}.pt-panel[data-v-7968590a]{background:linear-gradient(150deg,#25252587 0%,rgba(68,5,18,.35) 100%);-webkit-backdrop-filter:blur(.13333rem);backdrop-filter:blur(.13333rem);padding:1rem;overflow:hidden}.right-panel[data-v-7968590a]{background:#140a0c;border:1px solid rgba(255,255,255,.07);padding:1rem}.corner[data-v-7968590a],.corner-img[data-v-7968590a]{position:absolute;width:.4rem;height:.4rem;pointer-events:none;z-index:5}.corner--tl[data-v-7968590a],.corner-img--tl[data-v-7968590a]{top:-1px;left:-1px;border-top:.06667rem solid #e8284a;border-left:.06667rem solid #e8284a}.corner--tr[data-v-7968590a],.corner-img--tr[data-v-7968590a]{top:-1px;right:-1px;border-top:.06667rem solid #e8284a;border-right:.06667rem solid #e8284a}.corner--bl[data-v-7968590a],.corner-img--bl[data-v-7968590a]{bottom:-1px;left:-1px;border-bottom:.06667rem solid #e8284a;border-left:.06667rem solid #e8284a}.corner--br[data-v-7968590a],.corner-img--br[data-v-7968590a]{bottom:-1px;right:-1px;border-bottom:.06667rem solid #e8284a;border-right:.06667rem solid #e8284a}.corner.corner-img.corner--tl[data-v-7968590a],.corner-img.corner-img.corner--tl[data-v-7968590a]{top:.33333rem;left:.33333rem;border-color:#50505076}.corner.corner-img.corner--tr[data-v-7968590a],.corner-img.corner-img.corner--tr[data-v-7968590a]{top:.33333rem;right:.33333rem;border-color:#50505076}.corner.corner-img.corner--bl[data-v-7968590a],.corner-img.corner-img.corner--bl[data-v-7968590a]{bottom:.33333rem;left:.33333rem;border-color:#50505076}.corner.corner-img.corner--br[data-v-7968590a],.corner-img.corner-img.corner--br[data-v-7968590a]{bottom:.33333rem;right:.33333rem;border-color:#50505076}.metro-stage[data-v-7968590a]{align-items:center;justify-content:space-between;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 36%,rgba(232,40,74,.18),transparent 42%),#090406;background-size:1.2rem 1.2rem,1.2rem 1.2rem,auto,auto}.tempo-readout[data-v-7968590a]{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:.6rem;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:.6rem}.tempo-readout span[data-v-7968590a]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;color:#ffffff73;font-size:.46667rem}.tempo-readout strong[data-v-7968590a]{font-family:Anton,sans-serif;font-size:5.33333rem;line-height:.8;color:#fff}.tempo-name[data-v-7968590a]{text-align:right}.pendulum-wrap[data-v-7968590a]{position:relative;width:min(16rem,80%);aspect-ratio:1 / .78;display:flex;justify-content:center;align-items:flex-end}.meter-arc[data-v-7968590a]{position:absolute;top:0;right:0;bottom:18%;left:0;border-top:1px solid rgba(255,255,255,.18);border-radius:50% 50% 0 0}.pendulum[data-v-7968590a]{position:absolute;bottom:.66667rem;width:.13333rem;height:86%;background:linear-gradient(#e8284a,rgba(255,255,255,.6));transform-origin:bottom center;transform:rotate(-28deg)}.pendulum.active[data-v-7968590a]{animation:swing-7968590a linear infinite alternate}.pendulum span[data-v-7968590a]{position:absolute;top:22%;left:50%;width:1.13333rem;height:1.13333rem;transform:translate(-50%);background:#e8284a;box-shadow:0 0 .93333rem #e8284ab8}@keyframes swing-7968590a{0%{transform:rotate(-28deg)}to{transform:rotate(28deg)}}.pendulum-base[data-v-7968590a]{width:3.06667rem;height:.6rem;background:#e8284a;box-shadow:0 0 .73333rem #e8284a73}.beat-row[data-v-7968590a]{width:100%;display:flex;justify-content:center;gap:.46667rem;border-top:1px solid rgba(255,255,255,.07);padding-top:.73333rem}.beat-dot[data-v-7968590a]{width:.46667rem;height:.46667rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.08);transition:all .08s linear}.beat-dot.accent[data-v-7968590a]{border-color:#e8284a8c}.beat-dot.active[data-v-7968590a]{background:#e8284a;border-color:#e8284a;transform:scale(1.45);box-shadow:0 0 .6rem #e8284ab3}.pt-panel-title[data-v-7968590a],.control-item[data-v-7968590a],.toggle-row[data-v-7968590a]{color:#ffffff73}.pt-panel-title span[data-v-7968590a],.control-item span[data-v-7968590a],.toggle-row span[data-v-7968590a],.pt-panel-title strong[data-v-7968590a],.control-item strong[data-v-7968590a],.toggle-row strong[data-v-7968590a]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.46667rem}.pt-panel-title[data-v-7968590a]{display:flex;justify-content:space-between;gap:.4rem;font-size:.46667rem;margin-bottom:.8rem}.transport-row[data-v-7968590a]{display:grid;grid-template-columns:1fr auto;gap:.33333rem;margin-bottom:.6rem}.transport-btn[data-v-7968590a],.pt-btn[data-v-7968590a],.preset-btn[data-v-7968590a]{background:transparent;border:1px solid rgba(255,255,255,.07);color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.transport-btn span[data-v-7968590a],.pt-btn span[data-v-7968590a],.preset-btn span[data-v-7968590a]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:center}.transport-btn[data-v-7968590a]:hover,.pt-btn[data-v-7968590a]:hover,.preset-btn[data-v-7968590a]:hover,.transport-btn.active[data-v-7968590a],.pt-btn.active[data-v-7968590a],.preset-btn.active[data-v-7968590a]{border-color:#e8284a;color:#e8284a;background:rgba(232,40,74,.15)}.transport-btn[data-v-7968590a]{padding:.4rem;background:#e8284a;border-color:#e8284a;color:#fff}.transport-btn span[data-v-7968590a]{font-size:.6rem;font-weight:700}.tap-btn[data-v-7968590a]{padding:.4rem}.pt-btn[data-v-7968590a]{padding:.2rem .4rem}.pt-btn span[data-v-7968590a]{font-size:.46667rem}.control-item[data-v-7968590a]{border:1px solid rgba(255,255,255,.07);background:rgba(9,4,6,.74);padding:.46667rem;display:grid;gap:.33333rem;margin-bottom:.46667rem}.control-item strong[data-v-7968590a]{color:#fff}input[type=range][data-v-7968590a]{width:100%;accent-color:#e8284a}.stepper-row[data-v-7968590a],.preset-grid[data-v-7968590a],.meter-grid[data-v-7968590a],.sound-grid[data-v-7968590a]{display:grid;gap:.2rem;margin-bottom:.26667rem}.stepper-row[data-v-7968590a]{margin-bottom:.16667rem;grid-template-columns:repeat(4,1fr)}.preset-grid[data-v-7968590a]{margin-bottom:0;grid-template-columns:repeat(3,1fr)}.meter-grid[data-v-7968590a]{grid-template-columns:repeat(4,1fr)}.sound-grid[data-v-7968590a]{grid-template-columns:repeat(3,1fr)}.control-section-title[data-v-7968590a]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;display:flex;align-items:center;gap:.26667rem;color:#e8284a;font-size:.46667rem;letter-spacing:.14em;margin:.6rem 0 .33333rem}.control-section-title[data-v-7968590a]:before{content:"";width:.46667rem;height:.06667rem;background:#e8284a}.preset-btn[data-v-7968590a]{padding:.33333rem;text-align:center}.preset-btn span[data-v-7968590a]{font-size:.46667rem}.toggle-row[data-v-7968590a]{display:flex;align-items:center;gap:.33333rem;border:1px solid rgba(255,255,255,.07);padding:.4rem;margin-bottom:.46667rem;cursor:pointer}.toggle-row input[data-v-7968590a]{accent-color:#e8284a}@media (max-width: 900px){.pt-grid[data-v-7968590a]{grid-template-columns:1fr}.pt-panel[data-v-7968590a],.right-panel[data-v-7968590a]{min-height:16rem}}@media (max-width: 600px){.tempo-readout[data-v-7968590a]{grid-template-columns:1fr;gap:.26667rem;text-align:center}.tempo-readout strong[data-v-7968590a]{font-size:3.73333rem}.tempo-name[data-v-7968590a]{text-align:center}.pendulum-wrap[data-v-7968590a]{width:100%}.stepper-row[data-v-7968590a],.preset-grid[data-v-7968590a],.meter-grid[data-v-7968590a],.sound-grid[data-v-7968590a]{grid-template-columns:repeat(2,1fr)}}