:root{--sf-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Segoe UI", Roboto, sans-serif;--sf-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", "Segoe UI", Roboto, sans-serif;--input:#0a84ff;--result:#ff3b30;--bg-1:#fafafd;--bg-2:#ececf1;--bg-3:#dddde5;--label:#000;--label-2:#3c3c43d9;--label-3:#3c3c4399;--label-4:#3c3c434d;--separator:#3c3c4324;--strip-bg:#ffffff8c;--chip-bg:#0f172a0a;--slider-track:#0f172a1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--sf-text);color:var(--label)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html.dark{--bg-1:#1b1b1f;--bg-2:#0a0a0c;--bg-3:#000;--label:#fff;--label-2:#ebebf5d9;--label-3:#ebebf599;--label-4:#ebebf54d;--separator:#54545880;--strip-bg:#ffffff08;--chip-bg:#ffffff0f;--slider-track:#ffffff29}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-2);height:100%;margin:0;padding:0}body{background:linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 60%, var(--bg-3) 100%);min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:12px 0 0;display:flex}.title-row{align-items:center;padding:6px 20px 8px;display:flex}.brand{color:var(--label);align-items:center;gap:10px;display:flex}.brand-mark{flex-shrink:0;width:22px;height:22px}.brand-name{font-family:var(--sf-display);letter-spacing:-.4px;color:var(--label);font-size:20px;font-weight:700;line-height:1}.preflight{border-top:.5px solid var(--separator);border-bottom:.5px solid var(--separator);background:var(--strip-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);grid-template-columns:1.4fr 1fr 1.1fr 1fr;margin:0 14px;display:grid}.cell{border-right:.5px solid var(--separator);flex-direction:column;gap:2px;min-width:0;padding:10px 10px 10px 12px;display:flex}.cell-wv{padding-left:14px}.cell-last{border-right:none}.cell-label{letter-spacing:1px;text-transform:uppercase;color:var(--label-3);font-size:9.5px;font-weight:700}.cell-value{font-family:var(--sf-display);letter-spacing:-.4px;color:var(--label);font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;min-width:0;font-size:22px;font-weight:600;line-height:1.05;display:flex}.cell-slash{color:var(--label-3);padding:0 2px;font-size:16px;font-weight:400}.cell-unit{color:var(--label-3);font-size:11px;font-weight:500}.tap-num{display:inline-block}.tap-num-value{cursor:text;border-bottom:1px dotted var(--label-4);padding:0 1px}.tap-num-input{all:unset;width:auto;max-width:5ch;font-family:var(--sf-display);letter-spacing:-.4px;color:var(--input);font-variant-numeric:tabular-nums;background:#0a84ff1a;border-radius:4px;padding:0 3px;font-size:22px;font-weight:600}html.dark .tap-num-input{background:#0a84ff26}.tap-num-edit{align-items:baseline;gap:4px;display:inline-flex}.tap-num-sign{all:unset;cursor:pointer;font-family:var(--sf-display);color:var(--input);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#0a84ff1f;border-radius:6px;padding:3px 7px;font-size:16px;font-weight:600;line-height:1}html.dark .tap-num-sign{background:#0a84ff33}.tap-num-sign:active{background:#0a84ff40}.tas-chip-wrap{justify-content:center;margin:6px 0 2px;display:flex}.tas-chip{background:var(--chip-bg);border:.5px solid var(--separator);color:var(--label-2);border-radius:999px;align-items:baseline;gap:4px;padding:4px 12px;display:inline-flex}.tas-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--label-3);font-size:9px;font-weight:700}.tas-value{font-family:var(--sf-display);font-variant-numeric:tabular-nums;color:var(--label);font-size:14px;font-weight:600}.tas-unit{color:var(--label-3);font-size:10px;font-weight:500}.tas-derived{letter-spacing:.3px;color:var(--label-3);margin-left:4px;font-size:9px;font-style:italic;font-weight:600}.compass-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding-top:4px;display:flex}.compass{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;aspect-ratio:1;width:min(82vw,348px,52dvh);position:relative;container-type:inline-size}body.editing-preflight .compass{pointer-events:none}.compass-face{stroke:#0f172a14;stroke-width:.8px}html.dark .compass-face{fill:url(#compass-face-d);stroke:#ffffff1a}.tick-major{stroke:var(--label)}.tick-minor{stroke:var(--label-3)}.cardinal{fill:var(--label);font-family:var(--sf-display)}.cardinal-n{fill:var(--input);font-family:var(--sf-display)}.num-label{fill:var(--label-2);font-family:var(--sf-display)}.compass-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.compass-center-num{font-family:var(--sf-display);letter-spacing:-1.4px;color:var(--label);font-variant-numeric:tabular-nums;font-size:clamp(40px,16cqw,56px);font-weight:600;line-height:1}.compass-center-label{font-family:var(--sf-text);letter-spacing:1.2px;text-transform:uppercase;color:var(--input);margin-top:4px;font-size:clamp(8px,2.7cqw,9.5px);font-weight:700}.distance-row{padding:6px 22px 0}.distance-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.distance-label{letter-spacing:1px;text-transform:uppercase;color:var(--label-3);font-size:11px;font-weight:700}.distance-readout{font-family:var(--sf-display);color:var(--input);font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;display:inline-flex}.distance-num{letter-spacing:-.7px;font-size:36px;font-weight:700;line-height:1}.distance-unit{opacity:.75;font-size:14px;font-weight:600}.slider{cursor:pointer;touch-action:none;outline:none;align-items:center;height:28px;display:flex;position:relative}.slider-track{background:var(--slider-track);border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.slider-fill{background:var(--input);border-radius:2px;width:0%;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.slider-thumb{background:#fff;border:.5px solid #0f172a1a;border-radius:14px;width:28px;height:28px;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0f172a2e,0 6px 12px #0f172a1a}.slider:focus-visible .slider-thumb{outline:2px solid var(--input);outline-offset:2px}.result-row{border-top:.5px solid var(--separator);background:#0f172a0d;grid-template-columns:1fr 1fr;margin:28px 0 0;padding:12px 24px 24px;display:grid}html.dark .result-row{background:#ffffff0a}.result-cell{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.result-cell-right{align-items:flex-end}.result-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--label-3);font-size:11px;font-weight:700}.result-value{font-family:var(--sf-display);letter-spacing:-1.2px;color:var(--result);font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;line-height:1}.result-sub{color:var(--label-2);font-variant-numeric:tabular-nums;min-height:1em;margin-top:4px;font-size:13px;font-weight:500}.disclaimer-overlay{z-index:1000;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch;background:#0000008c;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0;overflow-y:auto}.disclaimer-card{background:var(--bg-1);width:100%;max-width:480px;font-family:var(--sf-text);color:var(--label);border-radius:18px;flex-direction:column;align-self:stretch;gap:14px;margin:auto;padding:24px 22px 20px;display:flex;box-shadow:0 24px 60px #00000059}@media (height>=700px){.disclaimer-card{align-self:center;margin:24px}}.disclaimer-title{font-family:var(--sf-display);letter-spacing:-.4px;color:var(--label);margin:0;font-size:22px;font-weight:700}.disclaimer-body{color:var(--label-2);flex-direction:column;gap:10px;font-size:14px;line-height:1.45;display:flex}.disclaimer-body p{margin:0}.disclaimer-body .disclaimer-warn{color:var(--result);font-weight:700}.disclaimer-ack{color:var(--label);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172a0a;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}html.dark .disclaimer-ack{background:#ffffff0f}.disclaimer-checkbox{width:18px;height:18px;accent-color:var(--input);cursor:pointer;flex-shrink:0;margin:1px 0 0}.disclaimer-accept{appearance:none;background:var(--input);color:#fff;font-family:var(--sf-text);letter-spacing:.1px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;margin-top:4px;padding:14px 18px;font-size:16px;font-weight:600}.disclaimer-accept:disabled{background:var(--label-4);color:#ffffffd9;cursor:not-allowed}.disclaimer-accept:not(:disabled):active{transform:scale(.99)}.update-pill{top:calc(env(safe-area-inset-top) + 8px);background:var(--input);color:#fff;font-family:var(--sf-text);letter-spacing:.1px;white-space:nowrap;cursor:pointer;z-index:100;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;position:fixed;right:12px;box-shadow:0 8px 22px #0a84ff59}.update-pill:active{transform:scale(.97)}.update-pill:disabled{opacity:.7;cursor:default}@media (height<=740px){#app{padding:4px 0 0}.title-row{padding:2px 20px}.brand-name{font-size:17px}.brand-mark{width:20px;height:20px}.compass{width:min(72vw,290px,44dvh)}.distance-row{padding-top:0}.result-row{margin-top:12px;padding:8px 24px 16px}.result-value{font-size:36px}}@media (width<=360px){.preflight{grid-template-columns:1.5fr 1fr 1.2fr 1fr;margin:0 8px}.cell{padding:8px 6px 8px 8px}.cell-wv{padding-left:10px}.cell-value,.tap-num-input{font-size:19px}.cell-slash{padding:0 1px;font-size:14px}}