:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f4;--panel-bg:#ffffffe6;--input-bg:#fffc;--result-bg:#f5eeea;--text:#5b5350;--text-h:#241b19;--muted:#756a66;--border:#ded0ca;--accent:#b9573f;--accent-soft:#b9573f38;--secondary-bg:#f8fafc;--error:#dc2626;--shadow:0 16px 36px -24px #0f172a80;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#130f0f;--panel-bg:#1c1615eb;--input-bg:#0f0c0cc2;--result-bg:#211815;--text:#cfc1ba;--text-h:#f5eee9;--muted:#a8958d;--border:#49332e;--accent:#c46145;--accent-soft:#c4614547;--secondary-bg:#2b211e;--error:#f87171;--shadow:0 18px 40px -24px #000000e6}}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--text);background-color:#0000;background-image:radial-gradient(at 28% 18%,#7e483a47,#0000 34%),radial-gradient(at 68% 38%,#6939363d,#0000 38%),radial-gradient(at 24% 72%,#74374833,#0000 36%),radial-gradient(at 72% 82%,#78574129,#0000 34%),radial-gradient(at 82% 18%,#34484b1f,#0000 26%),radial-gradient(at 50% 52%,#00000085,#0000 44%),linear-gradient(#130f0f 0%,#1b1412 44%,#0f0c0c 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto,auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box;margin:0;position:relative}body:before{content:"";pointer-events:none;background:0 0;width:1px;height:1px;position:fixed;inset:0;box-shadow:4vw 9vh #ffffff38,9vw 63vh #cbd6cf24,13vw 31vh #ffffff5c,18vw 77vh #fff3,22vw 17vh #b6c2bc2e,27vw 48vh #ffffff47,31vw 6vh #ffffff2e,36vw 89vh #ffffff57,41vw 39vh #ccd7d029,45vw 70vh #ffffff3d,49vw 21vh #fff6,53vw 94vh #ffffff29,58vw 11vh #c9d3cd33,62vw 58vh #ffffff4d,67vw 33vh #ffffff2e,71vw 83vh #ffffff42,76vw 5vh #c2cec72e,81vw 46vh #ffffff57,87vw 69vh #fff3,93vw 24vh #ffffff47,97vw 92vh #cad5cf29,6vw 42vh #ffffff42,16vw 96vh #ffffff2e,24vw 66vh #ffffff52,34vw 27vh #cbd6cf26,44vw 4vh #ffffff38,55vw 76vh #ffffff5c,64vw 18vh #ffffff29,74vw 96vh #ffffff47,84vw 35vh #c3cfc82e,91vw 56vh #ffffff3d}#root{z-index:1;place-items:center;min-height:100vh;display:grid;position:relative}.app{z-index:1;box-sizing:border-box;width:min(900px,100%);padding:24px;position:relative}.space-backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.space-streak{left:var(--x);top:var(--y);width:1px;height:var(--height);opacity:var(--opacity);filter:blur(.2px);animation:streak-fall var(--duration) linear infinite;animation-delay:var(--delay);background:linear-gradient(#0000,#e2cfc4b8,#0000);position:absolute}.space-rock{left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1.18;clip-path:polygon(16% 28%,38% 5%,66% 14%,88% 38%,72% 76%,44% 92%,12% 72%,4% 45%);opacity:.68;transform:rotate(var(--rotate));animation:rock-drift var(--duration) linear infinite;animation-delay:var(--delay);will-change:transform;background:radial-gradient(circle at 34% 24%,#eedcd185,#0000 18%),radial-gradient(circle at 70% 72%,#00000080,#0000 36%),linear-gradient(135deg,#9a8981,#54423c 52%,#181211);border-radius:38% 46% 42% 51%;position:absolute;box-shadow:inset -5px -7px 8px #0000007a,inset 4px 3px 4px #ffffff29,0 6px 18px #00000047}.space-rock:before,.space-rock:after{content:"";border-radius:999px;position:absolute}.space-rock:before{background:#11141275;inset:28% 20% 42% 48%}.space-rock:after{background:#dce2da2e;inset:62% 50% 20% 18%}.space-rock-dark{opacity:.5;background:radial-gradient(circle at 32% 26%,#c2b2a947,#0000 18%),radial-gradient(circle at 70% 72%,#00000094,#0000 36%),linear-gradient(135deg,#5a4a45,#2f2421 52%,#0f0b0a)}.space-rock-blue{background:radial-gradient(circle at 34% 24%,#cfe2de57,#0000 18%),radial-gradient(circle at 70% 72%,#00000080,#0000 36%),linear-gradient(135deg,#5f7a7c,#315355 46%,#121616)}.space-rock-rust{opacity:.54;background:radial-gradient(circle at 34% 24%,#ecc5b157,#0000 18%),radial-gradient(circle at 70% 72%,#00000085,#0000 36%),linear-gradient(135deg,#9b584c,#57342f 52%,#17100f)}@keyframes rock-drift{0%{transform:translate3d(0, calc(var(--drift) * -1), 0) rotate(var(--rotate))}to{transform:translate3d(0, calc(100vh + var(--drift)), 0) rotate(calc(var(--rotate) + 24deg))}}@keyframes streak-fall{0%{transform:translateY(-18vh)}to{transform:translateY(118vh)}}.card{border:1px solid var(--border);background:var(--panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);border-radius:8px;padding:28px}.card-header{text-align:left;margin-bottom:14px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:12px}h1{color:var(--text-h);margin:0;font-size:clamp(28px,5vw,40px);line-height:1.15}.subtitle{color:var(--text);margin-top:10px;font-size:15px;line-height:1.5}.result-main{color:var(--text-h);min-height:32px;font-size:26px;font-weight:700}.live-panel{border:1px solid var(--border);background:var(--input-bg);text-align:left;border-radius:8px;padding:16px}.button-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:9px 14px;font-weight:600;transition:transform .1s,opacity .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.progress-track{background:#94a3b840;border-radius:999px;width:100%;height:10px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#a94838,#d1844f);height:100%;transition:width .2s linear}.live-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.live-stat{border:1px solid var(--border);background:var(--result-bg);border-radius:8px;grid-template-rows:auto minmax(33px,auto);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 8px;min-width:0;min-height:79px;padding:12px;display:grid}.live-stat-wide{grid-column:1/-1}.live-stat-label{color:var(--muted);grid-column:1/-1;font-size:13px;font-weight:700}.live-stat-value{min-width:0;min-height:33px;color:var(--text-h);font-kerning:none;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;overflow-wrap:anywhere;font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace;font-size:30px;font-weight:800;line-height:1.08}.live-stat-value-speed{min-width:7ch}.live-stat-value-distance{min-width:9ch}.live-stat-unit{color:var(--text);white-space:nowrap;padding-bottom:3px;font-size:14px;font-weight:700}.time-value{text-overflow:clip;grid-column:1/-1;justify-content:flex-end;justify-self:end;width:100%;min-width:0;min-height:28px;font-size:25px;display:flex;overflow:hidden}.duration-value{white-space:nowrap;justify-content:flex-end;align-items:baseline;display:inline-flex}.duration-number{text-align:right;font-variant-numeric:tabular-nums;width:2ch;display:inline-block}.duration-days{width:2ch}.duration-unit{font-family:Inter,Segoe UI,Roboto,sans-serif}.duration-gap{flex:none;width:.38em}.sync-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.sync-box{border:1px solid var(--border);background:var(--panel-bg);border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.sync-box h2{color:var(--text-h);justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:16px;line-height:1.2;display:flex}.heading-unit{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.mini-button-grid{grid-template-columns:repeat(5,minmax(50px,1fr));gap:8px;display:grid}.secondary-button{background:var(--secondary-bg);min-height:38px;color:var(--text-h);border:1px solid var(--border);padding:8px 10px}.wide-button{width:100%}@media (width<=680px){.app{padding:12px}.card{padding:18px}.sync-grid,.live-stats{grid-template-columns:1fr}.live-stat-wide{grid-column:auto}}@media (width<=420px){.mini-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-stat-value{font-size:25px}.time-value{font-size:21px}}