:root{--color-bg-base: #0C0C0E;--color-bg-raised: #141417;--color-bg-stripe: #17171A;--color-line-default: #26262B;--color-line-strong: #F5F4F1;--color-text-primary: #F5F4F1;--color-text-dim: #9B9BA2;--color-text-faint: #55555C;--color-accent-clay: #D9764A;--color-accent-clayPressed: #B3492A;--color-accent-onClay: #0C0C0E;--color-plate-yellow: #FFCF00;--color-plate-ink: #111111;--color-map-trail: #D9764A;--color-map-lift: #8F8F96;--font-display: "Anton";--font-mono: "IBM Plex Mono";--font-ui: "Archivo";--type-glance-size: 230px;--type-glance-line: 230px;--type-plate-size: 172px;--type-plate-line: 172px;--type-statXL-size: 64px;--type-statXL-line: 64px;--type-statXL-tracking: 5.1px;--type-statL-size: 52px;--type-statL-line: 60px;--type-statM-size: 44px;--type-statM-line: 50px;--type-statS-size: 34px;--type-statS-line: 40px;--type-wordmark-size: 24px;--type-wordmark-line: 24px;--type-wordmark-tracking: 1.2px;--type-button-size: 18px;--type-button-line: 18px;--type-button-tracking: 2.2px;--type-button-case: uppercase;--type-plateCaption-size: 20px;--type-plateCaption-line: 20px;--type-plateCaption-tracking: 8.4px;--type-plateCaption-case: uppercase;--type-body-size: 15px;--type-body-line: 22px;--type-labelM-size: 13px;--type-labelM-line: 13px;--type-labelM-tracking: 2.1px;--type-labelM-case: uppercase;--type-labelS-size: 11px;--type-labelS-line: 11px;--type-labelS-tracking: 1.8px;--type-labelS-case: uppercase;--type-caption-size: 12px;--type-caption-line: 18px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--gutter: 24px;--radius-none: 0px;--radius-tight: 2px;--radius-chip: 4px;--radius-round: 999px;--touch-min: 56px;--touch-midRide: 72px;--motion-fast-ms: .12s;--motion-fast-ease: cubic-bezier(.2, 0, 0, 1);--motion-default-ms: .24s;--motion-default-ease: cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-ui),system-ui,sans-serif;font-size:var(--type-body-size);line-height:var(--type-body-line);-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-8)}a{color:var(--color-text-dim);text-decoration:underline;text-underline-offset:3px}a:hover,a:focus-visible{color:var(--color-text-primary)}.label{font-family:var(--font-mono),ui-monospace,monospace;font-weight:400;font-size:var(--type-labelM-size);line-height:var(--type-labelM-line);letter-spacing:var(--type-labelM-tracking);text-transform:var(--type-labelM-case);color:var(--color-text-dim);margin:0}.stat{font-family:var(--font-display),Impact,sans-serif;font-weight:400;font-size:var(--type-statM-size);line-height:var(--type-statM-line);color:var(--color-text-primary);margin:0;overflow-wrap:anywhere}.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.mark{font-family:var(--font-display),Impact,sans-serif;font-weight:400;font-size:var(--type-statL-size);line-height:var(--type-statL-line);letter-spacing:var(--type-statXL-tracking);margin:0}.mark-sub{color:var(--color-accent-clay)}.head-toggles{display:flex;flex-wrap:wrap;gap:var(--space-3)}.nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.nav-link{font-family:var(--font-display),Impact,sans-serif;font-size:var(--type-button-size);line-height:var(--type-button-line);letter-spacing:var(--type-button-tracking);text-transform:var(--type-button-case);text-decoration:none;color:var(--color-text-dim);min-height:var(--touch-min);padding:0 var(--space-4);display:inline-flex;align-items:center;border:1px solid var(--color-line-default)}.nav-link[aria-current=page]{color:var(--color-text-primary);border-color:var(--color-line-strong)}.rule{height:2px;background:var(--color-line-strong);border:0;margin:var(--space-5) 0 var(--space-6)}.tool-title{font-family:var(--font-display),Impact,sans-serif;font-weight:400;font-size:var(--type-statS-size);line-height:var(--type-statS-line);text-transform:uppercase;margin:0 0 var(--space-5)}.toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.toggles .label{margin-bottom:var(--space-2)}.segmented{display:inline-flex;border:1px solid var(--color-line-default)}.segment{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--type-labelM-size);letter-spacing:var(--type-labelS-tracking);text-transform:uppercase;color:var(--color-text-dim);background:var(--color-bg-base);border:0;border-right:1px solid var(--color-line-default);min-height:var(--touch-min);padding:0 var(--space-4);cursor:pointer}.segment:last-child{border-right:0}.segment[aria-pressed=true]{color:var(--color-text-primary);background:var(--color-bg-raised);box-shadow:inset 0 -2px 0 var(--color-accent-clay)}.segment:focus-visible{outline:2px solid var(--color-line-strong);outline-offset:-2px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.field .label{display:block;margin-bottom:var(--space-2)}.field-box{display:flex;align-items:center;border:1px solid var(--color-line-default);background:var(--color-bg-raised);min-height:var(--touch-min)}.field-box:focus-within{border-color:var(--color-line-strong)}.field-input{flex:1;align-self:stretch;min-width:0;background:transparent;border:0;outline:0;color:var(--color-text-primary);font-family:var(--font-display),Impact,sans-serif;font-size:var(--type-statS-size);line-height:var(--type-statS-line);padding:0 var(--space-4)}.field-input::placeholder{color:var(--color-text-faint);font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--type-caption-size);letter-spacing:var(--type-labelS-tracking);text-transform:uppercase}.field-input[aria-invalid=true]{color:var(--color-accent-clay)}.field-unit{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--type-caption-size);color:var(--color-text-dim);padding:0 var(--space-4) 0 var(--space-2)}.field-slider{display:block;width:100%;height:var(--touch-min);margin:var(--space-2) 0 0;padding:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.field-slider:focus-visible{outline:2px solid var(--color-line-strong);outline-offset:-2px}.field-slider::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--color-accent-clay) var(--slider-swept),var(--color-line-default) var(--slider-swept))}.field-slider::-moz-range-track{height:2px;background:var(--color-line-default)}.field-slider::-moz-range-progress{height:2px;background:var(--color-accent-clay)}.field-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--touch-min);height:var(--touch-min);margin-top:calc((2px - var(--touch-min)) / 2);background:var(--color-bg-raised);border:1px solid var(--color-line-strong);border-radius:0}.field-slider::-moz-range-thumb{width:var(--touch-min);height:var(--touch-min);background:var(--color-bg-raised);border:1px solid var(--color-line-strong);border-radius:0}.field-slider-empty::-webkit-slider-thumb{background:var(--color-bg-base);border-color:var(--color-line-default)}.field-slider-empty::-moz-range-thumb{background:var(--color-bg-base);border-color:var(--color-line-default)}.field-note{min-height:var(--type-caption-line);margin-top:var(--space-2)}.field-error,.field-hint,.solve-error{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--type-caption-size);line-height:var(--type-caption-line);margin:0}.field-error,.solve-error{color:var(--color-accent-clay)}.field-hint{color:var(--color-text-dim)}.field-active .field-box{border-color:var(--color-line-strong)}.solve-error{margin:0 0 var(--space-6)}.drawing{margin:0 0 var(--space-6);border:1px solid var(--color-line-default);background:var(--color-bg-raised);padding:var(--space-4)}.drawing-svg{display:block;width:100%;height:320px}.drawing-baseline{stroke:var(--color-text-faint);stroke-width:1}.drawing-line{stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.drawing-primary{stroke:var(--color-text-primary)}.drawing-dim{stroke:var(--color-text-dim)}.drawing-clay{stroke:var(--color-accent-clay)}.drawing-dashed{stroke-dasharray:6 6}.drawing-highlight path{stroke:var(--color-accent-clay);stroke-width:1.5;stroke-linecap:round}.drawing-highlight circle{fill:var(--color-accent-clay)}.drawing-trace path{stroke-width:2.5;stroke-linejoin:round}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-line-default);border:1px solid var(--color-line-default);margin:0 0 var(--space-6)}.result{background:var(--color-bg-raised);padding:var(--space-4) var(--space-4) var(--space-5);min-width:0}.result .label{display:block;margin-bottom:var(--space-3)}.result .unit{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--type-caption-size);color:var(--color-text-dim);margin-left:var(--space-2)}.result{cursor:default}.result:focus-visible{outline:2px solid var(--color-line-strong);outline-offset:-2px}.result-active{box-shadow:inset 0 0 0 1px var(--color-line-strong)}.result-hint{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--color-text-dim);margin:var(--space-2) 0 0}@media(min-width:560px){.results{grid-template-columns:repeat(3,1fr)}}.limits{margin:0 0 var(--space-7)}.limits .label{margin-bottom:var(--space-3)}.limits-none,.limits-list{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--type-caption-size);line-height:var(--type-caption-line);margin:0;padding:0;list-style:none}.limits-none{color:var(--color-text-dim)}.limit{color:var(--color-text-primary);padding:var(--space-3) 0;border-top:1px solid var(--color-line-default)}.limit:last-child{border-bottom:1px solid var(--color-line-default)}.limit-unsourced{color:var(--color-text-dim)}.sources p{margin:0 0 var(--space-5)}.sources .label{margin:var(--space-6) 0 var(--space-3)}.sources-list{margin:0;padding:0;list-style:none}.sources-list li{border-top:1px solid var(--color-line-default)}.sources-list li:last-child{border-bottom:1px solid var(--color-line-default)}.sources-list a{display:flex;align-items:center;min-height:var(--touch-min);padding:var(--space-3) 0}.foot{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--color-line-default);font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--color-text-dim)}.foot p{margin:0 0 var(--space-3)}