.mt{padding:26px 24px 22px;text-align:center}.mt-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 38%,#f59e0b55,transparent 70%);opacity:0;transition:opacity .32s ease-out}.mt-glow.hit{opacity:1;transition:none}.mt-top{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mt-name{font:700 13px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fbbf24}.mt-sig{padding:4px 12px;font:700 14px var(--font-mono);color:#e9ddff;background:#ffffff14;border:1px solid #ffffff22;border-radius:99px}.mt-dial{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;margin:6px 0 4px}.mt-bpm{display:flex;flex-direction:column;align-items:center;min-width:190px;cursor:text}.mt-bpm input{width:190px;padding:0;font:800 88px/1 var(--font-sans);letter-spacing:-.05em;text-align:center;color:#fff;background:transparent;border:0;border-radius:12px;-moz-appearance:textfield;appearance:textfield;text-shadow:0 6px 30px #7c3aed99;font-variant-numeric:tabular-nums}.mt-bpm input::-webkit-outer-spin-button,.mt-bpm input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mt-bpm input:focus-visible{outline:2px solid #fbbf24;outline-offset:4px}.mt-bpm span{font:700 12px var(--font-mono);letter-spacing:.24em;color:#c4b0e0}.mt-range{position:relative;width:calc(100% - 8px);margin:14px 4px 6px}.mt-nudge{position:relative;display:flex;justify-content:center;gap:8px;margin-bottom:8px}.mt-nudge button{min-width:52px;min-height:34px;padding:0 12px;font:700 13px var(--font-mono);color:#e9ddff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;cursor:pointer;transition:background-color .15s}.mt-nudge button:hover{background:#ffffff26}.mt-pendulum{position:relative;height:168px;margin:8px auto 4px;width:150px}.mt-body{position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,#ffffff1c,#ffffff0a);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);border-radius:6px}.mt-body:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,#ffffff12 47%,#ffffff12 53%,transparent 53%)}.mt-arm{position:absolute;left:50%;bottom:14px;width:4px;height:148px;margin-left:-2px;border-radius:4px;background:linear-gradient(180deg,#fbbf24,#f59e0b);transform-origin:50% 100%;transform:rotate(-22deg);box-shadow:0 0 14px #f59e0b88}.mt-arm i{position:absolute;left:50%;top:40%;width:24px;height:17px;margin-left:-12px;border-radius:5px;background:#fff;box-shadow:0 4px 10px #0005;transition:top .25s}.mt-pivot{position:absolute;left:50%;bottom:8px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0006}.mt-beats{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 6px}.mt-beat{width:40px;height:40px;padding:0;border-radius:50%;border:2px solid #ffffff44;background:transparent;cursor:pointer;transition:transform .08s,background-color .08s,box-shadow .08s,border-color .15s}.mt-beat[data-level="2"]{width:46px;height:46px;border-color:#f59e0b;background:#f59e0b33}.mt-beat[data-level="1"]{border-color:#c4b0e0;background:#c4b0e022}.mt-beat[data-level="0"]{border-style:dashed;border-color:#ffffff2e}.mt-beat.now{transform:scale(1.18)}.mt-beat[data-level="2"].now{background:#f59e0b;box-shadow:0 0 26px #f59e0bcc}.mt-beat[data-level="1"].now{background:#fff;box-shadow:0 0 22px #fffa}.mt-beat[data-level="0"].now{background:#ffffff24}.mt-beat.silent{opacity:.35}.mt-beats-hint{position:relative;margin:0 0 18px;font-size:12px;color:#a78bd0}.mt-actions{position:relative;display:flex;gap:10px;justify-content:center}.mt-play{min-width:160px;min-height:54px;font-size:17px;border-radius:18px}.mt-tap{min-height:54px;min-width:130px;border-radius:18px}.mt-tap:active{background:#ffffff40}.mt-stats{position:relative;display:flex;justify-content:center;gap:24px;margin-top:18px;font-size:13px;color:#b9a3df}.mt-stats b{margin-left:4px;font:700 14px var(--font-mono);color:#fff}.mt-keys{position:relative;margin:14px 0 0;font-size:12px;color:#a78bd0}.mt-keys .tk-kbd{color:#e9ddff;background:#ffffff14;border-color:#ffffff30}.mt-sub{transition:opacity .2s}.mt-sub.off{opacity:.45}.mt .mt-beat:focus-visible,.mt .tk-round:focus-visible{outline-color:#fbbf24}@media(max-width:480px){.mt{padding:20px 14px 18px}.mt-bpm,.mt-bpm input{min-width:0;width:148px}.mt-bpm input{font-size:70px}.mt-dial{gap:10px}.mt-beat{width:34px;height:34px}.mt-beat[data-level="2"]{width:40px;height:40px}}