:root{--ink:#1e293b;--ink-muted:#64748b;--bg:#fff;--surface:#f8fafc;--rule:#e2e8f0;--accent:#0891b2;--accent-ink:#fff;--accent-hover:#0e7490;--accent-light:#ecfeff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--font-size-display:2rem;--font-size-heading:1.5rem;--font-size-body:1rem;--font-size-small:.875rem;--input-height:48px;--button-height:44px;--border-radius:6px;--card-radius:8px;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:#e2e8f0;--ink-muted:#94a3b8;--bg:#0f172a;--surface:#1e293b;--rule:#334155;--accent:#22d3ee;--accent-ink:#0f172a;--accent-hover:#06b6d4;--accent-light:#164e63}}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}::selection{background:var(--accent-light);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}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:var(--button-height)}button{min-width:var(--button-height)}input,select,textarea{font:inherit;font-size:max(1rem,16px)}img,video,canvas,svg{max-width:100%;height:auto}pre{overflow-x:auto}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--surface);border-bottom:1px solid var(--rule);padding:var(--space-4) var(--space-6)}.header-content{align-items:center;gap:var(--space-4);max-width:600px;margin:0 auto;display:flex}.header h1{font-size:var(--font-size-heading);color:var(--ink);font-weight:600}.main{padding:var(--space-8) var(--space-6);flex:1;justify-content:center;align-items:center;display:flex}.converter-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--card-radius);width:100%;max-width:500px;padding:var(--space-8)}.form-group{margin-bottom:var(--space-6)}.label{margin-bottom:var(--space-2);color:var(--ink);font-weight:600;display:block}.select{width:100%;height:var(--input-height);padding:0 var(--space-4);font-size:var(--font-size-body);color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:var(--border-radius);cursor:pointer;transition:all .15s ease-out}.select:hover{border-color:var(--accent)}.select:focus{border-color:var(--accent);outline:none;box-shadow:0 1px 3px #0000001a}.conversion-row{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:1fr auto 1fr;align-items:end;display:grid}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input{width:100%;height:var(--input-height);padding:0 var(--space-4);font-size:var(--font-size-body);color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:var(--border-radius);transition:all .15s ease-out}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 1px 3px #0000001a}.input::placeholder{color:var(--ink-muted)}.unit-label{font-size:var(--font-size-small);color:var(--ink-muted)}.swap-button{height:var(--button-height);width:var(--button-height);color:var(--accent);background:var(--bg);border:1px solid var(--rule);border-radius:var(--border-radius);cursor:pointer;margin-bottom:var(--space-6);justify-content:center;align-items:center;font-size:1.25rem;transition:all .15s ease-out;display:flex}.swap-button:hover{background:var(--accent-light);border-color:var(--accent)}.swap-button:focus{border-color:var(--accent);outline:none;box-shadow:0 1px 3px #0000001a}.swap-button:active{transform:scale(.95)}.result-display{background:var(--bg);border:1px solid var(--rule);border-radius:var(--border-radius);padding:var(--space-6);text-align:center}.result-label{font-size:var(--font-size-small);color:var(--ink-muted);margin-bottom:var(--space-2)}.result-value{font-size:var(--font-size-display);color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.result-equation{margin-top:var(--space-4);font-size:var(--font-size-small);color:var(--ink-muted);padding-top:var(--space-4);border-top:1px solid var(--rule)}@media (width<=500px){.conversion-row{gap:var(--space-3);grid-template-columns:1fr}.swap-button{margin:var(--space-2) auto;transform:rotate(90deg)}.swap-button:active{transform:rotate(90deg)scale(.95)}.converter-card{padding:var(--space-6)}.result-value{font-size:1.75rem}.main{padding:var(--space-6) var(--space-4)}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (width<=480px){body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}