.metro431-body{background:#f5f6f8;color:#17191d}.metro431-page{padding-bottom:100px}.metro431-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:34px 0 18px}.metro431-hero h1{font-size:clamp(2rem,5vw,4rem);line-height:.95;margin:6px 0 10px;letter-spacing:-.04em}.metro431-hero p{max-width:690px;margin:0;color:#5a616b;font-size:1.05rem}.metro431-trust{display:flex;gap:10px}.metro431-trust div{background:#fff;border:1px solid #e2e4e8;border-radius:14px;padding:10px 13px;min-width:88px;text-align:center}.metro431-trust strong,.metro431-trust span{display:block}.metro431-trust strong{font-size:1.05rem}.metro431-trust span{font-size:.72rem;color:#737b86}.metro431-core{padding:0;overflow:hidden}.metro431-stage{padding:24px;max-width:820px;margin:auto}.metro431-tempoRow{display:grid;grid-template-columns:60px 48px minmax(150px,1fr) 48px 60px;gap:8px;align-items:center}.metro431-nudge{height:52px;border:1px solid #d9dde3;background:#fff;border-radius:13px;font-weight:800;font-size:1rem}.metro431-bpm{display:flex;align-items:baseline;justify-content:center;gap:8px}.metro431-bpm input{width:130px;border:0;background:transparent;text-align:right;font-size:clamp(2.8rem,7vw,5.2rem);line-height:1;font-weight:900;letter-spacing:-.07em;color:#16191d;padding:0}.metro431-bpm input:focus{outline:2px solid #222;border-radius:10px}.metro431-bpm small{font-weight:800;color:#68707b}.metro431-mark{display:flex;justify-content:center;gap:12px;color:#6c7480;font-weight:700;margin:6px 0 14px}.metro431-mark span+span:before{content:'·';margin-right:12px}.metro431-slider{width:100%;accent-color:#17191d}.metro431-pendulum{height:72px;position:relative;display:flex;justify-content:center;align-items:end;margin:10px 0 0}.metro431-arm{width:3px;height:58px;background:#252a31;transform-origin:50% 100%;transform:rotate(-24deg);border-radius:999px;transition:transform .08s linear}.metro431-arm i{display:block;width:14px;height:14px;background:#252a31;border-radius:50%;margin-left:-5.5px}.metro431-body.running .metro431-arm{animation:metroSwing var(--metro-beat,.5s) ease-in-out infinite alternate}@keyframes metroSwing{from{transform:rotate(-28deg)}to{transform:rotate(28deg)}}.metro431-beats{display:flex;justify-content:center;gap:10px;min-height:38px;margin:7px 0 14px}.metro431-beat{width:32px;height:32px;border-radius:50%;border:1px solid #ccd1d8;background:#fff;font-size:.72rem;font-weight:900;color:#424a55}.metro431-beat[data-state="2"]{background:#17191d;color:#fff;border-color:#17191d}.metro431-beat[data-state="0"]{background:#eceff2;color:#9ca3ad;text-decoration:line-through}.metro431-beat.active{outline:4px solid rgba(23,25,29,.12);transform:scale(1.08)}.metro431-mainActions{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.metro431-start,.metro431-tap{min-height:58px;font-size:1.05rem}.metro431-tap small{opacity:.6;margin-left:6px}.metro431-quickGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.metro431-quickGrid label,.metro431-labgrid label{display:flex;flex-direction:column;gap:6px;font-weight:750;font-size:.8rem;color:#5d6570}.metro431-quickGrid select,.metro431-labgrid select,.metro431-labgrid input[type="number"]{width:100%;border:1px solid #d9dde3;border-radius:11px;background:#fff;padding:11px 12px;color:#17191d;font:inherit}.metro431-beatHelp{text-align:center;color:#727a84;font-size:.78rem;margin:14px 0 0}.metro431-beatHelp kbd{background:#eef0f3;border:1px solid #d9dde3;border-radius:5px;padding:1px 5px}.metro431-practiceBar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.metro431-practiceBar button,.metro431-panel button{border:1px solid #d9dde3;background:#fff;border-radius:11px;padding:11px 12px;font-weight:750}.metro431-panel{background:#fff;border:1px solid #e1e4e8;border-radius:15px;margin:10px 0;overflow:hidden}.metro431-panel>summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:15px 17px;font-weight:850;list-style:none}.metro431-panel>summary small{color:#79818b;font-weight:650}.metro431-panelbody{border-top:1px solid #eceef1;padding:16px}.metro431-labgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metro431-labgrid article{border:1px solid #e5e7eb;border-radius:14px;padding:14px}.metro431-labgrid h2{font-size:1rem;margin:0 0 10px}.metro431-labgrid p{font-size:.78rem;color:#727a84;margin:10px 0 0}.metro431-miniGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.metro431-toggle{flex-direction:row!important;align-items:center!important;gap:8px!important}.metro431-toggle input{width:18px;height:18px}.metro431-presets{display:flex;flex-wrap:wrap;gap:8px}.metro431-preset{display:flex;align-items:center;gap:5px;border:1px solid #dde1e6;border-radius:12px;padding:6px;background:#fafbfc}.metro431-preset button{padding:7px 10px}.metro431-preset .delete{border:0;color:#8a2b2b;background:transparent;padding:7px}.metro431-history{display:grid;gap:8px}.metro431-historyItem{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f2;padding:8px 2px;font-size:.85rem}.metro431-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metro431-copy h2{font-size:1rem;margin:0 0 7px}.metro431-copy p{margin:0;color:#68707b;font-size:.84rem;line-height:1.55}.metro431-toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);background:#17191d;color:#fff;padding:10px 14px;border-radius:999px;font-weight:750;z-index:20;box-shadow:0 8px 30px rgba(0,0,0,.16)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:720px){.metro431-page{padding-bottom:92px}.metro431-hero{padding:22px 0 12px;display:block}.metro431-hero h1{font-size:2.55rem}.metro431-hero p{font-size:.92rem}.metro431-trust{margin-top:12px}.metro431-trust div{padding:8px 9px;min-width:0;flex:1}.metro431-stage{padding:16px 13px}.metro431-tempoRow{grid-template-columns:44px 38px minmax(125px,1fr) 38px 44px;gap:5px}.metro431-nudge{height:44px;border-radius:10px;font-size:.88rem}.metro431-bpm input{font-size:3.65rem;width:98px}.metro431-bpm small{font-size:.72rem}.metro431-mark{margin:4px 0 7px}.metro431-pendulum{height:52px}.metro431-arm{height:42px}.metro431-beats{gap:6px;margin:4px 0 9px}.metro431-beat{width:29px;height:29px}.metro431-mainActions{gap:7px}.metro431-start,.metro431-tap{min-height:50px}.metro431-quickGrid{gap:7px;margin-top:8px}.metro431-quickGrid select{padding:9px 8px}.metro431-beatHelp{margin-top:8px;font-size:.69rem}.metro431-practiceBar{grid-template-columns:1fr 1fr}.metro431-panel>summary{padding:13px 14px;align-items:center}.metro431-panel>summary small{font-size:.68rem;text-align:right}.metro431-labgrid,.metro431-copy{grid-template-columns:1fr}.metro431-miniGrid{grid-template-columns:1fr 1fr 1fr}.metro431-trust span{font-size:.64rem}}
.metro431-timerPick{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d9dde3;background:#fff;border-radius:11px;padding:8px 10px;font-size:.75rem;font-weight:800}.metro431-timerPick span{color:#5f6670}.metro431-timerPick select{border:0;background:transparent;font-weight:850;color:#17191d}.metro431-shareFallback{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin:-4px 0 10px;background:#fff;border:1px solid #dfe3e7;border-radius:12px;padding:10px}.metro431-shareFallback label{display:flex;flex-direction:column;gap:4px;font-size:.72rem;font-weight:800;color:#6c7480}.metro431-shareFallback input{width:100%;border:1px solid #d8dde3;border-radius:9px;padding:9px;color:#333}.metro431-shareFallback button{border:1px solid #d8dde3;border-radius:9px;background:#fff;padding:9px 12px;font-weight:800}@media(max-width:720px){.metro431-practiceBar{grid-template-columns:1fr 1fr}.metro431-timerPick{grid-column:span 1}.metro431-shareFallback{grid-template-columns:1fr}.metro431-shareFallback button{width:100%}}