@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2")}:root{font-synthesis:none;color:#f2f5fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#111720;--surface:#1c2634;--line:#2b3747;--muted:#a2afc1;--accent:#83b4ff;--gutter:24px;background:#111720;font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{min-height:48px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:16px;font-weight:550;line-height:1.4;transition:background .15s,opacity .15s;display:inline-flex}button:active{opacity:.72}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button svg{flex:none;width:22px;height:22px}.primary{background:var(--accent);color:#101e34;width:100%;min-height:52px}.secondary{background:var(--surface);border:1px solid var(--line)}.text-button{color:var(--muted);background:0 0;padding:10px 0}.text-button svg{width:20px;height:20px}.icon-button{width:48px;height:48px;color:var(--muted);border-radius:50%;flex:none;padding:12px}.icon-button svg{width:24px;height:24px}@media (hover:hover){.icon-button:hover,.setting-action:hover{background:var(--surface);color:#fff}.text-button:hover{color:#fff}.primary:hover{background:#a1c6ff}.secondary:hover{background:#263346}}input{accent-color:var(--accent)}input:not([type=checkbox]){border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:10px;width:100%;min-width:0;min-height:52px;padding:12px 14px;font-size:18px}input[type=checkbox]{flex:none;width:24px;height:24px;margin:0}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none;margin:0}input::-webkit-outer-spin-button{appearance:none;margin:0}[hidden]{display:none!important}h1,h2,p{margin:0}h1,h2{letter-spacing:-.4px;text-wrap:balance;font-size:20px;font-weight:600;line-height:1.3}p{text-wrap:pretty}#app{height:var(--app-height);grid-template-rows:auto auto minmax(0,1fr);max-width:720px;margin:auto;display:grid;overflow:clip}#update{min-height:44px;padding:10px var(--gutter);color:#c5dcff;background:#20334e;grid-row:1;justify-content:center;align-items:center;gap:8px;font-size:14px;line-height:1.5;display:flex}#update svg{width:16px;height:16px;animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-header{min-height:72px;padding:12px calc(var(--gutter) - 12px) 12px var(--gutter);justify-content:space-between;align-items:center;gap:16px;display:flex}#app>.app-header{grid-row:2}.app-header h2:focus{outline:none}main{min-height:0;padding:24px var(--gutter) 28px;flex-direction:column;grid-row:3;display:flex;overflow:auto}.eyebrow{color:var(--muted);font-size:16px}.distance{letter-spacing:-4px;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:4px;font-size:clamp(72px,20vw,96px);font-weight:500;line-height:1.15;display:flex}.distance-target{letter-spacing:-.5px;color:var(--muted);white-space:nowrap;font-size:26px;font-weight:400}.track{background:#28384e;border-radius:6px;width:100%;height:12px;margin-top:16px;overflow:hidden}.track>div{background:var(--accent);border-radius:inherit;height:100%;transition:width .25s}#wax-actions{margin-top:32px}#history-open{margin:8px auto 0;display:flex}#odometer{border-top:1px solid var(--line);margin-top:auto;padding-top:24px}.wax-panel{padding-bottom:32px}#odometer h2{color:var(--muted);letter-spacing:0;font-size:15px;font-weight:400}#odometer p{letter-spacing:-.7px;font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin-top:4px;font-size:30px;font-weight:450;line-height:1.3;display:flex}.total-unit{color:var(--muted);letter-spacing:0;font-size:16px}.help,.muted{color:var(--muted);font-size:15px;line-height:1.6}.status{color:var(--accent);overflow-wrap:anywhere;margin-top:12px;font-size:15px}.status:empty{display:none}.error{color:#ffb6b6}#confirmation{background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:2px 14px;font-size:15px;display:flex}#undo{color:var(--accent);min-height:44px}#enable{color:var(--accent);margin-top:12px}dialog{background:var(--background);color:inherit;border:1px solid var(--line);width:480px;max-width:calc(100% - 48px);max-height:calc(var(--app-height) - 48px);border-radius:20px;padding:0;overflow:auto;box-shadow:0 24px 80px #0006}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overscroll-behavior:contain;background:#050a12b3;overflow:hidden}dialog .app-header{z-index:1;background:var(--background);position:sticky;top:0}.dialog-body{padding:20px var(--gutter) 28px}.settings-section{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:24px}.settings-section:last-of-type{border:0;margin-bottom:0;padding-bottom:0}label{font-size:17px;font-weight:500}.interval-row{gap:12px;margin-top:16px;display:flex}.number-field{flex:1;min-width:0;position:relative}.number-field input{padding-right:48px}.number-field>span{color:var(--muted);pointer-events:none;font-size:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.interval-row button{min-width:80px}.check{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:52px;display:flex}.check .help{margin-top:4px;font-weight:400;display:block}.setting-action{text-align:left;justify-content:flex-start;gap:12px;width:calc(100% + 16px);margin:-8px -8px 0;padding:8px;font-size:17px;font-weight:500;display:flex}.setting-action>span{flex:1}.setting-action svg{color:var(--muted);width:20px;height:20px}.setting-action+.help{margin-top:6px}#install{margin-top:16px}#wax-date{margin-top:12px}#wax-form>.primary{margin-top:28px}.history-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0;display:flex}.history-distance{letter-spacing:-.6px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:450}.history-distance>span{color:var(--muted);letter-spacing:0;margin-left:6px;font-size:16px}.history-row time{color:var(--muted);font-size:16px}#history-list{padding-top:0}.loading{padding-block:40px}@media (width<=600px){dialog{width:100%;max-width:100%;height:var(--app-height);max-height:100%;box-shadow:none;border:0;border-radius:0;margin:0}}@media (width>=900px){#app{padding-block:24px}main{padding-top:32px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}