.tracks-app[data-astro-cid-5eobocih]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.tracks-header[data-astro-cid-5eobocih]{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.back-link[data-astro-cid-5eobocih]{color:#8892b0;text-decoration:none;font-size:.9rem;transition:color .2s}.back-link[data-astro-cid-5eobocih]:hover{color:#00d9ff}h1[data-astro-cid-5eobocih]{font-size:1.5rem;background:linear-gradient(90deg,#00d9ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-stats[data-astro-cid-5eobocih]{color:#8892b0;font-size:.85rem}.tracks-main[data-astro-cid-5eobocih]{position:relative;height:calc(100vh - 60px);overflow:hidden}@media (max-width: 768px){.tracks-header[data-astro-cid-5eobocih]{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}h1[data-astro-cid-5eobocih]{font-size:1.2rem;order:-1;width:100%;text-align:center}.header-stats[data-astro-cid-5eobocih]{display:none}}.globe-wrapper{width:100%;height:100%;position:relative;background:#0a0a1a}.globe-container{width:100%;height:100%;position:absolute;top:0;left:0}.loading-overlay,.error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1ae6;z-index:10}.loading-spinner{width:50px;height:50px;border:3px solid rgba(0,217,255,.2);border-top-color:#00d9ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p,.error-overlay p{margin-top:1rem;color:#8892b0;font-size:.9rem}.error-overlay p{color:#ff6b6b}.globe-container canvas{outline:none}.playback-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#0a0a1af2,#0a0a1acc);padding:1rem 1.5rem;z-index:100;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.controls-row{display:flex;align-items:center;gap:1rem}.controls-row.main-controls{margin-bottom:.75rem}.controls-row.speed-controls{margin-bottom:.5rem}.controls-row.date-range{justify-content:center}.play-button{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#00d9ff,#0f8);color:#0a0a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;flex-shrink:0}.play-button:hover{transform:scale(1.05);box-shadow:0 0 20px #00d9ff80}.play-button svg{width:20px;height:20px}.control-button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#8892b0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.control-button:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.control-button.active{background:#00d9ff33;border-color:#00d9ff;color:#00d9ff}.control-button svg{width:18px;height:18px}.scrubber-container{flex:1;position:relative;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.scrubber{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.scrubber-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#00d9ff,#0f8);border-radius:4px;pointer-events:none;transition:width .1s linear}.date-display{min-width:180px;text-align:right;flex-shrink:0}.current-date{color:#0f8;font-size:.95rem;font-weight:500}.speed-label{color:#8892b0;font-size:.85rem;flex-shrink:0}.speed-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.speed-button{padding:.35rem .75rem;border-radius:4px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#8892b0;font-size:.8rem;cursor:pointer;transition:all .2s}.speed-button:hover{background:#ffffff1a;color:#fff}.speed-button.active{background:#00d9ff33;border-color:#00d9ff;color:#00d9ff}.range-text{color:#8892b0;font-size:.75rem}@media (max-width: 768px){.playback-controls{padding:.75rem 1rem}.controls-row.main-controls{flex-wrap:wrap}.date-display{width:100%;text-align:center;margin-top:.5rem;order:10}.scrubber-container{min-width:100px}.speed-buttons{justify-content:center}.controls-row.speed-controls{flex-wrap:wrap;justify-content:center}.speed-label{width:100%;text-align:center;margin-bottom:.25rem}}.filter-panel{position:absolute;top:0;right:0;width:280px;max-height:calc(100% - 160px);overflow-y:auto;background:linear-gradient(to bottom,#0a0a1af2,#0a0a1ad9);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-bottom-left-radius:12px;z-index:50}.filter-panel.collapsed{width:auto}.filter-section{margin-bottom:1rem}.filter-section:last-child{margin-bottom:0}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.filter-label{color:#8892b0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.filter-stat{color:#00d9ff;font-size:.75rem}.clear-btn{background:none;border:none;color:#ff6b6b;font-size:.7rem;cursor:pointer;padding:.2rem .4rem;border-radius:3px;transition:background .2s}.clear-btn:hover{background:#ff6b6b33}.year-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.year-btn{padding:.4rem .6rem;border-radius:4px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#8892b0;font-size:.8rem;cursor:pointer;transition:all .2s}.year-btn:hover{background:#ffffff1a;color:#fff}.year-btn.active{background:#00d9ff33;border-color:#00d9ff;color:#00d9ff}.month-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.month-btn{padding:.3rem .4rem;border-radius:3px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#8892b0;font-size:.7rem;cursor:pointer;transition:all .2s}.month-btn:hover:not(.disabled){background:#ffffff1a;color:#fff}.month-btn.active{background:#0f83;border-color:#0f8;color:#0f8}.month-btn.disabled{opacity:.3;cursor:not-allowed}.calendar-grid{display:flex;flex-direction:column;gap:.4rem}.calendar-month{display:flex;align-items:flex-start;gap:.4rem}.month-label{width:28px;font-size:.65rem;color:#8892b0;flex-shrink:0;padding-top:2px}.day-grid{display:flex;flex-wrap:wrap;gap:2px}.day-cell{width:6px;height:6px;border-radius:1px;background:#ffffff14;cursor:pointer;transition:all .15s}.day-cell.has-data{background:#00d9ff99}.day-cell.has-data:hover{background:#00d9ff;transform:scale(1.5)}.day-cell.in-selection.has-data{background:#0f8}.year-stats{background:#ffffff08;border-radius:6px;padding:.75rem}.stat-row{display:flex;justify-content:space-between;margin-bottom:.4rem}.stat-row:last-child{margin-bottom:0}.stat-label{color:#8892b0;font-size:.8rem}.stat-value{color:#0f8;font-size:.8rem;font-weight:500}@media (max-width: 768px){.filter-panel{display:none}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:#ffffff08;border:none;width:100%;cursor:pointer;transition:background .2s}.panel-header:hover{background:#ffffff0f}.panel-header-left{display:flex;align-items:center;gap:.5rem}.panel-icon{width:18px;height:18px;color:#00d9ff}.panel-title{color:#ccd6f6;font-size:.85rem;font-weight:500}.panel-chevron{width:20px;height:20px;color:#8892b0;transition:transform .2s}.stats-panel.expanded .panel-chevron,.filter-panel.expanded .panel-chevron{transform:rotate(180deg)}.panel-body{padding:.75rem;border-top:1px solid rgba(255,255,255,.1)}.stats-panel{position:absolute;top:0;left:0;width:280px;max-height:calc(100% - 160px);overflow-y:auto;background:linear-gradient(to bottom,#0a0a1af2,#0a0a1ad9);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-bottom-right-radius:12px;z-index:50}.stats-panel.collapsed{width:auto}.stats-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00d9ff26;border-radius:8px;color:#00d9ff}.stat-icon svg{width:20px;height:20px}.stat-content{flex:1}.stat-card .stat-value{font-size:1.25rem;font-weight:600;color:#fff;line-height:1.2}.stat-card .stat-label{font-size:.7rem;color:#8892b0;text-transform:uppercase;letter-spacing:.05em}.date-range-display{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-bottom:1rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.range-label{color:#8892b0;font-size:.75rem}.range-value{color:#0f8;font-size:.8rem;font-weight:500}.yearly-breakdown{margin-bottom:1rem}.section-title{color:#8892b0;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.year-bars{display:flex;flex-direction:column;gap:.4rem}.year-bar-row{display:flex;align-items:center;gap:.5rem}.year-bar-row.selected .bar-fill{background:linear-gradient(90deg,#0f8,#00d9ff)}.year-bar-row .year-label{width:36px;font-size:.75rem;color:#8892b0;flex-shrink:0}.bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#09c);border-radius:4px;transition:width .3s ease}.year-bar-row .year-value{width:70px;font-size:.7rem;color:#8892b0;text-align:right;flex-shrink:0}.filtered-stats{padding:.75rem;background:#00ff881a;border-radius:6px;border:1px solid rgba(0,255,136,.2)}.filtered-stats .section-title{color:#0f8}.filtered-value{color:#fff;font-size:.9rem;font-weight:500}@media (max-width: 768px){.stats-panel{display:none}}.settings-panel{position:absolute;bottom:140px;right:0;width:240px;background:linear-gradient(to bottom,#0a0a1af2,#0a0a1ae6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-right:none;border-radius:12px 0 0 12px;z-index:55;overflow:hidden;transition:all .2s ease}.settings-panel.collapsed{width:auto}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:#ffffff08;border:none;width:100%;cursor:pointer;transition:background .2s}.settings-header:hover{background:#ffffff0f}.settings-header-left{display:flex;align-items:center;gap:.5rem}.settings-icon{width:18px;height:18px;color:#00d9ff}.settings-title{color:#ccd6f6;font-size:.85rem;font-weight:500}.settings-chevron{width:20px;height:20px;color:#8892b0;transition:transform .2s}.settings-panel.expanded .settings-chevron{transform:rotate(180deg)}.settings-body{padding:.75rem;border-top:1px solid rgba(255,255,255,.1)}.settings-section{margin-bottom:.75rem}.settings-section:last-child{margin-bottom:0}.settings-section-title{color:#8892b0;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.settings-section-content{background:#ffffff08;border-radius:6px;padding:.6rem}.unit-toggle{display:flex;gap:.3rem}.unit-btn{flex:1;padding:.4rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#8892b0;font-size:.75rem;cursor:pointer;transition:all .2s}.unit-btn:hover{background:#ffffff1a;color:#fff}.unit-btn.active{background:#0f83;border-color:#0f8;color:#0f8}.preset-buttons{display:flex;gap:.3rem}.preset-btn{flex:1;padding:.35rem .4rem;border-radius:4px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#8892b0;font-size:.7rem;cursor:pointer;transition:all .2s;white-space:nowrap}.preset-btn:hover{background:#ffffff1a;color:#fff}.preset-btn.active{background:#00d9ff33;border-color:#00d9ff;color:#00d9ff}.settings-slider-row{margin-bottom:.6rem}.settings-slider-row:last-child{margin-bottom:0}.settings-slider-label{display:flex;justify-content:space-between;align-items:center;color:#ccd6f6;font-size:.75rem;margin-bottom:.3rem}.settings-slider-value{color:#0f8;font-size:.7rem;font-weight:500}.settings-slider{width:100%;height:5px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#00d9ff,#0f8);cursor:pointer;box-shadow:0 2px 6px #00d9ff66;transition:transform .15s}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.settings-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#00d9ff,#0f8);cursor:pointer;border:none;box-shadow:0 2px 6px #00d9ff66}.settings-color-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.settings-color-row:last-child{margin-bottom:0}.settings-color-label{color:#ccd6f6;font-size:.75rem}.settings-color-input{width:32px;height:24px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:transparent;cursor:pointer}.settings-color-input::-webkit-color-swatch-wrapper{padding:2px}.settings-color-input::-webkit-color-swatch{border-radius:2px;border:none}.settings-color-input::-moz-color-swatch{border-radius:2px;border:none}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.toggle-label{font-size:.7rem;color:var(--text-muted)}.toggle-btn{padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(0,217,255,.3);background:transparent;color:var(--text-muted);font-size:.65rem;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#0f83;border-color:#0f8;color:#0f8}.toggle-btn:hover{border-color:#00d9ff80}.speed-legend{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.speed-legend-item{display:flex;align-items:center;gap:.25rem;font-size:.6rem;color:var(--text-muted)}.speed-color{width:10px;height:10px;border-radius:2px}.reset-btn{width:100%;margin-top:.5rem;padding:.4rem;border-radius:4px;border:1px solid rgba(255,107,107,.3);background:#ff6b6b1a;color:#ff6b6b;font-size:.75rem;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#ff6b6b33;border-color:#ff6b6b80}@media (max-width: 768px){.settings-panel{bottom:120px;width:200px}}