*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1116;--surface:#161b23;--surface-2:#1e2530;--border:#ffffff14;--text:#e8eaed;--text-2:#98a2b3;--accent:#3987e5;--danger:#e5484d;--chart-series:#3987e5;--chart-peak:#c8801f;--chart-build:#8f6ae0;--radius:14px}body{background:radial-gradient(60rem 30rem at 80% -10%, #3987e51f, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}main{max-width:62rem;margin:0 auto;padding:1.75rem 1.25rem 5rem}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.app-header h1{letter-spacing:-.03em;background:linear-gradient(92deg,#58a6ff,#3987e5 55%,#c8801f);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.7rem;font-weight:800;line-height:1.15}.tagline{color:var(--text-2);margin:0;font-size:.9rem;line-height:1.3}.account{align-items:center;display:flex}.account-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:999px;align-items:center;gap:.6rem;padding:.35rem .5rem .35rem 1rem;font-size:.85rem;display:inline-flex}.sign-in{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.4rem;padding:1.5rem 1.75rem}.card p{margin:.45rem 0}.card h2{text-transform:uppercase;letter-spacing:.14em;color:var(--text-2);margin:0 0 .7rem;font-size:.78rem;font-weight:600}.card.ride{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 7%, var(--surface)), var(--surface) 40%)}button{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:9px;padding:.45rem .95rem;font-size:.9rem;transition:border-color .15s,background .15s,transform 50ms}button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:#232b38}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:linear-gradient(135deg,#4a94ec,#2a6ac2);border:none;padding:.6rem 1.5rem;font-weight:650}button.primary:hover:not(:disabled){background:linear-gradient(135deg,#58a0f2,#3273cb)}button.ghost{color:var(--text-2);background:0 0;border-color:#0000;padding:.3rem .6rem}button.ghost:hover:not(:disabled){color:var(--text);background:var(--surface-2)}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:.45rem .7rem;font-size:.9rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:1px}input[type=checkbox]{accent-color:var(--accent)}input[type=range]{background:0 0;border:none;padding:0}.file-source{flex-direction:column;gap:.15rem;display:flex}.file-note{color:var(--text-2);opacity:.75;text-align:center;font-size:.7rem}.file-button{color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.9rem;transition:border-color .15s,background .15s;display:inline-flex;position:relative}.file-button:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:#232b38}.file-button:focus-within{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:1px}.file-button input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.hint{color:var(--text-2);font-size:.85rem}.error{color:var(--danger);font-size:.9rem}table{border-collapse:collapse;width:100%;font-size:.92rem}th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);padding:.4rem .75rem;font-size:.72rem;font-weight:600}td{text-align:left;border-top:1px solid var(--border);padding:.45rem .75rem}tbody tr:hover{background:#ffffff06}tr.peak td{color:color-mix(in srgb, var(--chart-peak) 75%, var(--text));font-weight:650}tr.peak td:first-child:after{content:" 🔥"}.transport{justify-content:center;align-items:center;gap:.9rem;margin-top:1.2rem;display:flex}.transport-btn{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1rem;line-height:1;display:flex}.transport-play{color:#fff;background:linear-gradient(135deg,#4a94ec,#2a6ac2);border:none;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;padding:0;font-size:1.5rem;line-height:1;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 6px 22px #3987e559}.transport-play:hover:not(:disabled){background:linear-gradient(135deg,#58a0f2,#3273cb);transform:scale(1.05);box-shadow:0 8px 26px #3987e573}.glyph-play{margin-left:3px;display:flex}.transport-btn svg{width:17px;height:17px}.transport-play svg{width:26px;height:26px}.transport-skip{align-items:center;gap:.45rem;display:inline-flex}.transport-skip svg{width:15px;height:15px}.transport-skip{border-radius:999px}.transport-label{font-weight:650}.position-slider{width:100%;accent-color:var(--accent);margin:.25rem 0 .5rem}.trainer-sync{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.trainer-sync p{margin:0}.timeline{margin:.75rem 0 .5rem;position:relative}.timeline svg{background:#00000040;border-radius:8px;width:100%;height:104px;display:block;overflow:visible}.timeline-silhouette{fill:color-mix(in srgb, var(--chart-series) 30%, transparent);stroke:var(--chart-series);stroke-width:2px}.timeline-silhouette-drop{fill:color-mix(in srgb, var(--chart-peak) 50%, transparent);stroke:var(--chart-peak);stroke-width:2px}.timeline-wash-build{fill:color-mix(in srgb, var(--chart-build) 20%, transparent)}.timeline-legend{opacity:.85;margin:.45rem 0 0;font-size:.75rem}.swatch{vertical-align:-1px;border-radius:3px;width:.8em;height:.8em;display:inline-block}.swatch-drop{background:var(--chart-peak)}.swatch-build{background:color-mix(in srgb, var(--chart-build) 45%, transparent)}.timeline-grid{stroke:color-mix(in srgb, currentColor 20%, transparent);stroke-width:1px;stroke-dasharray:4 4}.timeline-crosshair{stroke:color-mix(in srgb, currentColor 35%, transparent);stroke-width:1px}.timeline-playhead{stroke:currentColor;stroke-width:2px}.timeline-ftp-label{color:var(--text-2);font-size:.65rem;position:absolute;top:.15rem;right:.35rem}.chart-tip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);white-space:nowrap;pointer-events:none;border-radius:.3rem;padding:.15rem .45rem;font-size:.75rem;position:absolute;top:-1.7rem;transform:translate(-50%)}.track-sources{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:.5rem;display:flex}.audius-search{flex-wrap:wrap;align-items:stretch;gap:.55rem;display:flex}.audius-search input[type=search]{flex:14rem;min-width:0;padding:.6rem .85rem;font-size:1rem}.audius-search select{flex:8rem;padding:.55rem .7rem}.search-actions{flex-wrap:wrap;gap:.6rem;width:100%;display:flex}.search-actions button{justify-content:center;align-items:center;gap:.4rem;padding:.65rem 2.2rem;font-size:1rem;font-weight:650;display:inline-flex}.search-actions button[type=submit]{color:#fff;background:linear-gradient(135deg,#4a94ec,#2a6ac2);border:none;box-shadow:0 3px 14px #3987e552}.search-actions button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#58a0f2,#3273cb);transform:translateY(-1px);box-shadow:0 5px 18px #3987e573}.results-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04070cb8;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex;position:fixed;inset:0}.results-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:min(46rem,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000008c}.results-modal-head{background:color-mix(in srgb, var(--accent) 14%, var(--surface-2));flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .6rem .7rem 1rem;display:flex}.results-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0;padding:0;list-style:none;overflow-y:auto}.results-list li{border-top:1px solid var(--border);align-items:center;gap:.7rem;padding:.5rem .9rem;display:flex}.results-list li .cover{width:44px;height:44px}.results-list li button{flex-shrink:0;margin-left:auto}.result-info{flex:1;min-width:0}.result-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.result-title a{color:var(--text)}.result-meta{color:var(--text-2);font-size:.78rem;line-height:1.4}.workout-sources{flex-wrap:wrap;align-items:center;gap:1rem;margin:.7rem 0 .9rem;display:flex}.connection-cards{flex-wrap:wrap;gap:1rem;display:flex}.connection-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex:16rem;padding:.9rem 1.1rem}.connection-card h3{margin:0 0 .5rem;font-size:.95rem}.connection-card form{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.connection-card input{width:100%;max-width:18rem}.cover{object-fit:cover;border-radius:6px;flex-shrink:0;width:34px;height:34px;display:inline-block}.cover-fallback{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);justify-content:center;align-items:center;font-size:.85rem;font-weight:650;display:inline-flex}.cover-inline{vertical-align:-5px;border-radius:4px;width:22px;height:22px;margin-right:.35rem}.track-cell{align-items:center;gap:.6rem;display:flex}.library-block{margin-top:.75rem}.library-toggle{color:var(--text);padding-left:0;font-weight:650}.zwift-login{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.ride-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.25rem;display:flex}.now-playing{border:1px solid var(--border);background:#00000040;border-radius:10px;align-items:center;gap:.8rem;margin:.75rem 0 .5rem;padding:.6rem .9rem;display:flex}.now-playing .cover{width:44px;height:44px}.now-playing-info{flex:1;min-width:0}.now-playing-title{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.now-playing-meta{color:var(--text-2);font-size:.78rem}.now-playing-position{text-align:right;flex-shrink:0}.now-playing-clock{font-variant-numeric:tabular-nums;font-size:1.05rem}.trainer-sync{opacity:.9;justify-content:center;margin-top:.9rem}.brand{align-items:center;gap:.85rem;display:flex}.brand-logo{border-radius:13px;width:52px;height:52px;box-shadow:0 4px 16px #3987e559}.account-menu{position:relative}.account-menu summary.avatar{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#4a94ec,#2a6ac2);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;list-style:none;transition:box-shadow .15s;display:flex}.account-menu summary.avatar::-webkit-details-marker{display:none}.account-menu[open] summary.avatar,.account-menu summary.avatar:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}.account-dropdown{z-index:10;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:flex-start;gap:.4rem;min-width:13rem;padding:.7rem .9rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000073}body{overflow-x:clip}.table-scroll{overflow-x:auto}.table-scroll table{min-width:34rem}@media (width<=640px){main{padding:.75rem .55rem 3rem}.card{border-radius:12px;margin-bottom:.8rem;padding:.95rem .85rem}.card p{margin:.35rem 0}.app-header{margin-bottom:.9rem}.app-header h1{font-size:1.35rem}.brand-logo{width:38px;height:38px}.tagline{font-size:.8rem}.workout-sources,.track-sources,.transport{gap:.6rem}.transport-play{width:56px;height:56px}.now-playing{flex-wrap:wrap}.now-playing-position{margin-left:auto}.timeline svg{height:84px}.results-overlay{padding:0}.results-modal{border:none;border-radius:0;width:100%;height:100%;max-height:none}.results-list li{gap:.6rem;padding:.55rem .7rem}.results-list li button{padding:.45rem .7rem;font-size:.85rem}.search-actions button{flex:1;padding:.7rem 1rem}}button.trending{color:#fff;background:linear-gradient(135deg,#e89a3a,#c8681f);border:none;font-size:1rem;font-weight:650;box-shadow:0 3px 14px #c8801f59}button.trending:hover:not(:disabled){background:linear-gradient(135deg,#f2a748,#d87524);transform:translateY(-1px);box-shadow:0 5px 18px #c8801f80}.footnote{color:var(--text-2);opacity:.65;margin:.9rem 0 0;font-size:.72rem}.file-button svg{width:16px;height:16px}.drop-counter{font-variant-numeric:tabular-nums;color:var(--text);font-size:1.05rem;font-weight:650;transition:color .4s}.drop-soon{color:var(--chart-peak);font-weight:600}.drop-live{color:#ff6b3d;font-weight:700;animation:.9s ease-in-out infinite drop-pulse}@keyframes drop-pulse{0%,to{opacity:1}50%{opacity:.55}}.debug-log pre{white-space:pre-wrap;word-break:break-word;background:#00000040;border-radius:8px;max-height:16rem;padding:.6rem;font-size:.7rem;line-height:1.5;overflow:auto}.debug-log-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.library-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}