@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:Space Grotesk,system-ui,sans-serif;line-height:1.4;font-weight:500;--bg-deep: #0f161b;--bg-soft: #1b2631;--accent: #f2b134;--text-strong: #f9f6f0;--muted-text: rgba(249, 246, 240, .6);--display-font: "Space Grotesk", system-ui, sans-serif;--mono-font: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;color:var(--text-strong);background-color:var(--bg-deep);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:100dvh;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(242,177,52,.18),transparent 45%),radial-gradient(circle at 80% 10%,rgba(124,185,255,.18),transparent 40%),linear-gradient(160deg,var(--bg-deep),var(--bg-soft))}#root,.app{width:100vw;height:100dvh;overflow:hidden}.pace-card{position:relative;width:100%;height:100%;text-align:center;--value-column-width: min(62vw, 18rem);--value-font-size: clamp(3.5rem, 10vw, 7.5rem);--row-gap: 40px;--unit-offset: min(26vw, 8.2rem);--distance-top: calc(24vh + (2 * var(--value-font-size)) + var(--row-gap) + .5rem);overflow:hidden}.pace-line{position:absolute;top:24vh;left:0;transform:translateY(-50%);width:100%;height:var(--value-font-size)}.pace-value{position:absolute;inset:0;font-family:var(--display-font);font-size:var(--value-font-size);line-height:.95;font-weight:700;color:var(--text-strong);text-shadow:0 20px 40px rgba(0,0,0,.25);font-variant-numeric:tabular-nums}.pace-unit{position:absolute;left:50%;top:50%;transform:translateY(-50%);margin-left:var(--unit-offset);white-space:nowrap;font-family:var(--mono-font);font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.pace-left-average{position:absolute;right:50%;top:50%;transform:translateY(-50%);margin-right:var(--unit-offset);white-space:nowrap;font-family:var(--mono-font);font-size:1.35rem;letter-spacing:.08em;color:var(--text-strong)}.speed-line{position:absolute;top:calc(24vh + var(--value-font-size) + var(--row-gap));left:0;transform:translateY(-50%);width:100%;height:var(--value-font-size)}.accuracy-text{position:absolute;top:.9rem;left:1rem;font-family:var(--mono-font);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text)}.top-right-buttons{position:absolute;top:.75rem;right:.85rem;display:grid;gap:.35rem;justify-items:end}.route-export-btn{position:static;padding:.28rem .55rem;font-family:var(--mono-font);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(249,246,240,.35);border-radius:.45rem;background:#0f161b8c;color:var(--text-strong);cursor:pointer}.route-export-btn:active{background:#f9f6f029}.summary-btn{position:static;padding:.7rem 1.4rem;font-family:var(--mono-font);font-size:1.45rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(242,177,52,.6);border-radius:.45rem;background:#0f161b8c;color:var(--accent);cursor:pointer;transition:background .15s,color .15s}.summary-btn:active{background:#f2b13433}.waypoint-count-text{position:absolute;top:.9rem;right:4.9rem;font-family:var(--mono-font);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-text)}.left-average-label{position:absolute;top:calc(24vh - 3.2rem);right:50%;margin-right:var(--unit-offset);font-family:var(--mono-font);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#f9f6f085}.speed-value{position:absolute;inset:0;font-family:var(--display-font);font-size:var(--value-font-size);line-height:.95;font-weight:700;color:var(--text-strong);text-shadow:0 20px 40px rgba(0,0,0,.25);font-variant-numeric:tabular-nums}.value-grid{position:relative;width:100%;height:100%}.value-left{position:absolute;top:50%;right:50%;transform:translateY(-50%);padding-right:.04em}.value-separator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.value-right{position:absolute;top:50%;left:50%;transform:translateY(-50%);padding-left:.04em}.speed-unit{position:absolute;left:50%;top:50%;transform:translateY(-50%);margin-left:var(--unit-offset);white-space:nowrap;font-family:var(--mono-font);font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.speed-left-average{position:absolute;right:50%;top:50%;transform:translateY(-50%);margin-right:var(--unit-offset);white-space:nowrap;font-family:var(--mono-font);font-size:1.35rem;letter-spacing:.08em;color:var(--text-strong)}.trend-arrow-left{position:absolute;right:50%;top:50%;transform:translateY(-50%);margin-right:calc(var(--unit-offset) - 1.15rem);width:.9rem;text-align:center;font-size:.92rem;line-height:1}.trend-arrow-up{color:#54d36b}.trend-arrow-down{color:#ff5f61}.trend-arrow-none{color:transparent}.distance-line{position:absolute;top:var(--distance-top);left:0;transform:translateY(-50%);width:100%;height:clamp(2.2rem,4.8vw,2.8rem)}.distance-value{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display-font);font-size:clamp(2.1rem,5.2vw,3.2rem);line-height:1;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-strong)}.distance-unit{position:absolute;left:50%;top:50%;transform:translateY(-50%);margin-left:var(--unit-offset);white-space:nowrap;font-family:var(--mono-font);font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.pace-status{position:absolute;left:50%;top:2.25rem;transform:translate(-50%);width:min(92vw,34rem);font-size:.95rem;color:var(--muted-text);min-height:1.2em}.timer-wrap{position:absolute;left:50%;top:calc(var(--distance-top) + 4.2rem);transform:translate(-50%);display:grid;gap:.55rem;justify-items:center}.timer-value{font-family:var(--mono-font);font-size:1.7rem;letter-spacing:.12em;color:var(--text-strong);transform:translateY(-.8rem)}.timer-btn{padding:.5rem 1.8rem;font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--accent);border-radius:2rem;background:transparent;color:var(--accent);cursor:pointer;transition:background .15s,color .15s}.timer-btn:active{background:var(--accent);color:#fff}.session-stats{display:grid;gap:.3rem;margin-top:1.875rem}.session-stats-row{display:grid;grid-template-columns:2.8rem auto auto;align-items:center;justify-content:center;column-gap:.75rem}.session-stats-label{font-family:var(--mono-font);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-text);text-align:right}.session-stats-metric{font-family:var(--mono-font);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-strong);white-space:nowrap}.action-btn{position:absolute;left:50%;top:4.25rem;transform:translate(-50%);padding:.6rem 2.2rem;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--accent);border-radius:2rem;background:transparent;color:var(--accent);cursor:pointer;transition:background .15s,color .15s}.action-btn:active{background:var(--accent);color:#fff}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#080c10b8;z-index:20}.confirm-modal{width:min(90vw,22rem);padding:1rem;border:1px solid rgba(242,177,52,.5);border-radius:.9rem;background:#0f161bf5;box-shadow:0 16px 36px #00000061}.confirm-title{margin-bottom:.9rem;font-size:.95rem;letter-spacing:.05em;color:var(--text-strong)}.confirm-actions{display:flex;justify-content:flex-end;gap:.55rem}.confirm-btn{padding:.45rem .95rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;border-radius:.6rem;border:1px solid transparent;cursor:pointer}.confirm-btn-cancel{border-color:#f9f6f059;background:transparent;color:var(--text-strong)}.confirm-btn-danger{border-color:var(--accent);background:var(--accent);color:#1a1307;font-weight:700}