@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";:root{--rp-black: #0B0D10;--rp-carbon: #15171C;--rp-steel: #2A2D34;--rp-mist: #8A8E97;--rp-bone: #F4F2EC;--rp-volt: #D6FF35;--rp-volt-deep: #1A2400;--background: #FFFFFF;--foreground: var(--rp-black);--card: #FFFFFF;--secondary: #F4F4F2;--muted-foreground: #6B6F76;--border: #E5E4DE;--input: #E5E4DE;--ring: var(--rp-black);--font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace;--text-micro: 11px;--text-base: 15px;--text-h3: 18px;--text-h1: 28px;--radius-sm: 6px;--radius-md: 8px;--radius-xl: 14px;--ease-out-quint: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .28s}.dark{--background: var(--rp-black);--foreground: var(--rp-bone);--card: var(--rp-carbon);--secondary: var(--rp-carbon);--muted-foreground: var(--rp-mist);--border: var(--rp-steel);--input: var(--rp-steel);--ring: var(--rp-volt)}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}html{color-scheme:light}html.dark{color-scheme:dark}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;font-feature-settings:"ss01" 1,"cv11" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.eyebrow{font-size:var(--text-micro);letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--muted-foreground);white-space:nowrap}::selection{background:var(--rp-volt);color:var(--rp-volt-deep)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{position:sticky;top:0;z-index:20;height:56px;background:color-mix(in oklab,var(--background) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.brand{display:inline-flex;align-items:baseline;gap:5px;font-weight:600;letter-spacing:-.025em;font-size:18px;-webkit-user-select:none;user-select:none}.brand-dot{width:7px;height:7px;border-radius:999px;background:var(--rp-volt);transform:translateY(-1px);display:inline-block}.top-right{display:inline-flex;gap:6px;align-items:center}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--muted-foreground);border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-fast) var(--ease-out-quint),background var(--duration-fast) var(--ease-out-quint)}.icon-btn:hover{color:var(--foreground);background:var(--secondary)}.page{width:100%;max-width:880px;margin:0 auto;padding:48px 24px 96px}.page-header{margin-bottom:32px}.page-title{font-size:var(--text-h1);font-weight:600;letter-spacing:-.015em;line-height:1.21;margin:0}.page-sub{color:var(--muted-foreground);margin:8px 0 0;max-width:56ch}.tabs{display:inline-flex;background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;gap:2px;margin-bottom:24px}.tab{padding:8px 16px;border:0;background:transparent;color:var(--muted-foreground);font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:color var(--duration-fast) var(--ease-out-quint),background var(--duration-fast) var(--ease-out-quint)}.tab:hover{color:var(--foreground)}.tab[aria-selected=true]{background:var(--background);color:var(--foreground);box-shadow:0 0 0 .5px #00000014,0 1px 2px #0000000f}html.dark .tab[aria-selected=true]{box-shadow:0 0 0 .5px #0006,0 1px 2px #00000080}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}.card+.card{margin-top:24px}.card-header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}.card-header .eyebrow{color:var(--muted-foreground)}.card-title{font-size:var(--text-h3);font-weight:500;letter-spacing:-.005em}.card-action{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--muted-foreground);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding:4px 8px;margin:-4px -8px;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out-quint),background var(--duration-fast) var(--ease-out-quint)}.card-action:hover{color:var(--foreground);background:var(--secondary)}.field{display:flex;flex-direction:column;gap:8px}.field-row{display:flex;gap:8px;align-items:stretch}.input-wrap{display:flex;align-items:center;background:var(--background);border:1px solid var(--input);border-radius:var(--radius-md);height:52px;padding:0 16px;gap:8px;flex:1;min-width:0;transition:border-color var(--duration-fast) var(--ease-out-quint),box-shadow var(--duration-fast) var(--ease-out-quint)}html.dark .input-wrap{background:color-mix(in oklab,var(--card) 70%,var(--background))}.input-wrap:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 18%,transparent)}.input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--foreground);font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;letter-spacing:-.01em}.input::placeholder{color:var(--muted-foreground);font-weight:400}.input-suffix{font-family:var(--font-sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);font-weight:500;flex-shrink:0;pointer-events:none}.time-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.unit-toggle{display:inline-flex;background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;gap:2px;height:52px;flex-shrink:0}.unit-toggle button{border:0;background:transparent;color:var(--muted-foreground);font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:-.005em;padding:0 14px;border-radius:6px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out-quint),background var(--duration-fast) var(--ease-out-quint)}.unit-toggle button:hover:not([aria-pressed=true]){color:var(--foreground)}.unit-toggle button[aria-pressed=true]{background:var(--background);color:var(--foreground);box-shadow:0 0 0 .5px #00000014,0 1px 2px #0000000f}html.dark .unit-toggle button[aria-pressed=true]{box-shadow:0 0 0 .5px #0006,0 1px 2px #00000080}.hero-card{position:relative;padding:40px 32px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.hero-card.placeholder{border-style:dashed}.hero-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.hero-label{color:var(--muted-foreground)}.hero-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(56px,10vw,96px);font-weight:500;letter-spacing:-.03em;line-height:.98;color:var(--foreground);margin-top:8px;display:flex;align-items:baseline;gap:4px}.hero-number .unit{font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);margin-left:12px;align-self:center}.hero-number .placeholder-mark{color:var(--muted-foreground);opacity:.45}.hero-meta{text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.hero-meta .meta-pace{font-family:var(--font-mono);font-size:18px;font-variant-numeric:tabular-nums;color:var(--foreground)}.hero-share{margin-top:6px;display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);color:var(--muted-foreground);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out-quint),background var(--duration-fast) var(--ease-out-quint),border-color var(--duration-fast) var(--ease-out-quint)}.hero-share:hover{color:var(--foreground);border-color:color-mix(in oklab,var(--border) 50%,var(--foreground))}.hero-share[data-copied=true]{color:var(--rp-volt-deep);background:var(--rp-volt);border-color:var(--rp-volt)}.hero-volt-bar{position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--rp-volt);opacity:0;transition:opacity var(--duration-base) var(--ease-out-quint)}.hero-card.has-result .hero-volt-bar{opacity:1}.distance-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.distance-pill{height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quint)}.distance-pill:hover{color:var(--foreground);border-color:color-mix(in oklab,var(--border) 50%,var(--foreground))}.distance-pill[aria-pressed=true]{background:var(--rp-volt);color:var(--rp-volt-deep);border-color:var(--rp-volt);font-weight:600}.results-card{margin-top:24px}.results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--border)}.results-list li{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:16px;padding:14px 4px;border-bottom:1px solid color-mix(in oklab,var(--border) 60%,transparent);transition:background var(--duration-fast) var(--ease-out-quint)}.results-list li:last-child{border-bottom:0}.results-list li:hover{background:color-mix(in oklab,var(--secondary) 50%,transparent)}.results-list .name{font-size:14px;font-weight:500;color:var(--foreground)}.results-list .dist{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted-foreground);letter-spacing:-.005em}.results-list .time{font-family:var(--font-mono);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--foreground);text-align:right}.results-list li.featured{position:relative;background:color-mix(in oklab,var(--rp-volt) 8%,transparent)}html.dark .results-list li.featured{background:color-mix(in oklab,var(--rp-volt) 6%,transparent)}.results-list li.featured .name,.results-list li.featured .time{color:var(--foreground);font-weight:600}.results-list li.featured:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:2px;border-radius:2px;background:var(--rp-volt)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in-up var(--duration-slow) var(--ease-out-quint) both}@media(max-width:640px){.topbar{padding:0 16px}.page{padding:24px 16px 64px}.hero-card{padding:28px 20px}.hero-grid{grid-template-columns:1fr}.hero-meta{text-align:left;align-items:flex-start}.field-row{flex-wrap:wrap}.input-wrap{flex:1 1 60%}}