.time-top{display:grid;grid-template-columns:2fr 1fr;gap:var(--tg-gap, 28px);align-items:stretch;margin-bottom:var(--tg-gap, 28px)}.time-fields{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--tg-card-bg, #fff);border-radius:var(--tg-radius-card, 18px);overflow:hidden;min-width:0}.time-field{min-width:0;padding:16px 20px;display:grid;grid-template-columns:1fr auto;column-gap:8px;align-content:start}.time-field>.midicv-data-section-title,.time-field>.time-formula{grid-column:1 / -1}.time-input-row{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;margin-bottom:8px}.time-input-row:last-of-type{margin-bottom:0}.time-field input.number{font-size:28px;font-weight:500;color:var(--tg-text, #111);background:transparent;border:none;border-bottom:2px solid var(--border-color, #dededd);border-radius:0;padding:6px 0;margin:0;width:100%;text-align:right}.time-field input.number:focus{outline:none;border-bottom-color:var(--tg-text, #111)}.time-unit{font-family:var(--font-sans, Inter, system-ui, sans-serif);font-size:18px;font-weight:400;color:var(--tg-text-muted, #666)}.time-formula{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--muted);margin-top:12px}@media(max-width:1059px){.time-fields{grid-template-columns:1fr 1fr}.time-field:nth-child(2){grid-column:1;grid-row:2}.time-field:nth-child(1){padding-bottom:24px}.time-field:nth-child(3){grid-column:2;grid-row:1 / 3}}@media(max-width:640px){.time-top{grid-template-columns:1fr}.time-fields{grid-template-columns:1fr 1fr}}.time-tap{background:var(--tg-card-bg, #fff);border-radius:var(--tg-radius-card, 18px);padding:20px 24px;cursor:pointer;user-select:none;outline:none;transition:background .35s ease;display:flex;flex-direction:column}.time-tap:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.time-tap--flash{background:color-mix(in srgb,var(--accent) 10%,var(--tg-card-bg, #fff));transition:none}.time-tap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.time-tap-header .midicv-data-section-title{margin-bottom:0}.time-tap-count{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--tg-text-muted, #666)}.time-tap-body{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px}.time-tap-bpm{font-family:var(--font-mono);font-size:48px;font-weight:500;color:var(--tg-text, #111);line-height:1}.time-tap-bpm--empty{color:var(--tg-text-dim, #aaa)}.time-tap-unit{font-family:var(--font-sans, Inter, system-ui, sans-serif);font-size:18px;font-weight:400;color:var(--tg-text-muted, #666)}.time-tap-hint,.time-tap-hint-narrow{font-family:var(--font-mono);font-size:var(--font-size-xlg);color:var(--tg-text-dim, #aaa);text-align:center}.time-tap-hint--idle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.time-tap-hint-narrow{display:none}.time-divisions{background:var(--tg-card-bg, #fff);border-radius:var(--tg-radius-card, 18px);padding:16px 20px;margin-top:var(--tg-gap, 28px);overflow-x:auto}.time-div-table{border-collapse:collapse;width:100%}.time-div-table th{font-family:var(--font-sans, Inter, system-ui, sans-serif);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);padding:0 16px 8px 0;text-align:right;white-space:nowrap;border-bottom:1.5px solid var(--accent)}.time-div-table th.time-div-th--note{text-align:left;padding-left:0}.time-div-th--frac{text-align:center}.time-div-table th.time-div-th--duration{text-align:right;border-bottom:none;padding-bottom:4px}.th-no-border-bottom{border-bottom:none!important}.time-div-table td{font-family:var(--font-mono);font-size:var(--font-size-base, 16px);padding:8px 16px 8px 0;text-align:right;white-space:nowrap;border-bottom:1px solid var(--tg-pill-bg, #ddddd9);color:var(--tg-text, #111)}.time-div-table th:last-child,.time-div-table td:last-child{padding-right:0}.time-div-table tbody tr:last-child td{border-bottom:none}.time-div-table td:first-child{text-align:left;font-family:var(--font-sans, Inter, system-ui, sans-serif);padding-left:0}.time-div-table td:nth-child(2){color:var(--accent)}.time-div-tr--ref td{background:color-mix(in srgb,var(--accent) 8%,transparent)}.time-div-unit-label{display:none}@media(max-width:500px){.time-tap-hint{display:none}.time-tap-hint-narrow{display:block}.time-fields{grid-template-columns:1fr}.time-field:nth-child(2){grid-column:auto;grid-row:auto}.time-field:nth-child(3){grid-column:auto;grid-row:auto}.time-div-unit{display:none}.time-div-unit-label{display:inline}.time-field input.number{width:100%;min-width:0}}