.pd-om{--pd-om-accent:#176B87;--pd-om-accent-dark:#0E4F65;--pd-om-bg:#F8F6F6;--pd-om-surface:#fff;--pd-om-text:#1F2937;--pd-om-muted:#5B6470;--pd-om-border:#D9DEE4;--pd-om-danger:#B42318;max-width:1050px;margin:0 auto;color:var(--pd-om-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pd-om *{box-sizing:border-box}.pd-om__header{text-align:center;margin-bottom:24px}.pd-om__title{margin:0 0 8px;font-size:clamp(28px,4vw,40px);line-height:1.15}.pd-om__subtitle{margin:0 auto;max-width:720px;color:var(--pd-om-muted);font-size:16px;line-height:1.6}.pd-om__app{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.pd-om__tempo-card,.pd-om__settings-card{background:var(--pd-om-surface);border:1px solid var(--pd-om-border);border-radius:16px;padding:28px;box-shadow:0 8px 26px rgba(31,41,55,.06)}
.pd-om__tempo-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.pd-om__eyebrow{display:block;color:var(--pd-om-muted);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pd-om__tempo-value{font-size:clamp(44px,7vw,68px);font-weight:800;line-height:1}.pd-om__tempo-value small{font-size:16px;font-weight:700;color:var(--pd-om-muted)}.pd-om__tempo-name{margin-top:8px;color:var(--pd-om-accent-dark);font-weight:700}.pd-om__beat-orb{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#E9F4F7;border:2px solid #B7D8E1;font-weight:800;font-size:28px;transition:transform .08s ease,background .08s ease}.pd-om__beat-orb.is-hit{transform:scale(1.08);background:#D7EDF3}.pd-om__beat-orb.is-downbeat{background:#C7E4EC;border-color:var(--pd-om-accent)}
.pd-om__label{display:block;font-size:15px;font-weight:700;margin:0 0 8px}.pd-om__bpm-controls{display:grid;grid-template-columns:52px 1fr 52px;gap:10px;align-items:center}.pd-om__step,.pd-om__primary,.pd-om__secondary,.pd-om__text-button,.pd-om__number,.pd-om__select{min-height:48px;font-size:16px}.pd-om__step,.pd-om__primary,.pd-om__secondary,.pd-om__text-button{cursor:pointer;border-radius:12px;font-weight:700}.pd-om__step{border:1px solid var(--pd-om-border);background:#fff;font-size:26px}.pd-om__number,.pd-om__select{width:100%;border:1px solid var(--pd-om-border);border-radius:12px;padding:0 14px;background:#fff;color:var(--pd-om-text)}.pd-om__range{width:100%;margin:14px 0 2px;accent-color:var(--pd-om-accent)}.pd-om__actions{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:20px}.pd-om__primary{border:1px solid var(--pd-om-accent);background:var(--pd-om-accent);color:#fff;padding:0 18px}.pd-om__primary:hover{background:var(--pd-om-accent-dark)}.pd-om__secondary{border:1px solid var(--pd-om-border);background:#fff;color:var(--pd-om-text);padding:0 18px}.pd-om__tap-hint{margin-top:10px;color:var(--pd-om-muted);font-size:14px}
.pd-om__setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pd-om__measure{margin-top:24px;padding:18px;border-radius:14px;background:var(--pd-om-bg);border:1px solid var(--pd-om-border)}.pd-om__measure-title{font-weight:800;margin-bottom:12px}.pd-om__dots{display:flex;flex-wrap:wrap;gap:9px;min-height:20px}.pd-om__dot{width:14px;height:14px;border-radius:50%;background:#C8CDD4;border:1px solid #B6BDC6}.pd-om__dot.is-active{background:var(--pd-om-accent);border-color:var(--pd-om-accent-dark);transform:scale(1.18)}.pd-om__dot.is-downbeat{box-shadow:0 0 0 3px rgba(23,107,135,.14)}.pd-om__measure-meta{margin-top:12px;color:var(--pd-om-muted);font-size:14px}.pd-om__utility-row{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.pd-om__text-button{border:1px solid transparent;background:transparent;color:var(--pd-om-accent-dark);padding:0 12px}.pd-om__text-button:hover{background:#EEF6F8}.pd-om__note{margin-top:18px;padding:16px 18px;border-radius:12px;background:#F3F7F8;color:#39444D;font-size:14px;line-height:1.55}.pd-om__status{min-height:24px;margin-top:8px;color:var(--pd-om-muted);font-size:14px}.pd-om__status.is-error{color:var(--pd-om-danger)}
.pd-om__related{margin-top:32px;padding:28px 0 6px;border-top:1px solid var(--pd-om-border)}.pd-om__related-title{font-size:26px;margin:0 0 18px}.pd-om__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 32px}.pd-om__related-link{display:block;color:var(--pd-om-text);font-weight:700;text-decoration:none;padding:6px 0}.pd-om__related-link:hover{text-decoration:underline;color:var(--pd-om-accent-dark)}
.pd-om button:focus-visible,.pd-om input:focus-visible,.pd-om select:focus-visible,.pd-om a:focus-visible{outline:3px solid rgba(23,107,135,.35);outline-offset:2px}.pd-om button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:780px){.pd-om__app{grid-template-columns:1fr}.pd-om__tempo-card,.pd-om__settings-card{padding:22px}.pd-om__related-grid{grid-template-columns:1fr 1fr}.pd-om__tempo-row{align-items:flex-start}.pd-om__beat-orb{width:72px;height:72px;font-size:24px}}
@media(max-width:520px){.pd-om__setting-grid,.pd-om__actions,.pd-om__related-grid{grid-template-columns:1fr}.pd-om__tempo-card,.pd-om__settings-card{padding:18px}.pd-om__tempo-value{font-size:46px}.pd-om__beat-orb{width:64px;height:64px}.pd-om__utility-row{justify-content:stretch}.pd-om__text-button{flex:1}}
@media(prefers-reduced-motion:reduce){.pd-om *{scroll-behavior:auto!important;transition:none!important}}