:root{--ink:#1a1a1a;--ink-muted:#6b6b6b;--bg:#fafafa;--surface:#fff;--rule:#e0e0e0;--accent:#06c;--accent-ink:#fff;--display-ground:#f5f5f5;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", monospace;--measure:60ch;scrollbar-color:var(--rule) transparent;caret-color:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#e8e9ec;--ink-muted:#9ca3af;--bg:#0f0f0f;--surface:#1a1a1a;--rule:#2a2a2a;--accent:#4a9eff;--accent-ink:#0a0a0a;--display-ground:#141414}}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.screen{min-height:100vh}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:.18em}.num{font-variant-numeric:tabular-nums}button,[role=button],summary,select,input[type=checkbox],input[type=radio]{min-height:44px}button{min-width:44px}input,select,textarea{font:inherit;font-size:max(1rem,16px)}img,video,canvas,svg{max-width:100%;height:auto}pre{overflow-x:auto}@media (width<=480px){.screen{padding-inline:1rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}button,input{transition:all .15s ease-out}}.app-container{width:100%;max-width:960px;margin:0 auto;padding:3rem 1rem}.app-header{border-bottom:1px solid var(--rule);margin-bottom:3rem;padding-bottom:1.5rem}.app-header h1{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.5rem;font-weight:500}.converter-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.converter-grid{grid-template-columns:repeat(3,1fr)}}.conversion-unit{background:var(--surface);border:1px solid var(--rule);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.conversion-unit h2{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);border-bottom:1px solid var(--rule);margin:0;padding-bottom:.5rem;font-size:.875rem;font-weight:500}.io-section{flex-direction:column;gap:1rem;display:flex}.io-group{flex-direction:column;gap:.25rem;display:flex}.io-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:.75rem;font-weight:500;font-family:var(--font-mono)}.io-display{background:var(--display-ground);border:1px solid var(--rule);min-height:3.5rem;font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:center;padding:1rem;font-size:1.5rem;font-weight:400;display:flex;position:relative}.io-display input{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:1.5rem;font-weight:400}.io-display input::placeholder{color:var(--ink-muted);opacity:.4}.io-display .unit-suffix{color:var(--ink-muted);flex-shrink:0;margin-left:.5rem;font-size:.875rem;font-weight:400}.swap-button{background:var(--surface);border:1px solid var(--rule);cursor:pointer;width:2.5rem;height:2.5rem;color:var(--ink-muted);justify-content:center;align-self:center;align-items:center;padding:0;display:flex}.swap-button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.swap-button:active{transform:scale(.95)}.swap-button svg{width:1.25rem;height:1.25rem}.precision-note{color:var(--ink-muted);text-align:center;border-top:1px solid var(--rule);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.02em;padding-top:1rem}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@media (width<=480px){body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}p,li,dt,dd,blockquote,figcaption,td,th{max-width:min(75ch,100%)}