.pace-container{max-width:1200px;margin:0 auto;background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;transform:translateZ(0);position:relative}.pace-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.pace-header h1{font-size:2.8em;margin-bottom:10px;font-weight:300;letter-spacing:-1px}.pace-header p{font-size:1.2em;opacity:.9;font-weight:300}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:600px;box-sizing:border-box;width:100%}.input-panel{background:#f8f9fa;border-right:1px solid #e9ecef}.input-panel,.results-panel{padding:40px;flex:1;min-width:0;overflow:hidden}.results-panel{background:#fff}.section-title{font-size:1.5em;font-weight:600;color:#2c3e50;margin-bottom:25px;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.input-group label{font-size:1em}.strategy-templates{margin-bottom:30px}.template-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:20px}.template-buttons .template-btn{flex:1 1 calc(50% - 5px);min-width:120px}.template-btn{padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:.9em;font-weight:500;text-align:center}.template-btn:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-1px)}.pace-hint{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:10px 15px;margin-bottom:15px;font-size:.9em;color:#666;text-align:center}.current-pace-display{color:#667eea;font-weight:600}.target-time-section{background:#fff;padding:20px;border-radius:12px;margin-bottom:25px;border:1px solid #e9ecef}.time-input-row{display:flex;flex-direction:row;align-items:flex-end;gap:15px;box-sizing:border-box;width:100%}.time-input-group{flex:1;min-width:150px}.time-input{flex-direction:row;gap:8px}.time-input input{width:60px;padding:12px 8px;border:2px solid #e9ecef;font-weight:500;transition:border-color .3s ease}.time-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.time-separator{font-weight:600;color:#666}.distance-input{width:100px;padding:12px;border:2px solid #e9ecef;border-radius:8px;text-align:center;font-size:1.1em;font-weight:500}.distance-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.action-buttons{display:flex;gap:10px;align-items:center;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:disabled:hover{transform:none!important;box-shadow:none!important}.btn-danger{background:#dc3545;color:#fff;padding:6px 12px;font-size:.9em}.btn-danger:hover{background:#c82333}.segments-list{margin-top:25px}.segment-item{background:#fff;padding:15px;border-radius:12px;margin-bottom:12px;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;position:relative;overflow:hidden}.segment-number{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:.75em;font-weight:600;z-index:1}.segment-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.segment-info{flex:1}.segment-distance{font-size:1.1em;font-weight:600;color:#2c3e50}.segment-pace{font-size:.9em;color:#666;margin-top:2px}.segment-time{font-size:.9em;color:#667eea;font-weight:500}.segment-actions{display:flex;gap:8px;align-items:center}.segment-inline-edit{width:100%;padding-left:60px}.inline-edit-row{display:flex;gap:15px;align-items:center;margin-bottom:10px}.inline-distance-group{display:flex;align-items:center;gap:5px;flex-shrink:0}.inline-distance-input{width:70px;padding:8px 6px;border:2px solid #e9ecef;border-radius:6px;text-align:center;font-size:1.1em;font-weight:600;transition:all .3s ease;background:#fff}.inline-distance-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);background:#f8f9ff}.inline-pace-group{display:flex;align-items:center;gap:5px;flex:1}.inline-pace-input{width:50px;padding:8px 6px;border:2px solid #e9ecef;border-radius:6px;text-align:center;font-size:1.1em;font-weight:600;transition:all .3s ease;background:#fff}.inline-pace-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);background:#f8f9ff}.unit-label{font-size:.9em;color:#666;font-weight:500;white-space:nowrap}.btn-delete{padding:8px 12px;font-size:.9em;flex-shrink:0}.segment-time-display{font-size:.9em;text-align:left;padding:12px 15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;margin-top:10px}.time-info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.05)}.time-info-row:last-child{border-bottom:none}.time-info-label{display:flex;align-items:center;gap:6px;font-weight:500;color:#495057;min-width:80px}.time-info-value{font-weight:600;text-align:right;flex:1}.segment-time-value{color:#667eea}.cumulative-time-value{color:#28a745;font-size:1.05em}.distance-value{color:#6c757d}.time-icon{font-size:.9em;opacity:.7}.cumulative-distance{font-size:.85em;color:#667eea;font-weight:600;margin-top:5px;opacity:.8}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:16px;margin-bottom:25px;text-align:center}.summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px}.summary-item{text-align:center}.summary-value{font-size:2em;font-weight:300;margin-bottom:5px}.summary-label{font-size:.9em;opacity:.9}.chart-container{background:#fff;padding:25px;border-radius:12px;border:1px solid #e9ecef;margin-top:20px}.pace-chart{width:100%;min-height:200px;height:auto;background:#f8f9fa;border-radius:8px;display:flex;align-items:flex-start;justify-content:flex-start;color:#666;font-style:italic;padding:15px;box-sizing:border-box}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state-icon{font-size:4em;margin-bottom:20px;opacity:.3}.data-actions{display:flex;gap:10px;margin-top:20px;justify-content:center}.segments-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.segments-list-actions{display:flex;gap:10px}.toggle-btn{background:#f0f0f0;border:1px solid #ccc;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:.85em;transition:all .2s ease}.toggle-btn:hover{background:#e0e0e0}.toggle-btn.active{background:#667eea;color:#fff;border-color:#667eea}.collapsible-content{max-height:5000px;overflow:hidden;transition:max-height .3s ease-out}.collapsible-content.collapsed{max-height:0;transition:max-height .3s ease-in}.floating-time-display{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;border-radius:25px;box-shadow:0 8px 25px rgba(102,126,234,.4);z-index:999;font-size:.9em;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.floating-time-display:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(102,126,234,.5)}.floating-time-display .time-icon{font-size:1.1em}.floating-time-display .time-value{font-size:1.05em;font-weight:700}.floating-time-display .time-label{font-size:.8em;opacity:.9}@media (max-width:768px){.pace-container{border-radius:15px;margin:0;transform:translateZ(0)}.pace-header{padding:25px 20px}.pace-header h1{font-size:2.2em}.main-content{display:flex;flex-direction:column;width:100%}.input-panel,.results-panel{padding:25px 20px;width:100%;flex:1}.input-panel{border-right:none;border-bottom:1px solid #e9ecef}.template-buttons{flex-wrap:wrap;justify-content:space-between}.template-buttons .template-btn{flex:1 1 100%;min-width:100%}.template-btn{padding:15px;font-size:1em}.summary-grid{display:flex}.summary-grid,.time-input-row{flex-direction:column;gap:15px}.time-input-row{align-items:stretch;width:100%}.action-buttons{flex-direction:column;gap:12px;width:100%}.time-input input{width:70px;padding:15px 10px}.distance-input,.time-input input{font-size:1.2em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px}.distance-input{width:100%;padding:15px}.btn{padding:15px 20px;font-size:1.1em;width:100%;justify-content:center;min-height:44px}.segment-item{padding:20px 15px;flex-direction:column;align-items:stretch;gap:15px}.segment-number{position:relative;top:auto;left:auto;margin-bottom:10px;align-self:flex-start}.segment-inline-edit{padding-left:0}.collapsible-content{max-height:none}.section-title{font-size:1.3em;margin-bottom:20px}.segment-info{text-align:center}.segment-distance{font-size:1.3em}.segment-pace,.segment-time{font-size:1em}.inline-edit-row{flex-direction:column;gap:15px;align-items:stretch}.inline-distance-group,.inline-pace-group{justify-content:center;gap:8px}.inline-distance-input,.inline-pace-input{padding:12px 10px;font-size:1.2em;min-height:44px;width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px}.btn-delete{padding:12px 20px;font-size:1em;min-height:44px;width:100%}.segment-time-display{font-size:1em;padding:10px 12px;margin-top:8px}.time-info-row{padding:6px 0}.time-info-label{min-width:70px;font-size:.95em}.time-info-value{font-size:1.05em}.cumulative-time-value{font-size:1.1em}.time-icon{font-size:1em}.data-actions{flex-direction:column;gap:12px}.summary-card{padding:25px 20px}.summary-value{font-size:1.8em}.chart-container{padding:20px 15px}.floating-time-display{bottom:15px;right:15px;padding:10px 14px;font-size:.85em}}@media (max-width:480px){.pace-header h1{font-size:1.8em}.pace-header p{font-size:1em}.section-title{font-size:1.2em;margin-bottom:15px}.input-panel,.results-panel{padding:20px 15px}.time-input input{width:60px;padding:12px 8px;font-size:1.1em}.template-buttons{flex-wrap:wrap}.summary-grid{gap:12px}.summary-value{font-size:1.5em}.floating-time-display{bottom:10px;right:10px;padding:8px 12px;font-size:.8em}}@supports (-webkit-appearance:none){.pace-container{transform:translateZ(0);backface-visibility:hidden}.distance-input,.inline-distance-input,.inline-pace-input,.time-input input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;-webkit-background-clip:padding-box}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-content{display:flex;flex-direction:row}@media (max-width:768px){.main-content{flex-direction:column}}}@supports (-webkit-touch-callout:none){.pace-container{-webkit-overflow-scrolling:touch;overflow-y:auto;height:100vh;max-height:100vh}input[type=number],input[type=tel]{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width:480px){input[type=number],input[type=tel]{font-size:16px!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.floating-time-display{bottom:calc(10px + env(safe-area-inset-bottom));right:calc(10px + env(safe-area-inset-right))}.pace-container{padding-bottom:env(safe-area-inset-bottom)}}}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;transform:translateX(400px);transition:transform .3s ease}.notification.show{transform:translateX(0)}.notification.success{background:#28a745}.notification.error{background:#dc3545}@media (hover:none) and (pointer:coarse){.btn,.distance-input,.template-btn,.time-input input{min-height:44px;touch-action:manipulation}.segment-item{touch-action:manipulation}}@media (max-width:390px){.pace-header{padding:20px 15px}.pace-header h1{font-size:1.9em;line-height:1.2;margin-bottom:8px}.pace-header p{font-size:.9em;line-height:1.4}.input-panel,.results-panel{padding:18px 15px}.section-title{font-size:1.15em;margin-bottom:15px}.time-input-row{gap:12px}.time-input-group{gap:8px}.time-input input{width:55px;padding:12px 8px;font-size:1.05em;min-height:44px}.time-separator{font-size:1.1em;padding:0 2px}.distance-input{padding:12px;font-size:1.05em;min-height:44px}.inline-pace-input{width:45px;padding:10px 6px;font-size:1em;min-height:44px}.inline-distance-input{width:65px;padding:10px 8px;font-size:1em;min-height:44px}.btn,.template-btn{padding:12px 16px;font-size:.95em;min-height:44px;border-radius:8px}.action-buttons{gap:10px}.template-buttons{gap:8px}.template-btn{padding:12px;font-size:.9em;line-height:1.3}.segment-item{padding:15px 12px;gap:12px}.segment-number{font-size:.85em;padding:4px 8px;margin-bottom:8px}.segment-distance{font-size:1.15em}.segment-pace,.segment-time{font-size:.9em}.summary-card{padding:18px 15px;border-radius:12px}.summary-value{font-size:1.4em}.summary-label{font-size:.85em}.floating-time-display{bottom:12px;right:12px;padding:8px 12px;font-size:.75em;border-radius:20px;min-height:36px}.notification{top:12px;right:12px;left:12px;padding:12px 15px;font-size:.9em;border-radius:8px}.inline-edit-row{gap:12px}.inline-distance-group,.inline-pace-group{gap:6px}.time-info-row{padding:4px 0}.time-info-label{font-size:.85em;min-width:60px}.time-info-value{font-size:.95em}.segment-time-display{font-size:.85em;padding:8px 10px;margin-top:6px}.chart-container{padding:15px 12px;border-radius:12px}.chart-bar{height:20px;border-radius:10px}.data-actions{gap:8px;margin-top:12px}.btn-small{padding:8px 12px;font-size:.85em;min-height:36px}}@media (min-width:844px) and (max-height:390px){.pace-container{padding:15px;overflow-x:auto}.pace-header{padding:15px;text-align:center}.pace-header h1{font-size:1.6em}.pace-header p{font-size:.85em;margin:8px 0}.main-content{flex-direction:row;gap:15px}.input-panel,.results-panel{padding:15px;min-width:350px}.section-title{font-size:1.1em;margin-bottom:12px}.time-input-row{flex-direction:row;gap:8px;align-items:center}.time-input input{width:50px;padding:8px 6px;font-size:.95em;min-height:36px}.action-buttons{flex-direction:row;gap:8px}.btn{padding:8px 12px;font-size:.9em;min-height:36px}.floating-time-display{bottom:15px;right:15px;padding:8px 12px;font-size:.8em;min-height:32px}}@media (max-width:390px){.btn,.btn-small,.template-btn{position:relative;overflow:hidden;transition:all .15s ease}.btn-small:active,.btn:active,.template-btn:active{transform:scale(.98);transition:transform .1s ease}.btn:after,.template-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.5);transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn:active:after,.template-btn:active:after{width:200px;height:200px}input[type=number],input[type=tel]{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}input[type=number]:focus,input[type=tel]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.segment-item{transition:all .2s ease}.segment-item:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.segment-item:active{transform:translateY(0)}.btn-delete{position:relative;overflow:hidden}.btn-delete:active{transform:scale(.95);background:#dc3545}.floating-time-display{transition:all .2s ease;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.floating-time-display:active{transform:scale(.95);box-shadow:0 4px 15px rgba(102,126,234,.4)}.toggle-btn{transition:all .2s ease;touch-action:manipulation}.toggle-btn:active{transform:scale(.95)}.pace-container{-webkit-overflow-scrolling:touch}.btn,.segment-item,.template-btn,input{touch-action:manipulation}.btn,.segment-item,.template-btn{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input[type=number],input[type=tel]{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled,.btn:disabled:active{transform:none!important}.mobile-segment-summary{background:#f8f9fa;border-radius:8px;padding:15px;margin:15px 0;border-left:4px solid #667eea;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.pace-container{contain:layout style paint}.floating-time-display,.segment-item{contain:layout style;will-change:transform}.btn,.template-btn{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.pace-container{scroll-behavior:smooth;overscroll-behavior:contain}input{will-change:transform;transform:translateZ(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;color:#333}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden}.header{background:linear-gradient(45deg,#2c3e50,#3498db);color:#fff;padding:30px;text-align:center}.header h1{font-size:2.5em;margin-bottom:10px;font-weight:300}.header p{font-size:1.1em;opacity:.9}.input-section{padding:40px;background:#f8f9fa}.input-group{margin-bottom:25px}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:1.1em}.race-selector{display:flex;gap:15px;margin-bottom:20px}.race-option{flex:1;padding:15px;border:2px solid #ddd;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff}.race-option:hover{border-color:#3498db;transform:translateY(-2px)}.race-option.active{border-color:#3498db;background:#3498db;color:#fff}.time-input{display:flex;gap:10px;align-items:center}.time-input input{width:80px;padding:12px;border:2px solid #ddd;border-radius:8px;text-align:center;font-size:1.1em;font-weight:700}.time-input input:focus{outline:none;border-color:#3498db;box-shadow:0 0 10px rgba(52,152,219,.3)}.time-separator{font-size:1.5em;font-weight:700;color:#7f8c8d}.calculate-btn{width:100%;padding:15px;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;border:none;border-radius:10px;font-size:1.2em;font-weight:600;cursor:pointer;transition:transform .3s ease;margin-top:20px}.calculate-btn:hover{transform:translateY(-2px)}.results{padding:40px;display:none}.current-vdot{background:linear-gradient(45deg,#27ae60,#2ecc71);color:#fff;padding:20px;border-radius:10px;text-align:center;margin-bottom:30px}.current-vdot h2{font-size:2em;margin-bottom:10px}.vdot-levels{display:grid;gap:20px}.vdot-level{border:2px solid #ecf0f1;border-radius:10px;padding:20px;background:#fff}.vdot-level.current{border-color:#27ae60;background:#f8fff8}.vdot-level h3{color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ecf0f1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;transition:color .3s ease}.vdot-level h3:hover{color:#3498db}.vdot-level h3:after{content:"▼";position:absolute;right:10px;transition:transform .3s ease;color:#7f8c8d}.vdot-level.collapsed h3:after{transform:rotate(-90deg)}.vdot-content{transition:all .3s ease;overflow:hidden}.vdot-level.collapsed .vdot-content{max-height:0;opacity:0;margin-top:0}.vdot-level:not(.collapsed) .vdot-content{max-height:2000px;opacity:1}.pace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:15px}.pace-item{background:#f8f9fa;padding:15px;border-radius:8px;text-align:center}.pace-item h4{color:#3498db;margin-bottom:8px;font-size:1.1em}.pace-value{font-size:1.3em;font-weight:700;color:#2c3e50;margin-bottom:5px}.pace-converted{font-size:.9em;color:#7f8c8d;font-style:italic}.unit-toggle{text-align:center;margin:20px 0}.unit-toggle button{background:#ecf0f1;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;margin:0 5px;transition:all .3s ease}.unit-toggle button.active{background:#3498db;color:#fff}.equivalent-times{background:#e8f6ff;padding:15px;border-radius:8px;margin-top:15px}.equivalent-times h4{color:#2980b9;margin-bottom:10px}.time-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.time-item{text-align:center;padding:8px;background:#fff;border-radius:5px;font-size:.9em}.distance{font-weight:700;color:#2980b9}.time{color:#2c3e50}.pace{color:#e74c3c;font-size:.85em;font-weight:700;margin-top:2px}.error{background:#e74c3c;color:#fff;padding:15px;border-radius:8px;text-align:center;margin-top:20px}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(52,152,219,.3);transition:all .3s ease;z-index:1000}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(52,152,219,.4);background:linear-gradient(45deg,#2980b9,#3498db)}.back-to-top:active{transform:translateY(-1px)}html{scroll-behavior:smooth}@media (max-width:768px){.container{margin:10px;border-radius:10px}.header{padding:20px}.header h1{font-size:2em}.input-section,.results{padding:20px}.pace-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.time-list{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.time-item{padding:6px;font-size:.8em}}@media (max-width:480px){.container{margin:5px;border-radius:8px}.header{padding:15px}.header h1{font-size:1.8em}.input-section,.results{padding:15px}.pace-grid{grid-template-columns:1fr;gap:8px}.time-list{grid-template-columns:repeat(2,1fr);gap:6px}.time-item{padding:10px 6px;font-size:.85em;min-height:auto;display:flex;flex-direction:column;justify-content:center}.time-item .distance{font-size:.9em;margin-bottom:2px}.time-item .time{font-size:1.1em;font-weight:700;margin-bottom:2px}.time-item .pace{font-size:.75em}.race-selector{flex-direction:column;gap:10px}.time-input{justify-content:center}.time-input input{width:60px;padding:10px;font-size:1em}.time-item:last-child,.time-item:nth-last-child(2){background:linear-gradient(135deg,#fff3cd,#fff8e1);border:1px solid #ffc107}}