:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg-page);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--neutral-50: #f6f7f4;--neutral-0: #ffffff;--neutral-100: #edf0e9;--neutral-200: #dfe4dc;--neutral-500: #737f75;--neutral-600: #606c63;--neutral-900: #202e26;--green-50: #eaf2e4;--green-100: #dce9d4;--green-700: #315c42;--green-900: #173d32;--red-700: #a12c29;--bg-page: var(--neutral-50);--bg-surface: var(--neutral-0);--bg-subtle: var(--neutral-100);--bg-result: var(--green-50);--bg-hover: var(--green-100);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--border-subtle: var(--neutral-200);--border-control: var(--neutral-500);--accent-solid: var(--green-900);--accent-text: var(--green-700);--focus-ring: var(--green-700);--text-error: var(--red-700);--text-xs: .75rem;--text-sm: .8125rem;--text-label: .875rem;--text-body: 1rem;--text-heading: 1.125rem;--text-title: clamp(2.3rem, 5vw, 3.5rem);--text-number: clamp(1.625rem, 3vw, 2.25rem);--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-control: .625rem;--radius-card: 1rem}*{box-sizing:border-box}body{margin:0;min-inline-size:280px}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;color:var(--text-secondary)}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--accent-solid);color:var(--bg-surface)}.page-shell{max-inline-size:1088px;margin-inline:auto;padding-inline:var(--space-8)}.site-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-8);border-block-end:1px solid var(--border-subtle)}.wordmark{display:flex;align-items:center;gap:var(--space-3);font-size:1.25rem;font-weight:650;letter-spacing:-.04em}.wordmark-dot{color:var(--accent-text)}.brand-mark{inline-size:36px;block-size:36px;border-radius:10px;background:var(--accent-solid);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding-inline:9px}.brand-mark i{display:block;block-size:3px;inline-size:18px;background:var(--bg-result);border-radius:2px}.brand-mark i:nth-child(2){inline-size:13px}.brand-mark i:nth-child(3){inline-size:8px}.header-note{font-size:var(--text-sm);color:var(--text-secondary)}.intro{padding-block:var(--space-12) 2.5rem}.eyebrow{display:flex;align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.12em;font-size:.6875rem;font-weight:600;margin-block-end:var(--space-4)}.eyebrow-line{inline-size:22px;block-size:1px;background:var(--text-primary)}h1{font-size:var(--text-title);line-height:1.1;letter-spacing:-.055em;font-weight:600}.title-dot{color:var(--accent-text)}.intro-description{font-size:var(--text-body);line-height:1.6;color:var(--text-secondary);margin-block-start:var(--space-4)}.mobile-break{display:none}.calculator{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;padding:var(--space-2);box-shadow:0 4px 20px #202e2605}.input-panel{padding:var(--space-8);min-inline-size:0}.section-label{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.section-label h2{font-size:var(--text-heading);font-weight:600;letter-spacing:-.025em;line-height:1.4}.step{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.panel-description{font-size:var(--text-label);line-height:1.6;color:var(--text-secondary);margin-block-start:var(--space-2)}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-start:var(--space-6)}.field-heading label{font-size:var(--text-label);font-weight:600}.clear-button{min-block-size:44px;padding:var(--space-2) var(--space-3);background:transparent;border:1px solid transparent;border-radius:var(--radius-control);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px;color:var(--text-secondary)}.input-wrap{display:flex;align-items:center;border:1px solid var(--border-control);border-radius:var(--radius-control);padding-inline-end:var(--space-4);background:var(--bg-surface)}.input-wrap input{min-inline-size:0;inline-size:100%;border:0;border-radius:var(--radius-control);color:var(--text-primary);background:transparent;padding:1.125rem var(--space-4);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.125rem;line-height:1.5}.input-wrap input::placeholder{color:var(--text-secondary)}.input-suffix{color:var(--text-secondary);font-size:var(--text-label)}.input-wrap-error{border-color:var(--text-error)}.field-hint{font-size:var(--text-xs);line-height:1.6;color:var(--text-secondary);margin-block-start:var(--space-2)}.field-error{margin-block-start:var(--space-2);font-size:var(--text-label);line-height:1.5;color:var(--text-error)}.examples{margin-block-start:var(--space-6)}.examples>p{font-size:var(--text-xs);color:var(--text-secondary);margin-block-end:var(--space-2)}.example-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.example-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:.625rem var(--space-3);min-block-size:44px;border:1px solid var(--border-subtle);background:var(--bg-page);border-radius:var(--radius-control);font-size:var(--text-sm)}.example-buttons svg{inline-size:14px;block-size:14px}.precision-note{display:flex;align-items:center;gap:var(--space-3);margin-block-start:var(--space-8)}.precision-icon{display:flex;padding:5px;border-radius:50%;background:var(--bg-subtle)}.precision-note p{font-size:var(--text-xs);line-height:1.7}.precision-note strong{display:block;font-weight:600}.precision-note p span{display:block;color:var(--text-secondary)}.results-panel{min-inline-size:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border-inline-start:1px solid var(--border-subtle)}.result-section-label{margin-block-end:var(--space-2)}.live-label{margin-inline-start:auto;font-size:.6875rem;color:var(--text-secondary);white-space:nowrap}.result-card{padding:1.25rem var(--space-6);background:var(--bg-page);border-radius:var(--radius-card);min-inline-size:0}.result-card-tinted{background:var(--bg-result)}.result-heading{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2)}.result-heading h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-label);font-weight:600}.unit-tag{font-family:var(--font-mono);font-weight:400;font-size:.6875rem;border:1px solid var(--border-control);padding:2px 5px;border-radius:4px;color:var(--text-secondary)}.copy-button{min-block-size:44px;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-2);font-size:var(--text-xs);border:1px solid transparent;border-radius:var(--radius-control);background:transparent}.copy-button:disabled{opacity:.6}.result-value{display:block;margin-block:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-number);font-weight:400;letter-spacing:-.05em;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-value-long{font-size:1.375rem;letter-spacing:-.025em}.formula{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-secondary);line-height:1.6;overflow-wrap:anywhere}.copy-feedback{font-size:var(--text-xs);line-height:1.6}.copy-feedback:not(:empty){margin-block-start:var(--space-2)}.result-prompt{font-size:var(--text-label);color:var(--text-secondary);line-height:1.6}.reference{margin-block-start:var(--space-8);padding:var(--space-6) var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.reference-intro{display:flex;align-items:center;gap:var(--space-3)}.reference-icon{font-family:var(--font-mono);font-size:1.5rem;inline-size:40px;block-size:40px;border:1px solid var(--border-subtle);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.reference h2{font-size:var(--text-label);font-weight:600;line-height:1.5}.reference-intro p{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6;margin-block-start:var(--space-1)}.unit-reference{display:flex;gap:var(--space-8);margin:0}.unit-reference dt{font-size:var(--text-xs);color:var(--text-secondary);margin-block-end:var(--space-2)}.unit-reference dd{margin:0;font-family:var(--font-mono);font-size:1.125rem;white-space:nowrap}.unit-reference sup{font-size:.6875rem}.unit-reference dd span{display:block;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.6875rem;color:var(--text-secondary);line-height:1.6;margin-block-start:var(--space-1)}.scope-note{margin:var(--space-4) auto var(--space-8);text-align:center;max-inline-size:70ch;color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6}footer{padding-block:var(--space-6);border-block-start:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6}footer>span{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}footer svg{inline-size:14px;block-size:14px}.footer-dot{margin-inline:var(--space-1)}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(hover:hover){button:not(:disabled):hover{background:var(--bg-hover)}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s cubic-bezier(.2,0,0,1),transform .12s cubic-bezier(.2,0,0,1)}button:not(:disabled):active{transform:scale(.96)}}@media(max-width:60rem){.input-panel{padding:var(--space-6)}.results-panel{padding:var(--space-4)}.reference{flex-direction:column;align-items:flex-start}.unit-reference{inline-size:100%;justify-content:space-between}}@media(max-width:45rem){.page-shell{padding-inline:var(--space-4)}.site-header{padding-block:var(--space-6)}.header-note{display:none}.intro{padding-block:var(--space-8)}.calculator{grid-template-columns:minmax(0,1fr);border-radius:20px}.input-panel{padding:var(--space-6) var(--space-4)}.results-panel{border-inline-start:0;border-block-start:1px solid var(--border-subtle);padding:var(--space-6) var(--space-2) var(--space-2)}.result-section-label,.result-prompt{margin-inline:var(--space-2)}.result-card{padding:var(--space-4)}.result-value{font-size:1.875rem}.result-value-long{font-size:1.125rem}.reference{padding:var(--space-6)}.unit-reference{gap:var(--space-6);flex-wrap:wrap}.unit-reference>div{min-inline-size:40%}.scope-note{text-align:start;margin-inline:var(--space-2)}footer{align-items:flex-start;flex-direction:column;gap:var(--space-2)}}@media(max-width:25rem){.mobile-break{display:inline}.input-wrap input{font-size:1rem;padding-inline:var(--space-3)}.example-buttons{gap:var(--space-2)}.example-buttons button{gap:var(--space-2);padding-inline:.625rem}}@media(forced-colors:active){button:focus-visible,input:focus-visible{outline-color:Highlight}.result-card,.copy-button,.brand-mark{border:1px solid CanvasText}}