@charset "UTF-8";@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-condensed-vietnamese-600-normal.A5AYRdjN.woff2) format("woff2"),url(/_astro/barlow-condensed-vietnamese-600-normal.CNlPk46_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-condensed-latin-ext-600-normal.18ESti3H.woff2) format("woff2"),url(/_astro/barlow-condensed-latin-ext-600-normal.Clv9cIcR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-condensed-latin-600-normal.DepVgxBB.woff2) format("woff2"),url(/_astro/barlow-condensed-latin-600-normal.BFJEwTuo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-condensed-vietnamese-700-normal.DYeBwlKR.woff2) format("woff2"),url(/_astro/barlow-condensed-vietnamese-700-normal.DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-condensed-latin-ext-700-normal.CwuXbfVR.woff2) format("woff2"),url(/_astro/barlow-condensed-latin-ext-700-normal.BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-condensed-latin-700-normal.v1xN8_Wq.woff2) format("woff2"),url(/_astro/barlow-condensed-latin-700-normal.Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-cyrillic-ext-400-normal.xuaO2J-f.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-ext-400-normal.DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-cyrillic-400-normal.BSMlKf0J.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-400-normal.CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-vietnamese-400-normal.BulugwFq.woff2) format("woff2"),url(/_astro/ibm-plex-mono-vietnamese-400-normal.DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-ext-400-normal.BmRBH3aV.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-400-normal.D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-cyrillic-ext-500-normal.BqneJy0T.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-ext-500-normal.BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-cyrillic-500-normal.Bq9vWWag.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-500-normal.Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-vietnamese-500-normal.DZ4AoWbu.woff2) format("woff2"),url(/_astro/ibm-plex-mono-vietnamese-500-normal.C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-ext-500-normal.CAhNIIs5.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-500-normal.CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg:#101512;--panel:#191f1b;--panel-dark:#141b16;--line:#354038;--text:#edf0e9;--muted:#abb5aa;--green:#b7dc7a;--amber:#eaae74;--mono:"IBM Plex Mono",monospace;--display:"Barlow Condensed","Arial Narrow",sans-serif;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 15%,#26332655,transparent 55%);min-height:100vh}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{color:inherit}button:disabled{cursor:wait}a{color:inherit}svg{display:block}p,h1,h2{margin:0}[hidden]{display:none!important}::selection{background:var(--green);color:var(--bg)}.site-shell{width:min(1180px,calc(100% - 96px));margin:auto}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;font:700 2rem/1 var(--display);letter-spacing:1.2px}.brand-mark{width:37px;height:37px;fill:none;stroke:var(--green);stroke-width:1.6}.mark-center{fill:var(--green);stroke:none}.brand-accent{color:var(--green)}.header-caption{font:400 .75rem var(--mono);letter-spacing:1.6px;color:var(--muted)}.version{color:var(--green);margin-left:24px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:46px 0 30px}.eyebrow{font:500 .75rem var(--mono);letter-spacing:1.8px;color:var(--green);margin-bottom:10px}.small-cross{margin-right:8px;font-size:1rem}h1{font:600 clamp(2.75rem,4.5vw,3.75rem)/1.08 var(--display);letter-spacing:.1px}.title-dot{color:var(--green)}.intro{margin-top:12px;line-height:1.6;color:var(--muted)}.scale-tag{display:flex;gap:16px;align-items:center;font:500 .75rem/1.6 var(--mono);letter-spacing:1px}.scale-icon{font-size:1.5rem;color:var(--green);white-space:nowrap}.scale-sub{display:block;letter-spacing:0;color:var(--muted);font-weight:400}.workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border:1px solid var(--line);background:var(--panel);box-shadow:0 20px 65px #0002;position:relative}.workspace:before{content:"";position:absolute;left:-1px;top:-1px;width:58px;height:2px;background:var(--green)}.input-panel{padding:26px 28px 0;border-right:1px solid var(--line);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}h2{font:600 1.25rem var(--display);letter-spacing:.4px}.section-number{font:400 .75rem var(--mono);color:var(--muted);margin-right:10px}.text-button{background:none;border:0;padding:8px 0;color:var(--muted);font-size:.875rem;white-space:nowrap}.text-button:hover{color:var(--green)}.text-button span{margin-left:5px}.position-field{margin-top:28px}.field-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.field-heading label{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem}.position-badge{display:grid;place-items:center;width:27px;height:27px;font:500 .875rem var(--mono);border:1px solid}.badge-a{color:var(--green);background:#b7dc7a0c;border-color:#b7dc7a60}.badge-b{color:var(--amber);background:#eaae740c;border-color:#eaae7460}.field-role{font:.75rem var(--mono);letter-spacing:1px;color:var(--muted)}.input-wrap{display:flex;border:1px solid #526052;background:#101712;transition:border-color .15s,box-shadow .15s;border-radius:3px}.input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #b7dc7a20}.input-wrap:has([aria-invalid=true]){border-color:var(--amber)}.input-wrap input{color:var(--text);font:400 1rem var(--mono);width:100%;min-width:0;background:none;border:0;padding:19px 14px;outline:none}.input-wrap input::placeholder{color:#819080}.paste-button{align-self:center;display:flex;align-items:center;gap:6px;min-height:44px;padding:9px 11px;margin-right:5px;background:#283329;border:1px solid #3c4c3c;border-radius:2px;font-size:.875rem}.paste-button:hover{background:#374735}.paste-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.coordinate-hint{font:.75rem/1.6 var(--mono);color:var(--muted);margin-top:9px;min-height:20px;overflow-wrap:anywhere}.coordinate-hint span:not(.hint-divider){color:#c7d0c3}.hint-divider{margin:0 12px;color:#5f705f}.error{color:var(--amber)}.connection-divider{display:flex;align-items:center;gap:12px;margin:12px 0 -17px;color:#768774}.connection-divider span{height:1px;background:var(--line);flex:1}.connection-divider svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.1}.calculate-button{margin-top:27px;width:100%;padding:16px 18px;display:flex;justify-content:center;align-items:center;gap:11px;color:#1b2815;background:var(--green);border:1px solid var(--green);border-radius:3px;font-weight:700;font-size:1rem;min-height:56px;transition:background .15s}.calculate-button:hover{background:#c9ed8f}.calculate-button:active{background:#a5ca68}.calculate-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.button-arrow{margin-left:auto;font-size:1.25rem}.form-footnote{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:var(--muted);font-size:.75rem;line-height:1.5}.status-light{display:inline-block;background:var(--green);width:5px;height:5px;border-radius:50%}.clipboard-status{color:var(--amber);font-size:.875rem;line-height:1.5;margin-top:10px}.clipboard-status:empty{display:none}.example-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px;padding:15px 0;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.example-row .text-button{font-size:.75rem}.instructions{border-top:1px solid var(--line);padding:17px 0 21px;font-size:.875rem;color:var(--muted)}.instructions summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;gap:15px;min-height:26px;color:#d4ddce}.instructions summary::-webkit-details-marker{display:none}.instructions summary span{font:1.25rem var(--mono);color:var(--green)}.instructions[open] summary span{transform:rotate(45deg)}.instructions ol{padding-left:21px;line-height:1.65;margin:16px 0}.instructions li+li{margin-top:8px}.instructions p{line-height:1.65}.instructions code{font-family:var(--mono);font-size:.8rem;color:#d4ddce}.result-panel{min-width:0;background:var(--panel-dark);padding:26px 28px 24px}.result-state{font:.75rem var(--mono);letter-spacing:.8px;color:var(--green);display:flex;align-items:center;gap:7px}.result-state:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.result-state>span{display:none}.result-state.is-waiting{color:var(--muted)}.distance-readout{padding:26px 0 24px}.result-label{font:.75rem var(--mono);letter-spacing:1.5px;color:var(--muted)}.distance-value{display:flex;align-items:baseline;gap:14px;min-height:132px;color:var(--green);font-family:var(--display);line-height:1}.distance-value output{font-size:clamp(5rem,9vw,8.5rem);font-weight:600;letter-spacing:-1px;overflow-wrap:anywhere;min-width:0}.unit{font-size:2.5rem;font-weight:600;color:#a3ad9b}.distance-readout>p:last-child{font-size:.875rem;color:var(--muted);line-height:1.5;margin-top:3px}.plot-wrap{border:1px solid #354637;background:#121d16}.plot-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #354637;padding:12px 14px;color:#c1ceb9;font:.75rem var(--mono);letter-spacing:.4px}.plot-heading>span:last-child{color:var(--muted);font-size:.75rem}.plot-cross{font-size:1rem;margin-right:5px;color:var(--green)}.position-plot{width:100%;height:auto;aspect-ratio:560/250}.position-plot text{font:500 13px var(--mono);fill:var(--muted)}.position-plot .plot-point-a{fill:var(--green)}.position-plot .plot-point-b{fill:var(--amber)}.offsets{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #354637}.offsets>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 13px;min-width:0}.offsets>div+div{border-left:1px solid #354637}.offsets>div>span{font:.75rem var(--mono);letter-spacing:.2px;color:var(--muted)}.offsets>div>span>span{display:none}.offsets strong{font:500 .875rem var(--mono);color:#d8e5ce;overflow-wrap:anywhere}.offsets small{font-size:inherit;color:var(--muted)}.method-note{display:flex;gap:12px;align-items:center;padding:22px 0;color:var(--muted);font-size:.875rem;line-height:1.6}.note-mark{border:1px solid #657561;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font:500 .75rem var(--mono);flex-shrink:0}.formula{color:#cfdbc6;white-space:nowrap}.noscript-message{padding:20px;border:1px solid var(--amber);color:var(--amber);margin-bottom:24px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0;border-top:1px solid var(--line);font:.75rem/1.6 var(--mono);color:var(--muted);margin-top:14px}footer>span:first-child{color:#c4ceb9;letter-spacing:1.1px}footer p span{margin:0 8px;color:#52634e}.footer-detail{letter-spacing:1px}.skip-link{position:fixed;left:16px;top:-100px;background:var(--green);color:#101512;padding:12px;z-index:10}.skip-link:focus{top:16px}@media(min-width:1400px){.page-heading{margin-top:58px;margin-bottom:36px}.site-header{height:116px}.input-panel,.result-panel{padding-top:30px}.position-field{margin-top:33px}.distance-readout{padding-top:29px;padding-bottom:28px}}@media(max-width:1050px){.site-shell{width:calc(100% - 48px)}.input-panel,.result-panel{padding-left:22px;padding-right:22px}.field-role,.scale-tag{display:none}.offsets>div{align-items:flex-start;flex-direction:column;gap:7px}.input-wrap input{padding-left:12px;font-size:.875rem}.paste-button{padding:9px}.paste-button span{display:none}.header-caption{letter-spacing:.8px}}@media(max-width:760px){.site-shell{width:calc(100% - 32px);max-width:580px}.site-header{height:83px}.brand{font-size:1.75rem;gap:11px}.brand-mark{width:31px;height:31px}.header-caption{font-size:.75rem;max-width:110px;line-height:1.6;text-align:right}.version{display:none}.page-heading{margin:31px 0 24px}h1{font-size:3rem}.intro{font-size:1rem;max-width:320px;margin-top:10px}.workspace{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line);padding:22px 20px 0}.result-panel{padding:22px 20px}.field-role{display:block}.position-field{margin-top:25px}.input-wrap input{font-size:1rem;padding:18px 12px}.paste-button span{display:inline}.example-row{margin-top:20px}.instructions{padding-bottom:19px}.distance-readout{padding-top:22px}.distance-value{min-height:113px}.distance-value output{font-size:7rem}.result-label{font-size:.75rem}.offsets>div{flex-direction:row;align-items:center}.plot-heading{padding:12px 10px;font-size:.75rem}.plot-heading>span:last-child{font-size:.75rem}.method-note{align-items:flex-start;padding:20px 2px}.note-mark{margin-top:3px}footer{margin-top:0;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 0 28px}.footer-detail{display:none}}@media(max-width:380px){.site-shell{width:calc(100% - 24px)}.brand{font-size:1.55rem}.header-caption{max-width:95px;font-size:.75rem}.input-panel,.result-panel{padding-left:16px;padding-right:16px}.field-role,.paste-button span{display:none}.offsets>div{flex-direction:column;align-items:flex-start}.plot-heading>span:last-child{display:none}.result-state{font-size:.75rem;letter-spacing:0}h2{font-size:1.125rem}.section-number{margin-right:5px}.example-row{gap:8px}.distance-value output{font-size:6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.brand-wordmark{display:flex;flex-direction:column;gap:3px;line-height:.95;text-transform:uppercase}.brand-mark{flex-shrink:0}footer{flex-wrap:wrap}.footer-creator{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;width:100%;padding-top:16px;border-top:1px solid var(--line);font-size:.875rem}.footer-creator strong{color:var(--green);font-weight:500}.creator-socials{display:flex;gap:8px}.social-link{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:3px;color:var(--text);background:var(--panel);transition:color .15s,border-color .15s,background .15s}.twitch-link:hover{color:#c9a5ff;border-color:#a970ff;background:#241b33}.x-link:hover{color:var(--green);border-color:var(--green);background:#24301d}@media(max-width:760px){.footer-creator{justify-content:flex-start;margin-top:8px}}@media(max-width:480px){.header-caption{display:none}}