.calculator-page.svelte-13c00bm{max-width:1200px;margin:0 auto}h1.svelte-13c00bm{font-size:2.5rem;text-align:center;color:var(--text-primary);margin-bottom:.5rem}.subtitle.svelte-13c00bm{text-align:center;color:var(--text-tertiary);font-size:1.1rem;margin-bottom:2rem}.tabs.svelte-13c00bm{background:var(--bg-secondary);transition:background-color .3s;display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;flex-wrap:wrap}.tabs.svelte-13c00bm button:where(.svelte-13c00bm){padding:1rem 2rem;border:none;background:transparent;color:var(--text-tertiary);font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s}.tabs.svelte-13c00bm button:where(.svelte-13c00bm):hover{color:var(--text-primary);background:var(--bg-tertiary)}.tabs.svelte-13c00bm button.active:where(.svelte-13c00bm){color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-content.svelte-13c00bm{display:flex;flex-direction:column;gap:2rem}.calculator-card.svelte-13c00bm,.multi-segment-card.svelte-13c00bm,.zones-card.svelte-13c00bm,.splits-card.svelte-13c00bm{background:var(--bg-card);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md)}.unit-toggle.svelte-13c00bm{display:flex;gap:.5rem;margin-bottom:2rem;justify-content:center}.unit-toggle.svelte-13c00bm button:where(.svelte-13c00bm){padding:.75rem 1.5rem;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s}.unit-toggle.svelte-13c00bm button.active:where(.svelte-13c00bm){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.unit-toggle.svelte-13c00bm button:where(.svelte-13c00bm):hover:not(.active){border-color:var(--accent-primary);background:var(--accent-light)}.race-presets.svelte-13c00bm{margin-bottom:2rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:8px}.race-presets.svelte-13c00bm h3:where(.svelte-13c00bm){margin-bottom:1rem;color:var(--text-primary);font-size:1rem}.preset-buttons.svelte-13c00bm{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.preset-btn.svelte-13c00bm{padding:.75rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;font-weight:500;color:var(--text-primary);transition:all .3s}.preset-btn.svelte-13c00bm:hover{border-color:var(--accent-primary);background:var(--accent-light)}.input-groups.svelte-13c00bm{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.input-group.svelte-13c00bm{display:flex;flex-direction:column}.input-group.svelte-13c00bm h3:where(.svelte-13c00bm),.input-group.svelte-13c00bm label:where(.svelte-13c00bm){margin-bottom:.5rem;color:var(--text-primary);font-size:1rem;font-weight:600}.input-header.svelte-13c00bm{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.clear-btn.svelte-13c00bm{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .3s}.clear-btn.svelte-13c00bm:hover{color:#ff5252}.input-group.svelte-13c00bm input:where(.svelte-13c00bm),.input-group.svelte-13c00bm select:where(.svelte-13c00bm){padding:.75rem;border:2px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);border-radius:8px;font-size:1rem;width:100%;transition:all .3s}.input-group.svelte-13c00bm input:where(.svelte-13c00bm):focus,.input-group.svelte-13c00bm select:where(.svelte-13c00bm):focus{outline:none;border-color:var(--accent-primary)}.time-inputs.svelte-13c00bm{display:flex;align-items:center;gap:.5rem}.time-inputs.svelte-13c00bm input:where(.svelte-13c00bm){width:auto;flex:1;text-align:center}.time-inputs.svelte-13c00bm span:where(.svelte-13c00bm){font-size:1.5rem;font-weight:700;color:var(--text-tertiary)}.button-group.svelte-13c00bm{display:flex;gap:1rem;margin-bottom:1rem}.btn-primary.svelte-13c00bm,.btn-secondary.svelte-13c00bm,.btn-calculate.svelte-13c00bm{padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary.svelte-13c00bm{background:var(--accent-primary);color:#fff;flex:1}.btn-primary.svelte-13c00bm:hover{background:var(--accent-hover)}.btn-secondary.svelte-13c00bm{background:var(--bg-hover);color:var(--text-primary);flex:1}.btn-secondary.svelte-13c00bm:hover{background:#e0e0e0}.btn-calculate.svelte-13c00bm{width:100%;background:var(--accent-primary);color:#fff;margin-top:1rem}.btn-calculate.svelte-13c00bm:hover{background:var(--accent-hover)}.result.svelte-13c00bm{background:var(--accent-light);border-left:4px solid var(--accent-primary);padding:1rem;border-radius:4px;margin-bottom:1rem;font-size:1.1rem}.info.svelte-13c00bm{background:var(--bg-tertiary);padding:1rem;border-radius:4px;font-size:.9rem;color:var(--text-tertiary)}.info.svelte-13c00bm p:where(.svelte-13c00bm){margin-bottom:.5rem}.info.svelte-13c00bm p:where(.svelte-13c00bm):last-child{margin-bottom:0}.splits-card.svelte-13c00bm h2:where(.svelte-13c00bm){color:var(--text-primary);margin-bottom:.5rem}.splits-subtitle.svelte-13c00bm{color:var(--text-tertiary);margin-bottom:1.5rem}.splits-table-container.svelte-13c00bm{overflow-x:auto}.splits-table.svelte-13c00bm{width:100%;border-collapse:collapse}.splits-table.svelte-13c00bm th:where(.svelte-13c00bm){background:#1a1a2e;color:#fff;padding:1rem;text-align:left;font-weight:600}.splits-table.svelte-13c00bm td:where(.svelte-13c00bm){padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.splits-table.svelte-13c00bm tbody:where(.svelte-13c00bm) tr:where(.svelte-13c00bm):hover{background:var(--bg-tertiary)}.splits-table.svelte-13c00bm tbody:where(.svelte-13c00bm) tr:where(.svelte-13c00bm):last-child{background:var(--accent-light);font-weight:600}.description.svelte-13c00bm{color:var(--text-tertiary);margin-bottom:1.5rem}.segment-controls.svelte-13c00bm{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.segment-controls.svelte-13c00bm button:where(.svelte-13c00bm){padding:.75rem 1.5rem}.segments-list.svelte-13c00bm{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.segment-item.svelte-13c00bm{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem}.segment-header.svelte-13c00bm{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.segment-header.svelte-13c00bm h4:where(.svelte-13c00bm){color:var(--text-primary)}.btn-delete.svelte-13c00bm{background:#ff5252;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:0;padding:0;font-family:Arial,sans-serif}.btn-delete.svelte-13c00bm:hover{background:#ff1744}.segment-inputs.svelte-13c00bm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.pace-input-group.svelte-13c00bm{display:flex;flex-direction:column;gap:.5rem}.pace-input-group.svelte-13c00bm select:where(.svelte-13c00bm){padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:.9rem}.empty-state.svelte-13c00bm{text-align:center;padding:3rem;color:var(--text-muted);background:var(--bg-tertiary);border-radius:8px}.summary-card.svelte-13c00bm{background:linear-gradient(135deg,#16c79a,#13a880);color:#fff;padding:2rem;border-radius:12px;margin-top:2rem}.summary-card.svelte-13c00bm h3:where(.svelte-13c00bm){margin-bottom:1.5rem}.summary-grid.svelte-13c00bm{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-item.svelte-13c00bm{background:#ffffff1a;padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.summary-item.highlight.svelte-13c00bm{background:#fff3;border:2px solid white}.summary-item.svelte-13c00bm .label:where(.svelte-13c00bm){font-size:.9rem;opacity:.9}.summary-item.svelte-13c00bm .value:where(.svelte-13c00bm){font-size:1.5rem;font-weight:700}.summary-card.svelte-13c00bm h4:where(.svelte-13c00bm){margin:2rem 0 1rem}.summary-table-container.svelte-13c00bm{overflow-x:auto}.summary-table.svelte-13c00bm{width:100%;border-collapse:collapse}.summary-table.svelte-13c00bm th:where(.svelte-13c00bm){background:#fff3;padding:.75rem;text-align:left;font-weight:600}.summary-table.svelte-13c00bm td:where(.svelte-13c00bm){padding:.75rem;border-bottom:1px solid rgba(255,255,255,.2)}.summary-table.svelte-13c00bm tbody:where(.svelte-13c00bm) tr:where(.svelte-13c00bm):hover{background:#ffffff1a}.zones-actions.svelte-13c00bm{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.zones-actions.svelte-13c00bm button:where(.svelte-13c00bm){padding:.75rem 1.5rem}.zone-form.svelte-13c00bm{background:var(--bg-tertiary);padding:2rem;border-radius:8px;margin-bottom:2rem}.zone-form.svelte-13c00bm h3:where(.svelte-13c00bm){margin-bottom:1.5rem;color:var(--text-primary)}.zone-edit-form.svelte-13c00bm{padding:1rem;width:100%}.zone-edit-form.svelte-13c00bm .form-grid:where(.svelte-13c00bm){margin-bottom:1rem}.zone-edit-form.svelte-13c00bm .form-actions:where(.svelte-13c00bm){display:flex;gap:.5rem;justify-content:flex-end}.form-grid.svelte-13c00bm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.full-width.svelte-13c00bm{grid-column:1 / -1}.form-actions.svelte-13c00bm{display:flex;gap:1rem}.zones-list.svelte-13c00bm{display:flex;flex-direction:column;gap:1rem}.zone-item.svelte-13c00bm{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.zone-info.svelte-13c00bm{flex:1}.zone-info.svelte-13c00bm h4:where(.svelte-13c00bm){color:var(--text-primary);margin-bottom:.25rem}.zone-pace.svelte-13c00bm{font-size:1.1rem;font-weight:600;color:var(--accent-primary);margin-bottom:.25rem}.zone-desc.svelte-13c00bm{font-size:.9rem;color:var(--text-tertiary)}.zone-actions.svelte-13c00bm{display:flex;gap:.5rem}.btn-edit.svelte-13c00bm{padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-edit.svelte-13c00bm:hover{background:var(--accent-hover)}.zone-actions.svelte-13c00bm .btn-delete:where(.svelte-13c00bm){border-radius:6px;width:auto;padding:.5rem 1rem;font-size:1rem}@media(max-width:768px){h1.svelte-13c00bm{font-size:2rem}.tabs.svelte-13c00bm button:where(.svelte-13c00bm){padding:.75rem 1rem;font-size:.9rem}.calculator-card.svelte-13c00bm,.multi-segment-card.svelte-13c00bm,.zones-card.svelte-13c00bm,.splits-card.svelte-13c00bm{padding:1rem}.time-inputs.svelte-13c00bm input:where(.svelte-13c00bm){padding:.5rem .25rem;min-width:0;font-size:.9rem}.time-inputs.svelte-13c00bm span:where(.svelte-13c00bm){font-size:1.2rem}.input-group.svelte-13c00bm input:where(.svelte-13c00bm),.input-group.svelte-13c00bm select:where(.svelte-13c00bm){padding:.5rem;font-size:.9rem}.button-group.svelte-13c00bm{flex-direction:column}.btn-primary.svelte-13c00bm,.btn-secondary.svelte-13c00bm{width:100%}.segment-controls.svelte-13c00bm{flex-direction:column}.segment-controls.svelte-13c00bm button:where(.svelte-13c00bm){width:100%}.preset-buttons.svelte-13c00bm{grid-template-columns:repeat(2,1fr)}.segment-inputs.svelte-13c00bm{grid-template-columns:1fr}.segment-item.svelte-13c00bm{padding:1rem}.summary-grid.svelte-13c00bm,.form-grid.svelte-13c00bm{grid-template-columns:1fr}.zones-actions.svelte-13c00bm{flex-direction:column}.zones-actions.svelte-13c00bm button:where(.svelte-13c00bm){width:100%}.zone-item.svelte-13c00bm{flex-direction:column;align-items:stretch}.zone-actions.svelte-13c00bm{width:100%;justify-content:stretch}.zone-actions.svelte-13c00bm button:where(.svelte-13c00bm){flex:1}}
