[data-v-f22062fa]:root{--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);--text-muted: rgba(255, 255, 255, .56);--text-faint: rgba(255, 255, 255, .32);--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)}[data-theme=light][data-v-f22062fa],.light[data-v-f22062fa]{--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);--text-muted: rgba(0, 0, 0, .58);--text-faint: rgba(0, 0, 0, .34);--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)}@keyframes tacticalIn-f22062fa{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.metronome-tool[data-v-f22062fa]{color:#fff;font-family:cn-custom,system-ui,sans-serif}.pt-header[data-v-f22062fa],.metro-stage[data-v-f22062fa],.metro-controls[data-v-f22062fa],.footer-wrap[data-v-f22062fa]{animation:tacticalIn-f22062fa .4s cubic-bezier(.2,.8,.2,1) both}.metro-stage[data-v-f22062fa]{animation-delay:.1s}.metro-controls[data-v-f22062fa]{animation-delay:.15s}.footer-wrap[data-v-f22062fa]{animation-delay:.25s}.pt-header[data-v-f22062fa]{margin-bottom:.66667rem;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:.66667rem}.pt-header__tag[data-v-f22062fa]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.46667rem;color:#3276fe;letter-spacing:.1em;margin-bottom:.4rem;cursor:pointer;position:relative;transition:color .2s ease,margin .2s ease;-webkit-user-select:none;user-select:none}.pt-header__tag[data-v-f22062fa]:before{content:"// "}.pt-header__tag[data-v-f22062fa]:hover{color:#e8284a;margin-left:-.13333rem}.pt-header__tag[data-v-f22062fa]:hover:before{content:"<< ";color:#e8284a}.pt-header__title[data-v-f22062fa]{font-size:1.4rem;font-family:cn-custom;letter-spacing:.05em;margin:0 0 .4rem}.pt-header__sub[data-v-f22062fa]{font-size:.53333rem;color:#ffffff73;margin:0;display:flex;justify-content:space-between;align-items:center;gap:.6rem}.pt-header__motto[data-v-f22062fa]{font-family:alibaba-puhuiti,monospace;font-size:.46667rem;color:#ffffff26;white-space:nowrap}.pt-grid[data-v-f22062fa]{display:grid;grid-template-columns:5fr 2fr;gap:1rem 0;align-items:stretch}.pt-panel[data-v-f22062fa],.right-panel[data-v-f22062fa]{position:relative;min-height:20rem;display:flex;flex-direction:column}.pt-panel[data-v-f22062fa]{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-f22062fa]{background:#140a0c;border:1px solid rgba(255,255,255,.07);padding:1rem}.corner[data-v-f22062fa],.corner-img[data-v-f22062fa]{position:absolute;width:.4rem;height:.4rem;pointer-events:none;z-index:5}.corner--tl[data-v-f22062fa],.corner-img--tl[data-v-f22062fa]{top:-1px;left:-1px;border-top:.06667rem solid #e8284a;border-left:.06667rem solid #e8284a}.corner--tr[data-v-f22062fa],.corner-img--tr[data-v-f22062fa]{top:-1px;right:-1px;border-top:.06667rem solid #e8284a;border-right:.06667rem solid #e8284a}.corner--bl[data-v-f22062fa],.corner-img--bl[data-v-f22062fa]{bottom:-1px;left:-1px;border-bottom:.06667rem solid #e8284a;border-left:.06667rem solid #e8284a}.corner--br[data-v-f22062fa],.corner-img--br[data-v-f22062fa]{bottom:-1px;right:-1px;border-bottom:.06667rem solid #e8284a;border-right:.06667rem solid #e8284a}.corner.corner-img.corner--tl[data-v-f22062fa],.corner-img.corner-img.corner--tl[data-v-f22062fa]{top:.33333rem;left:.33333rem;border-color:#50505076}.corner.corner-img.corner--tr[data-v-f22062fa],.corner-img.corner-img.corner--tr[data-v-f22062fa]{top:.33333rem;right:.33333rem;border-color:#50505076}.corner.corner-img.corner--bl[data-v-f22062fa],.corner-img.corner-img.corner--bl[data-v-f22062fa]{bottom:.33333rem;left:.33333rem;border-color:#50505076}.corner.corner-img.corner--br[data-v-f22062fa],.corner-img.corner-img.corner--br[data-v-f22062fa]{bottom:.33333rem;right:.33333rem;border-color:#50505076}.metro-stage[data-v-f22062fa]{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-f22062fa]{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-f22062fa]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;color:#ffffff73;font-size:.46667rem}.tempo-readout strong[data-v-f22062fa]{font-family:Anton,sans-serif;font-size:5.33333rem;line-height:.8;color:#fff}.tempo-name[data-v-f22062fa]{text-align:right}.pendulum-wrap[data-v-f22062fa]{position:relative;width:min(16rem,80%);aspect-ratio:1 / .78;display:flex;justify-content:center;align-items:flex-end}.meter-arc[data-v-f22062fa]{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-f22062fa]{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-f22062fa]{animation:swing-f22062fa linear infinite alternate}.pendulum span[data-v-f22062fa]{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-f22062fa{0%{transform:rotate(-28deg)}to{transform:rotate(28deg)}}.pendulum-base[data-v-f22062fa]{width:3.06667rem;height:.6rem;background:#e8284a;box-shadow:0 0 .73333rem #e8284a73}.beat-row[data-v-f22062fa]{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-f22062fa]{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-f22062fa]{border-color:#e8284a8c}.beat-dot.active[data-v-f22062fa]{background:#e8284a;border-color:#e8284a;transform:scale(1.45);box-shadow:0 0 .6rem #e8284ab3}.pt-panel-title[data-v-f22062fa],.control-item[data-v-f22062fa],.toggle-row[data-v-f22062fa]{color:#ffffff73}.pt-panel-title span[data-v-f22062fa],.control-item span[data-v-f22062fa],.toggle-row span[data-v-f22062fa],.pt-panel-title strong[data-v-f22062fa],.control-item strong[data-v-f22062fa],.toggle-row strong[data-v-f22062fa]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.46667rem}.crystal-container[data-v-f22062fa]{position:absolute;bottom:.5rem;right:1.06667rem;z-index:1}.pt-panel-title[data-v-f22062fa]{display:flex;justify-content:space-between;gap:.4rem;font-size:.46667rem;margin-bottom:.8rem}.transport-row[data-v-f22062fa]{display:grid;grid-template-columns:1fr auto;gap:.33333rem;margin-bottom:.6rem}.transport-btn[data-v-f22062fa],.pt-btn[data-v-f22062fa],.preset-btn[data-v-f22062fa]{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-f22062fa],.pt-btn span[data-v-f22062fa],.preset-btn span[data-v-f22062fa]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:center}.transport-btn[data-v-f22062fa]:hover,.pt-btn[data-v-f22062fa]:hover,.preset-btn[data-v-f22062fa]:hover,.transport-btn.active[data-v-f22062fa],.pt-btn.active[data-v-f22062fa],.preset-btn.active[data-v-f22062fa]{border-color:#e8284a;color:#e8284a;background:rgba(232,40,74,.15)}.transport-btn[data-v-f22062fa]{padding:.4rem;background:#e8284a;border-color:#e8284a;color:#fff}.transport-btn span[data-v-f22062fa]{font-size:.6rem;font-weight:700}.tap-btn[data-v-f22062fa]{padding:.4rem}.pt-btn[data-v-f22062fa]{padding:.2rem .4rem}.pt-btn span[data-v-f22062fa]{font-size:.46667rem}.control-item[data-v-f22062fa]{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-f22062fa]{color:#fff}input[type=range][data-v-f22062fa]{width:100%;accent-color:#e8284a}.stepper-row[data-v-f22062fa],.preset-grid[data-v-f22062fa],.meter-grid[data-v-f22062fa],.sound-grid[data-v-f22062fa]{display:grid;gap:.2rem;margin-bottom:.26667rem}.stepper-row[data-v-f22062fa]{margin-bottom:.16667rem;grid-template-columns:repeat(4,1fr)}.preset-grid[data-v-f22062fa]{margin-bottom:0;grid-template-columns:repeat(3,1fr)}.meter-grid[data-v-f22062fa]{grid-template-columns:repeat(4,1fr)}.sound-grid[data-v-f22062fa]{grid-template-columns:repeat(3,1fr)}.control-section-title[data-v-f22062fa]{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-f22062fa]:before{content:"";width:.46667rem;height:.06667rem;background:#e8284a}.preset-btn[data-v-f22062fa]{padding:.33333rem;text-align:center}.preset-btn span[data-v-f22062fa]{font-size:.46667rem}.toggle-row[data-v-f22062fa]{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-f22062fa]{accent-color:#e8284a}@media (max-width: 900px){.pt-grid[data-v-f22062fa]{grid-template-columns:1fr}.pt-panel[data-v-f22062fa],.right-panel[data-v-f22062fa]{min-height:16rem}.pt-header__sub[data-v-f22062fa]{align-items:flex-start;flex-direction:column;gap:.26667rem}}@media (max-width: 600px){.pt-header__title[data-v-f22062fa]{font-size:1.06667rem}.tempo-readout[data-v-f22062fa]{grid-template-columns:1fr;gap:.26667rem;text-align:center}.tempo-readout strong[data-v-f22062fa]{font-size:3.73333rem}.tempo-name[data-v-f22062fa]{text-align:center}.pendulum-wrap[data-v-f22062fa]{width:100%}.stepper-row[data-v-f22062fa],.preset-grid[data-v-f22062fa],.meter-grid[data-v-f22062fa],.sound-grid[data-v-f22062fa]{grid-template-columns:repeat(2,1fr)}}