html,body{height:100%;margin:0;padding:0;overflow:hidden}.app-layout{flex-direction:column;width:100vw;height:100vh;display:flex}.main-view{flex:1;min-height:0;position:relative}#cesiumContainer{width:100%;height:100%;margin:0;padding:0}#mousePosition{display:none!important}.bottom-bar{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;transition:height .3s;display:flex;position:relative}.bottom-bar.collapsed .bottom-bar-content,.bottom-bar.collapsed .bottom-bar-tabs,.bottom-bar.collapsed .walkthrough-bar{display:none}.bottom-bar-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;padding:0 12px;display:flex;overflow:auto hidden}.bottom-bar-tabs::-webkit-scrollbar{display:none}.tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s}.tab-btn:hover{color:#0f172a;background:#f1f5f9}.tab-btn.active{color:#f97316;background:#fff;border-bottom-color:#f97316}.tab-btn-coaching{position:relative}.tab-btn-coaching:not(.active){color:#f97316;font-weight:700}.tab-badge{color:#fff;background:#f97316;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;animation:2s ease-in-out infinite badge-pulse;display:inline-flex}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.tab-btn.active .tab-badge{opacity:.8;animation:none}.tab-spacer{flex:1}.collapse-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;transition:all .2s}.collapse-btn:hover{color:#0f172a;background:#e2e8f0}.collapse-btn svg{width:16px;height:16px;transition:transform .3s}.bottom-bar.collapsed .collapse-btn svg{transform:rotate(180deg)}.bottom-bar-content{height:150px}.resize-handle{cursor:ns-resize;touch-action:none;background:0 0;flex-shrink:0;height:6px;position:relative}.resize-handle:before{content:"";background:#cbd5e1;border-radius:2px;width:40px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle:hover:before{background:#f97316}.tab-content{width:100%;height:100%;padding:12px 16px;display:none;overflow-y:auto}.tab-content.active{display:block}.tab-content.chart-tab{padding:0}.chart-container{width:100%;height:100%;position:relative}#altitudeChart{width:100%;height:100%}.replay-controls{z-index:2000;background:#fff;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex;position:relative}.floating-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-radius:12px;padding:16px;position:absolute;box-shadow:0 4px 6px #0000001a}.hidden{display:none!important}.metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}#thermalsContainer,#glidesContainer{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.thermal-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px;transition:all .2s}.thermal-item:hover,.thermal-item.active{background:#fff7ed;border-color:#f97316}.loading{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.climb-positive{color:#22c55e}.climb-negative{color:#ef4444}.climb-neutral{color:#64748b}#dropZone{text-align:center;cursor:pointer;border:2px dashed #cbd5e1;border-radius:8px;padding:14px;transition:all .2s}#dropZone:hover,#dropZone.drag-over{background:#fff7ed;border-color:#f97316}kbd{color:#fff;background:#334155;border-radius:3px;margin:0 2px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block;box-shadow:0 1px 2px #0003}#helpBtn{transition:all .2s}#helpBtn:hover{background:#f973161a;transform:scale(1.05)}.replay-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.replay-btn:hover{background:#ea580c;transform:scale(1.05)}.replay-btn:disabled{cursor:not-allowed;background:#cbd5e1;transform:none}.replay-btn--secondary{background:#64748b}.replay-btn--secondary:hover{background:#475569}.replay-btn--spaced-left{margin-left:8px}.replay-btn--spaced-right{margin-right:8px}.replay-timeline{cursor:pointer;background:#e2e8f0;border-radius:3px;flex:1;height:6px;position:relative}.replay-progress{background:#f97316;border-radius:3px;width:0%;height:100%;transition:width .1s linear}.replay-handle{cursor:grab;background:#f97316;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.replay-handle:active{cursor:grabbing}.replay-speed{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:45px;padding:4px 6px;font-size:11px;font-weight:600}.replay-time{color:#475569;text-align:right;min-width:90px;font-size:11px;font-weight:500}.legend-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#ffffffe6;border-radius:20px;align-items:center;gap:12px;padding:6px 16px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.legend-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-right:4px;font-size:9px;font-weight:600}.legend-item{align-items:center;gap:4px;display:flex}.legend-color{border-radius:2px;flex-shrink:0;width:20px;height:4px}.legend-color--climb-max{background:red}.legend-color--climb-strong{background:#ff8c00}.legend-color--climb-light{background:gold}.legend-color--neutral{background:#ffffe0}.legend-color--sink-light{background:#00e5ff}.legend-color--sink-strong{background:#06f}.legend-color--sink-heavy{background:#c0f}.legend-label{color:#64748b;white-space:nowrap;font-size:9px}@media (width<=768px){.legend-panel{display:none!important}.replay-controls{padding:8px 10px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 112px);gap:8px}#replayTimeline,.resize-handle{display:none}.bottom-bar:before{content:"";pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000,#f8fafc);width:50px;height:43px;position:absolute;top:0;right:0}.tab-btn{padding:10px 12px;font-size:11px}.collapse-btn{z-index:10;background:#f8fafc;margin-left:auto;position:sticky;right:0}#collapseBtn{order:1;margin-right:0!important}#replayResetBtn{order:2}#replayPlayBtn{order:3}#replayEndBtn{order:4}#replayTime{text-align:center;flex:1;order:5;min-width:60px;font-size:11px}#replaySpeed{order:6;min-width:42px;padding:5px 8px;font-size:11px}.replay-btn{width:32px;height:32px}.collapse-btn{padding:6px}.collapse-btn svg{width:14px;height:14px}}.compass{z-index:1000;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:20px;right:20px}.compass-arrow{width:100%;height:100%;transition:transform .1s ease-out}.compass-arrow svg{filter:drop-shadow(0 2px 4px #0000004d);width:100%;height:100%}.info-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.metrics-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:8px;display:grid}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.metric-card:hover{border-color:#f97316;transform:translateY(-2px);box-shadow:0 4px 12px #f9731626}.metric-card-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:8px;display:flex}.metric-card-icon{color:#f97316;flex-shrink:0;width:16px;height:16px}.metric-card-title{color:#334155;letter-spacing:.3px;font-size:12px;font-weight:600}.metric-card-hero{text-align:center;margin-bottom:10px}.metric-hero-value{color:#f97316;margin-bottom:2px;font-size:24px;font-weight:700;line-height:1.2}.metric-hero-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:500}.metric-card-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.metric-stat{flex-direction:column;gap:2px;display:flex}.metric-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:500}.metric-stat-value{color:#1e293b;font-size:14px;font-weight:600}#coachingTabContent{padding:0}.coaching-walkthrough{max-width:900px;margin:0 auto;padding:12px}.coaching-header{border-bottom:2px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px}.coaching-section{border-left:4px solid;border-radius:8px;margin-bottom:12px;padding:12px;transition:all .2s}.coaching-section:hover{transform:translate(2px);box-shadow:0 2px 8px #00000014}.coaching-section-header{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.coaching-section-icon{flex-shrink:0;font-size:20px;line-height:1}.coaching-section-title{color:#0f172a;font-size:13px;font-weight:700;line-height:1.3}.coaching-section-subtitle{color:#64748b;margin-top:2px;font-size:10px}.coaching-items{flex-direction:column;gap:8px;display:flex}.coaching-item{cursor:pointer;background:#fff9;border-radius:6px;align-items:flex-start;gap:8px;padding:8px;transition:all .15s;display:flex}.coaching-item:hover{background:#ffffffe6;transform:translate(3px)}.coaching-item-bullet{flex-shrink:0;margin-top:1px;font-size:16px;font-weight:700;line-height:1}.coaching-item-text{color:#334155;flex:1;font-size:12px;line-height:1.5}.walkthrough-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #f9731633}.walkthrough-start-btn:hover{background:linear-gradient(135deg,#ea580c 0%,#dc2626 100%);transform:translateY(-1px);box-shadow:0 4px 8px #f973164d}.walkthrough-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2500;background:linear-gradient(#fffffffa,#fffffff2);border-bottom:2px solid #f97316;align-items:flex-start;gap:12px;height:70px;padding:8px 16px;animation:.3s ease-out slideDown;display:flex;position:absolute;top:-24px;left:0;right:0;box-shadow:0 2px 8px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.walkthrough-content{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.walkthrough-progress{flex-shrink:0;align-items:center;margin-top:4px;display:flex}.walkthrough-progress-text{color:#f97316;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:9px;font-weight:700}.walkthrough-item-container{flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.walkthrough-item-icon{flex-shrink:0;margin-top:2px;font-size:18px;line-height:1}.walkthrough-item-text{color:#334155;flex:1;max-height:6em;font-size:13px;line-height:1.5;overflow-y:auto}.walkthrough-nav-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:6px;transition:all .2s;display:flex}.walkthrough-nav-btn:hover:not(:disabled){background:#ea580c;transform:scale(1.1)}.walkthrough-nav-btn:disabled{cursor:not-allowed;opacity:.5;background:#cbd5e1}.walkthrough-exit-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:6px;transition:all .2s;display:flex}.walkthrough-exit-btn:hover{color:#dc2626;background:#fee2e2}@media (width<=768px){.walkthrough-bar{gap:8px;height:70px;padding:8px 10px;top:-30px}.walkthrough-nav-btn{width:32px;height:32px;margin-top:4px}.walkthrough-exit-btn{margin-top:4px}.walkthrough-item-text{max-height:6em;font-size:12px}.walkthrough-item-icon{font-size:16px}.walkthrough-start-btn{padding:6px 10px;font-size:11px}}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;width:100%;padding:0 15px;display:flex}.empty-state-icon{color:#cbd5e1;width:48px;height:48px;margin-bottom:5px}.empty-state-title{color:#475569;margin-bottom:5px;font-size:15px;font-weight:600}.empty-state-text{color:#94a3b8;max-width:280px;font-size:13px}.chart-container{position:relative}.chart-container .empty-state{z-index:1;background:#fff;position:absolute;inset:0}.chart-container canvas{z-index:2;position:relative}#annotationsList{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.annotation-card{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px;transition:all .2s}.annotation-card:hover{background:#fff7ed;border-color:#f97316}.annotation-card.selected{background:#fff7ed;border-color:#f97316;box-shadow:0 0 0 2px #f973164d}.annotation-card.add-card{background:0 0;border:2px dashed #e2e8f0}.annotation-card.add-card:hover{background:#fff7ed;border-color:#f97316}.add-annotation-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:60px;display:flex}.info-item{background:#f8fafc;border-radius:6px;padding:8px}.info-label{color:#64748b;margin-bottom:2px;font-size:10px}.info-value{color:#0f172a;font-size:14px;font-weight:600}.modal-overlay{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-content{z-index:1;background:#fff;border-radius:12px;width:calc(100% - 40px);max-width:400px;padding:24px;animation:.2s ease-out modalSlideIn;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (width<=768px){.modal-content{width:auto;max-width:none;margin:0;position:fixed;top:20px;left:20px;right:20px}.modal-overlay{padding-top:calc(env(safe-area-inset-top,0px) + 20px);align-items:flex-start}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{color:#0f172a;margin-bottom:16px;font-size:18px;font-weight:600}.modal-input{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.modal-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.modal-btn-cancel{color:#64748b;background:#f1f5f9}.modal-btn-cancel:hover{background:#e2e8f0}.modal-btn-confirm{color:#fff;background:#f97316}.modal-btn-confirm:hover{background:#ea580c}.modal-btn-confirm:disabled{cursor:not-allowed;background:#cbd5e1}