.running-launch{margin-top:16px;padding:20px;border:1px solid color-mix(in srgb,var(--line),var(--accent) 24%);background:linear-gradient(135deg,color-mix(in srgb,var(--surface),var(--accent) 5%),var(--surface));display:flex;align-items:center;justify-content:space-between;gap:18px}
.running-launch h2,.running-launch p{margin:0}.running-launch p{margin-top:6px;color:var(--muted);font-size:13px}.running-launch .running-mark{font-size:30px;line-height:1}
.running-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.running-form .running-pace-preview{padding:18px;border:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.running-pace-preview b{display:block;font-size:20px}.running-pace-preview small{color:var(--muted)}
.running-history-meta{display:flex;gap:12px;flex-wrap:wrap}.running-history-meta span{white-space:nowrap}.running-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.running-detail-stats>div{padding:16px;border:1px solid var(--line);background:var(--surface)}.running-detail-stats b,.running-detail-stats small{display:block}.running-detail-stats small{margin-top:5px;color:var(--muted)}
.running-editor-note{color:var(--muted);font-size:12px}
#modal:has(#running-entry){scroll-padding-block-end:80px}
@media(max-width:560px){.running-launch{align-items:flex-start;flex-direction:column}.running-launch .primary{width:100%}.running-form-grid,.running-detail-stats{grid-template-columns:1fr}.running-form .running-pace-preview{grid-template-columns:1fr}.running-detail-stats>div{display:flex;justify-content:space-between;align-items:center}.running-detail-stats small{margin:0}}

.running-form{display:grid;gap:14px}.running-form>.section-head{margin:0}.running-form>.muted{margin:0;font-size:12px;line-height:1.6}.running-form fieldset{border:0;padding:0;margin:0;min-width:0}.running-form legend{font-size:12px;color:var(--muted);margin-bottom:8px;padding:0}.running-form .choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.running-form .choice-grid label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:13px}.running-form .choice-grid label:has(input:checked){border-color:#778e35;background:#f0f7d8}.running-form .choice-grid input{width:16px;height:16px;margin:0;accent-color:#526a21}.running-form .field{margin:0;min-width:0}.running-form .field input{min-width:0;width:100%;padding:10px;font-size:16px}.running-form .record-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.running-form .record-fields label{font-size:12px}.running-form .running-pace-preview{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 8px;gap:6px;border-radius:10px}.running-pace-preview b{font-size:14px;overflow-wrap:anywhere}.running-pace-preview small{font-size:11px}.running-form>.modal-actions{position:sticky;bottom:-18px;background:var(--surface);padding:12px 0;margin:0;display:flex;gap:8px;z-index:2}.running-form>.modal-actions button{min-height:44px}.running-form>.modal-actions .primary{flex:1}.running-workout-exercise>[data-running-check]{width:auto;min-height:44px;padding:10px 16px;font-size:14px}