:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8f0f7;background:radial-gradient(circle at 10% 0%,rgba(44,104,190,.18),transparent 15rem),radial-gradient(circle at 100% 100%,rgba(34,90,170,.18),transparent 19rem),radial-gradient(circle at 50% 100%,rgba(18,126,176,.1),transparent 20rem),linear-gradient(135deg,#07111c,#0d1725 54%,#0a1018);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#ffffff08,#fff0),transparent}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.shell{display:grid;align-content:start;gap:12px;min-height:100vh;width:min(416px,calc(100% - 18px));margin:0 auto;padding:12px 0 18px}.active-editor{display:grid;gap:11px;min-width:0;padding:11px;border:1px solid rgba(116,151,192,.18);border-radius:8px;background:linear-gradient(180deg,#0d1622fa,#091018f2);box-shadow:0 22px 56px #0000006b,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:2px}.unit-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(108,142,185,.16);border-radius:8px;background:linear-gradient(180deg,#0b1827f5,#091420f0);box-shadow:inset 0 1px #ffffff0d,0 1px #ffffff05}.unit-tab{min-width:0;min-height:38px;padding:0 6px;border:0;border-radius:6px;color:#cbdbeccc;background:#ffffff08;cursor:pointer;font-size:.8rem;font-weight:780;white-space:nowrap;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.unit-tab:hover{color:#f1f7ff;background:#ffffff14}.unit-tab:active{transform:translateY(1px)}.unit-tab.active{color:#f4fbff;background:linear-gradient(180deg,#162942fa,#0f1d2efa);box-shadow:0 6px 16px #00000057,inset 0 0 0 1px #3f8de647}.unit-tab:focus-visible,.custom-distance button:focus-visible,.wheel-picker button:focus-visible,.result-tile:focus-visible{outline:2px solid rgba(111,189,255,.68);outline-offset:2px}.custom-distance{display:grid;padding:8px;border:1px solid rgba(108,142,185,.16);border-radius:7px;background:linear-gradient(180deg,#0b1827e0,#08121ddb)}.custom-distance__actions{display:grid;grid-template-columns:minmax(2.55rem,.72fr) minmax(3rem,.86fr) minmax(4.5rem,1.2fr) minmax(3rem,.86fr) minmax(2.55rem,.72fr);gap:4px}.custom-distance__actions strong{display:grid;place-items:center;min-width:0;width:100%;min-height:36px;padding:0 6px;border:1px solid rgba(120,156,205,.16);border-radius:6px;color:#f3f9ff;background:#040a1161;font-size:1rem;font-weight:850;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.custom-distance__actions button{min-width:0;min-height:36px;border:1px solid rgba(120,156,205,.16);border-radius:6px;color:#e7f1fce0;background:#ffffff0a;cursor:pointer;font-size:.72rem;font-weight:850;font-variant-numeric:tabular-nums}.custom-distance__actions button:active{transform:translateY(1px)}.custom-distance__actions button:disabled{cursor:not-allowed;opacity:.34}.active-value{display:grid;padding:11px 2px 2px;text-align:center}.active-value.compact{margin-bottom:-3px;margin-top:-3px;padding-top:0}.active-value span{color:#c6d9ed;font-size:.84rem;font-weight:850;letter-spacing:.08em;line-height:1.1;text-transform:uppercase}.wheel-pickers{display:grid;grid-template-columns:repeat(var(--picker-count),minmax(4.6rem,5.4rem));gap:8px;justify-content:center}.wheel-pickers.single{grid-template-columns:minmax(4.8rem,5.8rem)}.wheel-picker{display:grid;gap:6px;min-width:0}.wheel-picker>span{color:#8fa9c7;font-size:.64rem;font-weight:800;text-align:center;text-transform:uppercase;white-space:nowrap}.wheel-picker__body{position:relative;height:126px;min-width:0;overflow:hidden}.wheel-picker__selection{position:absolute;top:42px;right:5px;left:5px;z-index:1;height:42px;border:1px solid rgba(111,189,255,.22);border-radius:6px;background:#3f8de614;pointer-events:none}.wheel-picker__scroller{position:relative;z-index:0;height:100%;padding:42px 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(120,156,205,.14);border-radius:7px;background:linear-gradient(180deg,#121d2bfa,#0c1521f5);box-shadow:inset 0 1px #ffffff08,inset 0 42px 28px #060c1480,inset 0 -42px 28px #060c1480;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:none;-webkit-overflow-scrolling:touch}.wheel-picker__scroller::-webkit-scrollbar{display:none}.wheel-picker button{position:relative;z-index:2;display:block;width:100%;min-width:100%;height:42px;padding:0 4px;border:0;color:#cbdbec94;background:transparent;cursor:pointer;font-size:1rem;font-weight:780;font-variant-numeric:tabular-nums;scroll-snap-align:center;transition:color .14s ease,transform .14s ease}.wheel-picker button.active{color:#f3f9ff;transform:scale(1.08)}.wheel-picker button:active{transform:scale(.98)}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}.result-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label unit" "value unit";align-items:end;gap:2px 8px;min-width:0;min-height:75px;padding:10px;border:1px solid rgba(118,154,198,.14);border-radius:8px;color:inherit;background:linear-gradient(180deg,#0a121dfa,#081019f5);box-shadow:0 8px 20px #00000047,inset 0 1px #ffffff08;cursor:pointer;text-align:left;transition:border-color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease}.result-tile:hover{border-color:#6fbdff38;box-shadow:0 10px 24px #00000052,inset 0 1px #ffffff0a}.result-tile:active{transform:translateY(1px) scale(.99)}.result-tile.active{border-color:#3f8de67a;background:linear-gradient(180deg,#0e1a2afc,#09121efa);box-shadow:0 12px 28px #00000061,inset 0 0 0 1px #3f8de62e}.result-tile span{grid-area:label;min-width:0;color:#8fa9c7;font-size:.71rem;font-weight:820;letter-spacing:.12em;white-space:nowrap}.result-tile strong{grid-area:value;min-width:0;color:#f3f9ff;font-size:clamp(1.31rem,6.2vw,1.7rem);font-weight:820;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.result-tile small{grid-area:unit;color:#94b0d1;font-size:.72rem;font-weight:800;white-space:nowrap}@media (max-width: 360px){.shell{width:calc(100% - 12px);padding:6px 0 12px}.active-editor{gap:10px;padding:10px}.unit-tab{min-height:36px;padding:0 3px;font-size:.7rem}.wheel-pickers{gap:6px}.wheel-picker>span{font-size:.58rem}.wheel-picker button{font-size:.92rem}.results-grid{gap:7px}.result-tile{min-height:72px;padding:8px}.result-tile span{font-size:.71rem}.result-tile strong{font-size:1.25rem}.result-tile small{font-size:.69rem}}@media (prefers-reduced-motion: reduce){.unit-tab,.wheel-picker button,.result-tile{transition:none}}