.tcom-met{--tm-primary:#5b5bd6;--tm-primary-dark:#4646b8;--tm-accent:#14b8a6;--tm-surface:#fff;--tm-soft:#f7f7fb;--tm-text:#171721;--tm-muted:#66667a;--tm-border:#e3e3ec;--tm-danger:#b42318;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--tm-text);line-height:1.55}.tcom-met *{box-sizing:border-box}.tcom-met__shell{max-width:1050px;margin:0 auto;background:var(--tm-surface);border:1px solid var(--tm-border);border-radius:24px;padding:22px;box-shadow:0 12px 40px rgba(31,31,50,.08)}.tcom-met__header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.tcom-met h2{font-size:clamp(28px,4vw,40px);line-height:1.12;margin:0 0 8px}.tcom-met h3{margin:0 0 6px;font-size:18px}.tcom-met p{margin:0;color:var(--tm-muted)}.tcom-met__status{background:#eefcf9;color:#087f70;border:1px solid #b9eee6;border-radius:999px;padding:7px 12px;font-weight:700;font-size:13px;white-space:nowrap}.tcom-met__hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.tcom-met__tempo-card,.tcom-met__visual-card,.tcom-met__history-card,.tcom-met__panel{background:var(--tm-soft);border:1px solid var(--tm-border);border-radius:18px;padding:20px}.tcom-met__label,.tcom-met__field label{display:block;font-weight:700;margin-bottom:8px}.tcom-met__bpm-row{display:grid;grid-template-columns:52px 1fr 52px;gap:10px;align-items:center}.tcom-met__bpm{width:100%;min-height:64px;text-align:center;font-size:34px;font-weight:800;border:1px solid var(--tm-border);border-radius:14px;background:#fff;color:var(--tm-text)}.tcom-met__icon-btn{min-height:52px;border:1px solid var(--tm-border);background:#fff;border-radius:12px;font-size:24px;cursor:pointer}.tcom-met button,.tcom-met select,.tcom-met input{font:inherit}.tcom-met button:focus-visible,.tcom-met select:focus-visible,.tcom-met input:focus-visible,.tcom-met summary:focus-visible{outline:3px solid rgba(91,91,214,.26);outline-offset:2px}.tcom-met__range{width:100%;margin:18px 0 6px;accent-color:var(--tm-primary)}.tcom-met__tempo-meta{display:flex;justify-content:space-between;color:var(--tm-muted);font-size:14px}.tcom-met__tempo-meta strong{color:var(--tm-primary-dark)}.tcom-met__presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tcom-met__presets button{min-height:38px;padding:6px 11px;border:1px solid var(--tm-border);border-radius:10px;background:#fff;cursor:pointer}.tcom-met__presets button:hover,.tcom-met__text-btn:hover{border-color:var(--tm-primary);color:var(--tm-primary)}.tcom-met__primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.tcom-met__start,.tcom-met__tap,.tcom-met__footer-actions button{min-height:50px;border-radius:12px;border:1px solid var(--tm-border);font-weight:800;cursor:pointer}.tcom-met__start{background:var(--tm-primary);color:#fff;border-color:var(--tm-primary)}.tcom-met__start:hover{background:var(--tm-primary-dark)}.tcom-met__tap{background:#fff;color:var(--tm-primary-dark)}.tcom-met__hint{font-size:13px!important;margin-top:10px!important;text-align:center}.tcom-met__visual-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:310px}.tcom-met__pulse{width:130px;height:130px;border-radius:50%;background:#fff;border:8px solid #e8e8f2;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .07s,border-color .07s,box-shadow .07s}.tcom-met__pulse span{font-size:46px;font-weight:900;line-height:1}.tcom-met__pulse small{font-size:11px;letter-spacing:.15em;color:var(--tm-muted)}.tcom-met__pulse.is-active{transform:scale(1.05);border-color:var(--tm-primary);box-shadow:0 0 0 7px rgba(91,91,214,.1)}.tcom-met__pulse.is-accent{border-color:var(--tm-accent)}.tcom-met__measure{margin-top:12px;color:var(--tm-muted)}.tcom-met__beat-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.tcom-met__beat-dots span{width:34px;height:34px;border-radius:50%;border:1px solid var(--tm-border);display:grid;place-items:center;background:#fff;font-weight:700}.tcom-met__beat-dots span.is-accent{border-color:var(--tm-accent)}.tcom-met__beat-dots span.is-current{background:var(--tm-primary);color:#fff;border-color:var(--tm-primary)}.tcom-met__timer{margin-top:12px;font-variant-numeric:tabular-nums;font-weight:800}.tcom-met__controls-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.tcom-met__field{border:1px solid var(--tm-border);border-radius:14px;padding:14px;background:#fff}.tcom-met__field select{width:100%;min-height:48px;border:1px solid var(--tm-border);border-radius:10px;padding:0 12px;background:#fff}.tcom-met__field input[type=range]{width:100%;accent-color:var(--tm-primary)}.tcom-met__advanced{margin-top:18px;border:1px solid var(--tm-border);border-radius:16px;overflow:hidden;background:#fff}.tcom-met__advanced summary{cursor:pointer;padding:17px 18px;font-weight:800;list-style:none}.tcom-met__advanced summary::-webkit-details-marker{display:none}.tcom-met__advanced summary span{display:block;font-weight:400;color:var(--tm-muted);font-size:13px;margin-top:2px}.tcom-met__advanced-body{padding:0 18px 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tcom-met__panel{background:var(--tm-soft);padding:16px}.tcom-met__panel>p{font-size:13px;margin-bottom:12px}.tcom-met__switch{display:flex;align-items:center;gap:8px;font-weight:700}.tcom-met__switch input{width:20px;height:20px;accent-color:var(--tm-primary)}.tcom-met__inline-fields{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tcom-met__inline-fields label{font-size:14px;color:var(--tm-muted)}.tcom-met__inline-fields input{width:72px;min-height:42px;border:1px solid var(--tm-border);border-radius:9px;padding:0 8px;color:var(--tm-text);background:#fff}.tcom-met__panel select{min-height:44px;border:1px solid var(--tm-border);border-radius:9px;padding:0 10px;background:#fff}.tcom-met__pattern{display:flex;flex-wrap:wrap;gap:8px}.tcom-met__pattern button{min-width:72px;min-height:44px;border:1px solid var(--tm-border);border-radius:10px;background:#fff;cursor:pointer;font-weight:700}.tcom-met__pattern button[data-state="accent"]{border-color:var(--tm-accent);background:#eafbf8}.tcom-met__pattern button[data-state="mute"]{border-color:#d7d7df;color:#888;text-decoration:line-through}.tcom-met__history-card{margin-top:18px;background:#fff}.tcom-met__section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.tcom-met__section-head p{font-size:13px}.tcom-met__text-btn{border:1px solid var(--tm-border);border-radius:9px;background:#fff;min-height:40px;padding:0 12px;cursor:pointer}.tcom-met__history{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tcom-met__history button{min-height:40px;padding:0 12px;border:1px solid var(--tm-border);background:var(--tm-soft);border-radius:10px;cursor:pointer}.tcom-met__empty{color:var(--tm-muted);font-size:14px}.tcom-met__footer-actions{display:flex;gap:10px;margin-top:18px}.tcom-met__footer-actions button{padding:0 18px;background:#fff}.tcom-met__notice{min-height:22px;margin-top:10px;color:var(--tm-primary-dark);font-weight:700;font-size:14px}.tcom-met__notice.is-error{color:var(--tm-danger)}.tcom-met__notes{border-top:1px solid var(--tm-border);margin-top:14px;padding-top:14px;display:grid;gap:7px}.tcom-met__notes p{font-size:13px}.tcom-met__start[aria-pressed="true"]{background:#b42318;border-color:#b42318}@media(max-width:820px){.tcom-met__hero-grid,.tcom-met__advanced-body{grid-template-columns:1fr}.tcom-met__controls-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.tcom-met__shell{padding:14px;border-radius:18px}.tcom-met__header{display:block}.tcom-met__status{display:inline-block;margin-top:10px}.tcom-met__controls-grid{grid-template-columns:1fr}.tcom-met__primary-actions{grid-template-columns:1fr}.tcom-met__visual-card{min-height:260px}.tcom-met__section-head{align-items:flex-start;flex-direction:column}.tcom-met__footer-actions{display:grid}.tcom-met__bpm{font-size:30px}.tcom-met__bpm-row{grid-template-columns:48px 1fr 48px}}