@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s ease-in-out}button:focus,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}input{font-family:inherit}.time-slider-container{width:100%;padding:1rem}.time-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.time-slider-label{font-size:.95rem;font-weight:500;color:#374151}.time-slider-value{font-size:1.1rem;font-weight:600;color:#667eea;min-width:50px;text-align:right}.time-slider-wrapper{width:100%}.time-slider{width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:opacity .2s}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 6px #667eea66;transition:all .2s ease-in-out}.time-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea99}.time-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.time-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 6px #667eea66;transition:all .2s ease-in-out}.time-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea99}.time-slider::-moz-range-thumb:active{transform:scale(1.2)}.time-slider-markers{display:flex;justify-content:space-between;margin-top:.5rem;padding:0 4px}.time-marker{font-size:.75rem;color:#9ca3af}@media (max-width: 768px){.time-slider-container{padding:.75rem}.time-slider-label{font-size:.9rem}.time-slider-value{font-size:1rem}.time-slider{height:10px}.time-slider::-webkit-slider-thumb{width:28px;height:28px}.time-slider::-moz-range-thumb{width:28px;height:28px}}@media (max-width: 480px){.time-slider::-webkit-slider-thumb{width:32px;height:32px}.time-slider::-moz-range-thumb{width:32px;height:32px}}.hyrox-simulator{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.simulator-header{text-align:center;margin-bottom:3rem}.simulator-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.simulator-header p{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto}.simulator-content{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}.race-segments{display:flex;flex-direction:column;gap:1.5rem}.race-segment{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;transition:all .2s ease-in-out}.race-segment:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.race-segment.rox-zone{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;border-width:2px}.race-segment.run-target{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;border-width:2px}.segment-header{margin-bottom:.5rem}.segment-header h3{font-size:1.15rem;font-weight:600;color:#374151;margin:0;display:flex;align-items:center;gap:.5rem}.segment-description{font-size:.85rem;color:#6b7280;margin:.25rem 0 0;font-weight:400}.station-content{display:flex;flex-direction:column;gap:.5rem}.segment-divider{text-align:center;padding:.5rem 0;color:#9ca3af;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-section{position:sticky;top:2rem}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:1rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.summary-card h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.summary-breakdown{display:flex;flex-direction:column;gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.summary-item.total{font-weight:700;font-size:1.125rem;border-top:2px solid rgba(255,255,255,.2);margin-top:.5rem;padding-top:1rem}.summary-label{font-weight:500;opacity:.9}.summary-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.total-time{font-size:1.5rem;font-weight:700}.summary-divider{height:1px;background:#fff3;margin:.5rem 0}.reset-button{width:100%;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out;margin-top:1.5rem}.reset-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.reset-button:disabled{opacity:.5;cursor:not-allowed}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.export-button{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.export-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.export-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.storage-indicator{font-size:.75rem;color:#ffffffb3;text-align:center;margin-top:.5rem;font-style:italic}@media (max-width: 1024px){.simulator-content{grid-template-columns:1fr;gap:2rem}.summary-section{position:static;order:initial}}@media (max-width: 768px){.hyrox-simulator{padding:1rem}.simulator-header{margin-bottom:2rem}.simulator-header h1{font-size:2rem}.simulator-header p{font-size:1rem}.simulator-content{gap:1.5rem}.race-segments{gap:1rem}.race-segment{padding:1rem}.segment-header h3{font-size:1rem}.summary-card{padding:1.5rem}.summary-card h2{font-size:1.25rem}.action-buttons{gap:.5rem}.export-button,.reset-button{padding:.625rem 1rem;font-size:.8rem}.total-time{font-size:1.25rem}}@media (max-width: 480px){.hyrox-simulator{padding:.75rem}.simulator-header{margin-bottom:1.5rem}.simulator-header h1{font-size:1.75rem}.simulator-header p{font-size:.9rem;padding:0 .5rem}.race-segment{padding:.75rem;border-radius:.75rem}.segment-header h3{font-size:.95rem}.summary-card{padding:1.25rem}.summary-item{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem 0}.summary-label,.summary-value{font-size:.9rem}.total-time{font-size:1.125rem}}@media (hover: none) and (pointer: coarse){.race-segment:hover{transform:none}.race-segment:active{transform:scale(.98)}.export-button:active,.reset-button:active{transform:scale(.95)}}.App{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}