.mtr-stage{--font-display: "Inter Tight", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--white: #FFFFFF}.mtr-stage{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 24px;border-radius:8px}.mtr-stage.stage-dark{background:#06080f}.mtr-stage.stage-light{background:var(--paper)}.mtr-frame{border-radius:4px;overflow:hidden;transition:box-shadow .35s ease}.mtr-stage.stage-dark .mtr-frame{box-shadow:0 40px 100px -30px #000c,0 0 0 1px var(--line)}.mtr-stage.stage-light .mtr-frame{box-shadow:0 30px 70px -34px #14132a66,0 0 0 1px var(--paper-line)}.mtr-toprow{display:flex;align-items:center;justify-content:space-between;gap:16px}.mtr-brand{display:flex;align-items:center;gap:11px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;transition:color .35s ease}.mtr-brand b{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:16px;text-transform:none}.stage-dark .mtr-brand{color:var(--text-mute)}.stage-light .mtr-brand{color:var(--paper-text-mute)}.stage-dark .mtr-brand b{color:var(--text)}.stage-light .mtr-brand b{color:var(--paper-text)}.mtr-mode{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:4px;transition:background-color .35s,box-shadow .35s}.stage-dark .mtr-mode{background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line-2)}.stage-light .mtr-mode{background:var(--white);box-shadow:inset 0 0 0 1px var(--paper-line-2)}.mtr-mode button{border:0;cursor:pointer;background:transparent;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:3px;font-family:var(--font-body);font-weight:600;font-size:13px;transition:background .15s,color .15s}.mtr-mode button svg{width:15px;height:15px}.stage-dark .mtr-mode button{color:var(--text-mute)}.stage-light .mtr-mode button{color:var(--paper-text-mute)}.stage-dark .mtr-mode button.active{background:#ffffff1a;color:var(--text)}.stage-light .mtr-mode button.active{background:var(--ink);color:var(--text)}.mtr *{box-sizing:border-box}.mtr{font-family:var(--font-body);-webkit-font-smoothing:antialiased;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mtr-eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}.mtr-eyebrow:before{content:"";width:6px;height:6px;display:inline-block}.mtr-orb-wrap{position:relative;display:flex;align-items:center;justify-content:center}.mtr-orb{aspect-ratio:1;border-radius:50%;position:relative;z-index:2;transform:scale(1);transition:transform .42s cubic-bezier(.22,.61,.36,1);background:radial-gradient(circle at 50% 50%,transparent 60%,rgba(255,170,140,.95) 72%,rgba(255,120,140,.85) 82%,rgba(150,180,235,.85) 95%,rgba(140,200,235,.7) 100%),radial-gradient(circle at 28% 28%,rgba(255,70,80,.75) 0%,transparent 22%),radial-gradient(circle at 72% 80%,rgba(80,220,120,.75) 0%,transparent 24%),radial-gradient(circle at 50% 88%,transparent 36%,rgba(232,236,108,.9) 41%,rgba(110,230,120,1) 46%,rgba(180,232,128,.85) 51%,transparent 55%),radial-gradient(circle at 50% 50%,transparent 26%,rgba(80,220,235,.8) 36%,transparent 50%),radial-gradient(circle at 50% 56%,#E0D2FF 0%,#B198FF 14%,transparent 32%),radial-gradient(circle at 50% 52%,#4A8BFF 18%,#1845E8 38%,#082AC8 58%,transparent 75%),radial-gradient(circle at 50% 50%,#0a1a55,#050618);box-shadow:0 0 0 1px #ffffff14,0 30px 80px -16px #0009,0 0 60px -10px #5050ff4d}.mtr-orb.beat{transform:scale(1.07);transition:transform .07s ease-out}.mtr-orb.accent{transform:scale(1.13);transition:transform .07s ease-out}.mtr-ripple{position:absolute;inset:0;border-radius:50%;border:2px solid var(--mint);opacity:0;pointer-events:none;z-index:1}.mtr-ripple.go{animation:mtr-ripple-kf .6s ease-out forwards}.mtr-ripple.accent{border-color:var(--magenta);border-width:3px}@keyframes mtr-ripple-kf{0%{transform:scale(1);opacity:.9}to{transform:scale(1.42);opacity:0}}.mtr-orb-glow{position:absolute;inset:-18%;border-radius:50%;z-index:0;filter:blur(34px);background:radial-gradient(circle,rgba(74,107,217,.4),transparent 66%);opacity:.5;transition:opacity .4s ease}.mtr-orb-glow.lit{opacity:.95}.mtr-orb-glow.accent{background:radial-gradient(circle,rgba(226,106,174,.5),transparent 66%)}.mtr-beats{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;align-items:center}.mtr-beats.tight{gap:5px}.mtr-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;transition:background .12s ease,transform .1s ease,box-shadow .12s ease}.mtr-dot.on{transform:scale(1.28)}.mtr-dot.accent-dot.on{box-shadow:0 0 10px currentColor}.mtr-bpm-num{font-family:var(--font-display);font-weight:600;letter-spacing:-.045em;line-height:.9}.mtr-bpm-unit{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.mtr-tempo-name{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.mtr-stepper{display:flex;align-items:center;gap:0;border-radius:4px}.mtr-step-btn{width:46px;height:46px;flex:0 0 auto;border:0;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,opacity .15s}.mtr-step-btn:active{transform:translateY(.5px)}.mtr-bpm-input{width:108px;text-align:center;border:0;background:transparent;font-family:var(--font-display);font-weight:600;letter-spacing:-.04em;font-size:40px;line-height:1;outline:none;-moz-appearance:textfield}.mtr-bpm-input::-webkit-outer-spin-button,.mtr-bpm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mtr-seg{display:flex;gap:0;border-radius:4px;overflow:hidden}.mtr-seg-btn{flex:1 1 0;min-width:0;border:0;cursor:pointer;padding:9px 4px;font-family:var(--font-body);font-weight:600;font-size:12.5px;line-height:1.1;transition:background .15s,color .15s;white-space:nowrap}.mtr-seg-glyph{font-size:15px;display:block;margin-bottom:2px}.mtr-ts{display:inline-flex;align-items:center;gap:10px}.mtr-ts-val{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;font-size:26px;min-width:64px;text-align:center}.mtr-ts-val sub{font-weight:500;font-size:.62em;opacity:.55;letter-spacing:0}.mtr-ts-btn{width:34px;height:34px;border:0;border-radius:4px;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .15s,opacity .15s}.mtr-transport{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;border-radius:4px;font-family:var(--font-body);font-weight:600;font-size:16px;letter-spacing:-.005em;color:#fff;padding:0 26px;height:56px;min-width:160px;background:var(--grad-primary);transition:opacity .15s,transform .1s}.mtr-transport:hover{opacity:.92}.mtr-transport:active{transform:translateY(.5px)}.mtr-transport .ic{width:14px;height:14px;display:inline-block}.mtr-vol{display:flex;align-items:center;gap:12px}.mtr-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;outline:none;cursor:pointer;flex:1 1 auto}.mtr-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;cursor:pointer;border:0}.mtr-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:0;cursor:pointer}.mtr-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase}.theme-ink{background:var(--ink);color:var(--text)}.theme-ink .mtr-eyebrow{color:var(--text-mute)}.theme-ink .mtr-eyebrow:before{background:var(--mint)}.theme-ink .mtr-bg-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.theme-ink .mtr-bpm-num,.theme-ink .mtr-bpm-input{color:var(--text)}.theme-ink .mtr-tempo-name{color:var(--lavender)}.theme-ink .mtr-bpm-unit,.theme-ink .mtr-label{color:var(--text-mute)}.theme-ink .mtr-dot{background:#ffffff29}.theme-ink .mtr-dot.on{background:var(--mint);color:var(--mint)}.theme-ink .mtr-dot.accent-dot{background:#e26aae4d}.theme-ink .mtr-dot.accent-dot.on{background:var(--magenta);color:var(--magenta)}.theme-ink .mtr-panel{background:#ffffff08;border:1px solid var(--line);border-radius:4px}.theme-ink .mtr-stepper{background:#ffffff0a;border:1px solid var(--line-2)}.theme-ink .mtr-step-btn{background:transparent;color:var(--text)}.theme-ink .mtr-step-btn:hover{background:#ffffff12}.theme-ink .mtr-seg{border:1px solid var(--line-2);background:#ffffff08}.theme-ink .mtr-seg-btn{background:transparent;color:var(--text-mute);border-right:1px solid var(--line)}.theme-ink .mtr-seg-btn:last-child{border-right:0}.theme-ink .mtr-seg-btn.active{background:#8fe5b029;color:var(--mint)}.theme-ink .mtr-ts-val{color:var(--text)}.theme-ink .mtr-ts-btn{background:#ffffff0f;color:var(--text)}.theme-ink .mtr-ts-btn:hover{background:#ffffff1f}.theme-ink .mtr-range{background:#ffffff24}.theme-light{background:var(--white);color:var(--paper-text)}.theme-light .mtr-eyebrow{color:var(--paper-text-mute)}.theme-light .mtr-eyebrow:before{background:var(--mint-2)}.theme-light .mtr-bg-orb{position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none;z-index:0;opacity:.22}.theme-light .mtr-bpm-num,.theme-light .mtr-bpm-input{color:var(--paper-text)}.theme-light .mtr-tempo-name{color:var(--magenta-2)}.theme-light .mtr-bpm-unit,.theme-light .mtr-label{color:var(--paper-text-mute)}.theme-light .mtr-dot{background:#14132a24}.theme-light .mtr-dot.on{background:var(--mint-2);color:var(--mint-2)}.theme-light .mtr-dot.accent-dot{background:#c9468f40}.theme-light .mtr-dot.accent-dot.on{background:var(--magenta-2);color:var(--magenta-2)}.theme-light .mtr-stepper{background:var(--paper);border:1px solid var(--paper-line-2)}.theme-light .mtr-step-btn{background:transparent;color:var(--paper-text)}.theme-light .mtr-step-btn:hover{background:#14132a0d}.theme-light .mtr-seg{border:1px solid var(--paper-line-2);background:var(--paper)}.theme-light .mtr-seg-btn{background:transparent;color:var(--paper-text-soft);border-right:1px solid var(--paper-line)}.theme-light .mtr-seg-btn:last-child{border-right:0}.theme-light .mtr-seg-btn.active{background:var(--ink);color:var(--text)}.theme-light .mtr-ts-val{color:var(--paper-text)}.theme-light .mtr-ts-btn{background:#14132a0d;color:var(--paper-text)}.theme-light .mtr-ts-btn:hover{background:#14132a1a}.theme-light .mtr-range{background:#14132a29}.theme-light .mtr-range::-webkit-slider-thumb{background:var(--magenta-2)}.theme-light .mtr-range::-moz-range-thumb{background:var(--magenta-2)}@media(max-width:520px){.mtr-stage{padding:24px 12px}.mtr-frame{width:100%!important;height:auto!important;min-height:640px}}.hero[data-astro-cid-tw3nixcm]{position:relative;display:flex;align-items:center;color:var(--text);overflow:hidden;isolation:isolate}.hero-bg[data-astro-cid-tw3nixcm]{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 20% 30%,rgba(74,107,217,.4),transparent 55%),radial-gradient(circle at 80% 70%,rgba(226,106,174,.3),transparent 55%),linear-gradient(180deg,#0a0d1c,#11142a 60%,#1b1e3a)}.hero-glow[data-astro-cid-tw3nixcm]{position:absolute;width:820px;height:820px;border-radius:50%;background:radial-gradient(circle,rgba(226,106,174,.28),transparent 65%);filter:blur(40px);top:-320px;right:-200px;z-index:-1;pointer-events:none}.hero[data-astro-cid-tw3nixcm] .wrap[data-astro-cid-tw3nixcm]{position:relative;z-index:2;padding-top:72px;padding-bottom:56px}h1[data-astro-cid-tw3nixcm].sec-title{margin:18px 0 0;max-width:760px}.tool-links[data-astro-cid-tw3nixcm]{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.tools[data-astro-cid-tw3nixcm]{background:var(--ink);padding-bottom:96px}.tool[data-astro-cid-tw3nixcm]{padding-top:56px;scroll-margin-top:96px}.tool[data-astro-cid-tw3nixcm]+.tool[data-astro-cid-tw3nixcm]{padding-top:88px;border-top:1px solid var(--line);margin-top:16px}.tool-head[data-astro-cid-tw3nixcm]{max-width:680px}.sec-title[data-astro-cid-tw3nixcm].sm{font-size:clamp(28px,4vw,40px)}.tool-head[data-astro-cid-tw3nixcm] .sec-lede[data-astro-cid-tw3nixcm]{margin-top:14px}.tool-stage[data-astro-cid-tw3nixcm]{margin-top:36px}.tuner-card[data-astro-cid-tw3nixcm]{position:relative;display:block;margin-top:36px;max-width:560px;border:1px solid var(--line-2);border-radius:var(--radius);background:#ffffff08;overflow:hidden;isolation:isolate;transition:transform .2s ease,border-color .2s ease,background .2s ease}.tuner-card[data-astro-cid-tw3nixcm]:hover{transform:translateY(-2px);border-color:#ffffff3d;background:#ffffff0d}.tuner-card-glow[data-astro-cid-tw3nixcm]{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(74,107,217,.3),transparent 65%);filter:blur(40px);top:-160px;right:-120px;z-index:-1;pointer-events:none}.tuner-card-body[data-astro-cid-tw3nixcm]{padding:28px 30px 30px;display:flex;flex-direction:column;align-items:flex-start}.tuner-card-body[data-astro-cid-tw3nixcm] h3[data-astro-cid-tw3nixcm]{font-family:Inter Tight,sans-serif;font-weight:600;letter-spacing:-.02em;font-size:24px;color:var(--text);margin:16px 0 0}.tuner-card-body[data-astro-cid-tw3nixcm] p[data-astro-cid-tw3nixcm]{color:var(--text-soft);font-size:15px;margin:10px 0 0;max-width:420px}.tuner-card-body[data-astro-cid-tw3nixcm] .btn[data-astro-cid-tw3nixcm]{margin-top:22px}.tuner-host[data-astro-cid-tw3nixcm]{margin-top:12px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}