.MetronomeTool-module__6spesG__card{--metro-ink:#f4f7ff;--metro-muted:#8390aa;--metro-blue:#7b8cff;--metro-cyan:#68e6ef;isolation:isolate;width:min(100%,860px);margin:var(--space-8) auto var(--space-16);color:var(--metro-ink);background:radial-gradient(at 50% 40%,#38468f40,#0000 48%),linear-gradient(145deg,#11182b 0%,#0b1020 58%,#101629 100%);border:1px solid #a0aeda2b;border-radius:28px;padding:clamp(22px,4.5vw,42px);position:relative;overflow:hidden;box-shadow:0 30px 90px #0f19463b,inset 0 1px #ffffff0f}.MetronomeTool-module__6spesG__topline,.MetronomeTool-module__6spesG__identity,.MetronomeTool-module__6spesG__status,.MetronomeTool-module__6spesG__signatureControl,.MetronomeTool-module__6spesG__actions{align-items:center;display:flex}.MetronomeTool-module__6spesG__topline{z-index:2;justify-content:space-between;gap:20px;position:relative}.MetronomeTool-module__6spesG__identity{gap:12px}.MetronomeTool-module__6spesG__brandMark{color:#a7b1ff;background:#7080ff1f;border:1px solid #7b8cff59;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.MetronomeTool-module__6spesG__eyebrow{color:#b7c0d9;letter-spacing:.15em;margin:0 0 4px;font-size:10px;font-weight:800}.MetronomeTool-module__6spesG__status{color:var(--metro-muted);letter-spacing:.14em;gap:8px;font-size:9px;font-weight:750}.MetronomeTool-module__6spesG__statusDot,.MetronomeTool-module__6spesG__statusDotLive{background:#59647c;border-radius:50%;width:7px;height:7px}.MetronomeTool-module__6spesG__statusDotLive{background:#4de3b0;box-shadow:0 0 12px #4de3b0cc}.MetronomeTool-module__6spesG__signatureControl{color:var(--metro-muted);letter-spacing:.12em;gap:11px;font-size:9px;font-weight:750}.MetronomeTool-module__6spesG__signatureControl select{min-height:38px;color:var(--metro-ink);cursor:pointer;background-color:#ffffff0e;border:1px solid #a0aeda33;border-radius:10px;outline:none;padding:0 34px 0 13px;font-family:inherit;font-size:13px;font-weight:600}.MetronomeTool-module__6spesG__signatureControl select:focus-visible{border-color:var(--metro-blue);box-shadow:0 0 0 3px #7b8cff2e}.MetronomeTool-module__6spesG__visualizer{background:radial-gradient(#5164c61c,#080d1b38 64%);border:1px solid #8999ce1a;border-radius:20px;place-items:center;height:clamp(220px,37vw,310px);margin:27px -10px 0;display:grid;position:relative;overflow:hidden}.MetronomeTool-module__6spesG__visualizerGrid{opacity:.31;background-image:linear-gradient(#95a4d114 1px,#0000 1px),linear-gradient(90deg,#95a4d114 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.MetronomeTool-module__6spesG__orbit{aspect-ratio:1;width:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.MetronomeTool-module__6spesG__orbit span{border:1px solid #7f94ff2b;border-radius:50%;position:absolute;inset:0;transform:scale(.7)}.MetronomeTool-module__6spesG__orbit span:nth-child(2){border-color:#73c0e821;transform:scale(.88)}.MetronomeTool-module__6spesG__orbit span:nth-child(3){border-color:#7f94ff17;transform:scale(1.08)}.MetronomeTool-module__6spesG__orbitPulse{z-index:1;aspect-ratio:1;opacity:0;border:1px solid #71deef73;border-radius:50%;width:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.55)}.MetronomeTool-module__6spesG__pulseNow{animation:.62s cubic-bezier(.12,.68,.25,1) both MetronomeTool-module__6spesG__pulse-ring}.MetronomeTool-module__6spesG__pulseCore{z-index:3;aspect-ratio:1;background:#82e9f2;border-radius:50%;place-items:center;width:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 13px 4px #68e6ef7a,0 0 50px #5da5ff6b}.MetronomeTool-module__6spesG__pulseCore span{border:1px solid #68e6ef4f;border-radius:50%;position:absolute;inset:-11px}.MetronomeTool-module__6spesG__pulseCore .MetronomeTool-module__6spesG__coreAccent{border-color:#ffc070b8;box-shadow:0 0 18px #ffb25866}.MetronomeTool-module__6spesG__visualizerLive .MetronomeTool-module__6spesG__pulseCore{animation:.62s ease-in-out infinite alternate MetronomeTool-module__6spesG__core-beat}.MetronomeTool-module__6spesG__visualizerLive .MetronomeTool-module__6spesG__pulseCore:has(.MetronomeTool-module__6spesG__coreAccent){background:#ffd18c;box-shadow:0 0 18px 6px #ffbd6d9e,0 0 56px #ff98575e}.MetronomeTool-module__6spesG__waveform{z-index:2;opacity:.64;position:absolute;inset:22% -6%}.MetronomeTool-module__6spesG__waveform svg{width:100%;height:100%;overflow:visible}.MetronomeTool-module__6spesG__waveform path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.MetronomeTool-module__6spesG__waveBack{stroke:#747cff;stroke-width:1.4px;opacity:.58}.MetronomeTool-module__6spesG__waveMid{stroke:#48cadc;stroke-width:1.35px;opacity:.55}.MetronomeTool-module__6spesG__waveFront{stroke:#c2c9ff;stroke-width:2.1px;opacity:.82;filter:drop-shadow(0 0 5px #8ba3ffc2)}.MetronomeTool-module__6spesG__waveformLive .MetronomeTool-module__6spesG__waveBack{animation:MetronomeTool-module__6spesG__wave-beat var(--beat-duration,.5s) ease-out both;transform-origin:50%}.MetronomeTool-module__6spesG__waveformLive .MetronomeTool-module__6spesG__waveMid{animation:MetronomeTool-module__6spesG__wave-beat var(--beat-duration,.5s) ease-out both;transform-origin:50%;animation-delay:12ms}.MetronomeTool-module__6spesG__waveformLive .MetronomeTool-module__6spesG__waveFront{animation:MetronomeTool-module__6spesG__wave-beat var(--beat-duration,.5s) ease-out both;transform-origin:50%;animation-delay:24ms}.MetronomeTool-module__6spesG__visualizerLabel{color:#8e9ab8;letter-spacing:.14em;align-items:center;gap:8px;font-size:9px;font-weight:750;display:flex;position:absolute;bottom:16px;left:18px}.MetronomeTool-module__6spesG__visualizerLabel span{color:#d4dbf2}.MetronomeTool-module__6spesG__visualizerLabel i{background:#6c7a9b;border-radius:50%;width:3px;height:3px}.MetronomeTool-module__6spesG__beatTrack{gap:7px;margin:15px -10px 24px;padding:0 10px;display:flex}.MetronomeTool-module__6spesG__beatCell{color:#77839e;background:#ffffff06;border:1px solid #94a1c81f;border-radius:8px;flex:1;justify-content:space-between;align-items:center;min-width:0;height:34px;padding:0 10px;transition:color .12s,background .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.MetronomeTool-module__6spesG__beatCell span{z-index:1;letter-spacing:.08em;font-size:9px;font-weight:750;position:relative}.MetronomeTool-module__6spesG__beatCell i{background:#586681;border-radius:50%;width:4px;height:4px}.MetronomeTool-module__6spesG__accentCell{color:#a7b2ff}.MetronomeTool-module__6spesG__accentCell i{background:#788aff}.MetronomeTool-module__6spesG__cellActive{color:#eefcff;background:#55cae01a;border-color:#67e0ed70;box-shadow:inset 0 0 18px #5ad8eb12}.MetronomeTool-module__6spesG__cellActive i{background:#71e5ed;box-shadow:0 0 10px #71e5ed}.MetronomeTool-module__6spesG__cellActive.MetronomeTool-module__6spesG__accentCell{background:#ffb25b1a;border-color:#ffc17380}.MetronomeTool-module__6spesG__cellActive.MetronomeTool-module__6spesG__accentCell i{background:#ffc273;box-shadow:0 0 10px #ffc273}.MetronomeTool-module__6spesG__controlDeck{border-top:1px solid #94a1c821;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding:24px 0 0;display:grid}.MetronomeTool-module__6spesG__tempo{flex-direction:column;min-width:0;display:flex}.MetronomeTool-module__6spesG__tempo>label{color:#a8b3ce;letter-spacing:.12em;font-size:9px;font-weight:800}.MetronomeTool-module__6spesG__tempo>label span{color:#68758f;font-weight:600}.MetronomeTool-module__6spesG__bpmReadout{align-items:baseline;gap:9px;margin:4px 0 9px;display:flex}.MetronomeTool-module__6spesG__bpmReadout input{color:#f5f7ff;font-variant-numeric:tabular-nums;letter-spacing:-.055em;background:0 0;border:0;outline:0;width:145px;padding:0;font-size:clamp(3.1rem,8vw,4.7rem);font-weight:680;line-height:1}.MetronomeTool-module__6spesG__bpmReadout input:focus-visible{text-shadow:0 0 18px #8190ff8c}.MetronomeTool-module__6spesG__bpmReadout input::-webkit-inner-spin-button{appearance:none;margin:0}.MetronomeTool-module__6spesG__bpmReadout input::-webkit-outer-spin-button{appearance:none;margin:0}.MetronomeTool-module__6spesG__bpmReadout span{color:#818eaa;letter-spacing:.12em;font-size:11px;font-weight:750}.MetronomeTool-module__6spesG__slider{accent-color:#8290ff;cursor:pointer;width:100%}.MetronomeTool-module__6spesG__rangeLabels{color:#75819b;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.MetronomeTool-module__6spesG__actions{flex-wrap:wrap;justify-content:flex-end;gap:9px}.MetronomeTool-module__6spesG__playButton,.MetronomeTool-module__6spesG__tapButton{color:#f8faff;min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:12px;font-weight:700;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.MetronomeTool-module__6spesG__playButton{background:linear-gradient(110deg,#6579ff,#8270ee);min-width:170px;box-shadow:0 8px 24px #6270f340,inset 0 1px #fff3}.MetronomeTool-module__6spesG__playButton:hover{background:linear-gradient(110deg,#7486ff,#907ff7);transform:translateY(-1px)}.MetronomeTool-module__6spesG__tapButton{background:#ffffff0b;border-color:#94a1c82e}.MetronomeTool-module__6spesG__tapButton:hover{background:#7b8cff1a;border-color:#8b9bff7a;transform:translateY(-1px)}.MetronomeTool-module__6spesG__playButton:focus-visible,.MetronomeTool-module__6spesG__tapButton:focus-visible{outline-offset:3px;outline:3px solid #7b8cff8c}.MetronomeTool-module__6spesG__hint{color:#77839d;text-align:center;margin:17px 0 0;font-size:10px;line-height:1.7}.MetronomeTool-module__6spesG__hint span{color:#4e5b76;padding:0 5px}.MetronomeTool-module__6spesG__error{color:#ff9a9a;text-align:center;margin:12px 0 0;font-size:12px}@keyframes MetronomeTool-module__6spesG__pulse-ring{0%{opacity:.88;transform:translate(-50%,-50%)scale(.55)}to{opacity:0;transform:translate(-50%,-50%)scale(3.3)}}@keyframes MetronomeTool-module__6spesG__core-beat{0%{transform:translate(-50%,-50%)scale(.9)}to{transform:translate(-50%,-50%)scale(1.06)}}@keyframes MetronomeTool-module__6spesG__wave-beat{0%{opacity:.5;transform:scaleY(.74)translate(-.7%)}22%{opacity:1;transform:scaleY(1.16)translate(.25%)}to{opacity:.62;transform:scaleY(.86)translate(.7%)}}@media (max-width:640px){.MetronomeTool-module__6spesG__card{border-radius:20px;padding:20px 16px}.MetronomeTool-module__6spesG__topline{align-items:flex-start}.MetronomeTool-module__6spesG__signatureControl{flex-direction:column;align-items:flex-end;gap:5px}.MetronomeTool-module__6spesG__visualizer{height:235px;margin:20px -6px 0}.MetronomeTool-module__6spesG__orbit{width:145px}.MetronomeTool-module__6spesG__waveform{inset:24% -20%}.MetronomeTool-module__6spesG__beatTrack{gap:4px;margin-left:-6px;margin-right:-6px;padding:0 6px}.MetronomeTool-module__6spesG__beatCell{justify-content:center;height:30px;padding:0 4px}.MetronomeTool-module__6spesG__beatCell i{display:none}.MetronomeTool-module__6spesG__controlDeck{grid-template-columns:1fr;gap:20px;padding-top:20px}.MetronomeTool-module__6spesG__tempo{width:100%;max-width:380px;margin:0 auto}.MetronomeTool-module__6spesG__bpmReadout{justify-content:center}.MetronomeTool-module__6spesG__actions{justify-content:stretch}.MetronomeTool-module__6spesG__playButton,.MetronomeTool-module__6spesG__tapButton{flex:1;padding:0 10px}}@media (max-width:390px){.MetronomeTool-module__6spesG__eyebrow,.MetronomeTool-module__6spesG__status{font-size:8px}.MetronomeTool-module__6spesG__brandMark{width:36px;height:36px}.MetronomeTool-module__6spesG__signatureControl{font-size:8px}.MetronomeTool-module__6spesG__hint span{padding:0 2px}}@media (prefers-reduced-motion:reduce){.MetronomeTool-module__6spesG__waveformLive path,.MetronomeTool-module__6spesG__visualizerLive .MetronomeTool-module__6spesG__pulseCore,.MetronomeTool-module__6spesG__pulseNow{animation:none}.MetronomeTool-module__6spesG__beatCell,.MetronomeTool-module__6spesG__playButton,.MetronomeTool-module__6spesG__tapButton{transition:none}}