.pace-calculator{--pace-primary: #f97316;--pace-secondary: #fb923c;--pace-accent: #fdba74;--pace-dark: #7c2d12;--pace-light: #fff7ed;--pace-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #dc2626 100%);--pace-card-bg: #ffffff;--pace-border: #e5e7eb;--pace-text: #1f2937;--pace-text-muted: #6b7280;--pace-success: #10b981;max-width:900px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}.pace-header{text-align:center;margin-bottom:2rem;padding:2rem;background:var(--pace-gradient);border-radius:20px;color:#fff;position:relative;overflow:hidden}.pace-header:before{content:"🏃";position:absolute;font-size:8rem;opacity:.1;right:-1rem;top:50%;transform:translateY(-50%)}.pace-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;position:relative}.pace-description{font-size:1.1rem;opacity:.95;margin:0;position:relative}.pace-formula-container{background:var(--pace-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #f973161a;border:1px solid var(--pace-border)}.pace-formula-title{font-size:1.1rem;font-weight:700;color:var(--pace-dark);margin:0 0 1rem;text-align:center}.pace-formula-grid{display:grid;grid-template-columns:1fr;gap:1rem}.pace-formula-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:12px;padding:1.25rem;text-align:center}.pace-formula-label{font-size:.875rem;font-weight:600;color:var(--pace-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.pace-formula-display{min-height:3rem;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;font-size:1.1rem}.pace-form-container{background:var(--pace-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #f973161a;border:1px solid var(--pace-border)}.pace-unit-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;background:var(--pace-light);padding:.375rem;border-radius:12px}.pace-unit-btn{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.75rem 1rem;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .3s ease}.pace-unit-btn.active{background:#fff;box-shadow:0 2px 8px #f9731633}.pace-unit-label{font-weight:700;font-size:.95rem;color:var(--pace-dark)}.pace-unit-detail{font-size:.7rem;color:var(--pace-text-muted)}.pace-mode-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem}.pace-mode-btn{padding:.75rem;border:2px solid var(--pace-border);background:#fff;border-radius:10px;cursor:pointer;font-weight:600;font-size:.85rem;color:var(--pace-text-muted);transition:all .3s ease}.pace-mode-btn.active{border-color:var(--pace-primary);background:var(--pace-light);color:var(--pace-primary)}.pace-presets{display:flex;flex-wrap:wrap;gap:.5rem}.pace-preset-btn{padding:.5rem .875rem;border:2px solid var(--pace-border);background:#fff;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--pace-text-muted);transition:all .2s ease}.pace-preset-btn.active{border-color:var(--pace-primary);background:var(--pace-primary);color:#fff}.pace-preset-btn:hover:not(.active){border-color:var(--pace-secondary)}.pace-form{display:flex;flex-direction:column;gap:1.25rem}.pace-input-group{display:flex;flex-direction:column;gap:.5rem}.pace-input-group.hidden{display:none}.pace-label{font-weight:600;font-size:.9rem;color:var(--pace-text)}.pace-input{padding:.875rem 1rem;border:2px solid var(--pace-border);border-radius:10px;font-size:1rem;transition:all .2s ease;background:#fff}.pace-input:focus{outline:none;border-color:var(--pace-primary);box-shadow:0 0 0 4px #f973161a}.pace-input-with-unit{display:flex;align-items:center;gap:.5rem}.pace-input-with-unit .pace-input{flex:1}.pace-input-unit{font-weight:600;color:var(--pace-text-muted);min-width:2.5rem}.pace-time-inputs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pace-time-field{display:flex;flex-direction:column;align-items:center;gap:.25rem}.pace-time-input{width:4rem;text-align:center;padding:.875rem .5rem}.pace-time-label{font-size:.7rem;color:var(--pace-text-muted);text-transform:uppercase}.pace-time-separator{font-size:1.5rem;font-weight:700;color:var(--pace-text-muted);margin-top:-1rem}.pace-buttons{display:grid;grid-template-columns:2fr 1fr;gap:.75rem;margin-top:.5rem}.pace-calculate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--pace-gradient);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f973164d}.pace-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.pace-btn-icon{font-size:1.25rem}.pace-reset-btn{padding:1rem;background:var(--pace-light);color:var(--pace-primary);border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pace-reset-btn:hover{background:#fed7aa}.pace-results{background:var(--pace-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #f973161a;border:1px solid var(--pace-border)}.pace-results.hidden{display:none}.pace-results-title{font-size:1.25rem;font-weight:700;color:var(--pace-dark);margin:0 0 1.25rem;text-align:center}.pace-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.pace-result-card{display:flex;align-items:center;gap:.75rem;background:var(--pace-light);border-radius:12px;padding:1rem}.pace-result-card.primary{grid-column:1 / -1;background:var(--pace-gradient);color:#fff}.pace-result-card.primary .pace-result-label{color:#fffc}.pace-result-icon{font-size:1.5rem}.pace-result-content{display:flex;flex-direction:column;gap:.125rem}.pace-result-label{font-size:.75rem;font-weight:600;color:var(--pace-text-muted);text-transform:uppercase;letter-spacing:.05em}.pace-result-value{font-size:1.25rem;font-weight:800;color:var(--pace-dark)}.pace-result-card.primary .pace-result-value{color:#fff;font-size:1.5rem}.pace-result-value small{font-size:.7rem;font-weight:600;opacity:.7}.pace-splits-container{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--pace-border)}.pace-splits-container.hidden{display:none}.pace-splits-title{font-size:1rem;font-weight:700;color:var(--pace-dark);margin:0 0 1rem;text-align:center}.pace-splits-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.pace-split-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#f9fafb;border-radius:8px;text-align:center}.pace-split-label{font-size:.7rem;font-weight:600;color:var(--pace-text-muted);text-transform:uppercase}.pace-split-time{font-size:.9rem;font-weight:700;color:var(--pace-dark)}.pace-content{margin-top:3rem}.pace-section{margin-bottom:2.5rem}.pace-section-title{font-size:1.5rem;font-weight:800;color:var(--pace-dark);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--pace-accent)}.pace-paragraph{color:var(--pace-text);line-height:1.7;margin-bottom:1rem}.pace-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.pace-feature-card{background:var(--pace-card-bg);border-radius:12px;padding:1.25rem;text-align:center;border:1px solid var(--pace-border);transition:all .3s ease}.pace-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f9731626}.pace-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.pace-feature-title{font-size:1rem;font-weight:700;color:var(--pace-dark);margin:0 0 .5rem}.pace-feature-description{font-size:.875rem;color:var(--pace-text-muted);margin:0;line-height:1.5}.pace-tips-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.pace-tip-card{display:flex;gap:1rem;background:var(--pace-card-bg);border-radius:12px;padding:1.25rem;border:1px solid var(--pace-border)}.pace-tip-icon{font-size:1.5rem;flex-shrink:0}.pace-tip-content{flex:1}.pace-tip-title{font-size:1rem;font-weight:700;color:var(--pace-dark);margin:0 0 .375rem}.pace-tip-text{font-size:.9rem;color:var(--pace-text-muted);margin:0;line-height:1.6}.pace-table-wrapper{overflow-x:auto;margin-top:1.5rem;border-radius:12px;border:1px solid var(--pace-border)}.pace-table{width:100%;border-collapse:collapse;font-size:.9rem}.pace-table th{background:var(--pace-light);padding:.875rem 1rem;text-align:left;font-weight:700;color:var(--pace-dark);border-bottom:2px solid var(--pace-border)}.pace-table td{padding:.875rem 1rem;border-bottom:1px solid var(--pace-border);color:var(--pace-text)}.pace-table-row.fast{background:#f973160d}.pace-table-row.elite{background:#f973161a;font-weight:600}.pace-faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.pace-faq-item{background:var(--pace-card-bg);border-radius:12px;border:1px solid var(--pace-border);overflow:hidden}.pace-faq-question{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;font-weight:600;color:var(--pace-dark);list-style:none}.pace-faq-question::-webkit-details-marker{display:none}.pace-faq-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--pace-gradient);color:#fff;border-radius:6px;font-size:.75rem;font-weight:800;flex-shrink:0}.pace-faq-item[open] .pace-faq-question{border-bottom:1px solid var(--pace-border)}.pace-faq-answer{padding:1rem 1.25rem;background:#fafafa}.pace-faq-answer p{margin:0;color:var(--pace-text);line-height:1.7;font-size:.95rem}@media (max-width: 768px){.pace-title{font-size:1.5rem}.pace-description{font-size:1rem}.pace-header:before{font-size:5rem}.pace-mode-toggle,.pace-results-grid{grid-template-columns:1fr}.pace-splits-grid{grid-template-columns:repeat(3,1fr)}.pace-features-grid,.pace-buttons{grid-template-columns:1fr}.pace-formula-display{min-height:2.5rem;font-size:.95rem}.pace-time-inputs{justify-content:center}}.hidden{display:none!important}