:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182b49;background:#f3f6fb;font-synthesis:none;line-height:1.5;font-size:16px;--ink:#182b49;--muted:#4e607a;--blue:#164ac9;--line:#ccd8e9}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #be5700;outline-offset:4px}button{border:1px solid var(--line);border-radius:.6rem;min-height:46px;background:white;color:var(--ink);font-weight:650;padding:.65rem 1rem}button:hover:not(:disabled){border-color:var(--blue);background:#f0f5ff}a{color:#174cb9;text-underline-offset:.18em}.page{max-width:1060px;margin:auto;padding:0 28px}.masthead{display:flex;align-items:center;gap:12px;font-size:.78rem;letter-spacing:.11em;font-weight:750;padding:26px 0;border-bottom:1px solid var(--line)}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#7cddff;width:31px;height:31px;font-size:1.5rem;line-height:1;border-radius:8px}.free-label{margin-left:auto;letter-spacing:0;color:var(--muted);font-size:.875rem;font-weight:500}.heading{display:flex;align-items:baseline;gap:24px;margin:30px 0 24px}.heading h1{font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.05em;line-height:1.15;margin:0}.heading p{color:var(--muted);margin:0;font-size:1rem}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#e2eaf5;padding:6px;border-radius:13px;margin-bottom:20px}.categories button{background:transparent;border-color:transparent}.categories button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 2px 4px #182b491a}.categories button:hover:not([aria-pressed=true]){background:white}.converter{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;box-shadow:0 8px 28px #182b4907}.input-panel{padding:30px}.eyebrow{font-size:.875rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;display:block}#amount{display:block;width:100%;margin:10px 0 18px;border:1px solid #96a8c3;background:white;border-radius:9px;font-size:2rem;font-weight:650;letter-spacing:-.02em;color:var(--ink);padding:10px 13px;min-height:66px}#amount[aria-invalid=true]{border:2px solid #a52231;background:#fff6f7}.format-control{display:flex;align-items:center;gap:10px;justify-content:space-between}.format-control label{font-size:.875rem;color:var(--muted)}select{display:block;max-width:100%;min-height:46px;border:1px solid #9cacc4;border-radius:7px;background:white;color:var(--ink);padding:9px 31px 9px 10px;font-size:1rem}.format-control select{min-height:40px;font-size:.875rem}.hint{font-size:.875rem;color:var(--muted);margin:10px 0 22px}.unit-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}.unit-fields label{display:block;font-size:.875rem;font-weight:650;margin-bottom:6px}.unit-fields select{width:100%}.swap{justify-self:end;min-height:40px;font-size:.875rem;padding:6px 12px;background:#f3f6fb}.result-panel{background:#eaf2ff;padding:30px;display:flex;flex-direction:column;border-left:1px solid var(--line);min-width:0}.result-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.result-top select{font-size:.875rem;background:#f7faff;min-height:40px}#result-region{padding:36px 0 26px;min-height:230px}.result{font-size:clamp(1.75rem,4vw,2.8rem);font-weight:750;letter-spacing:-.045em;line-height:1.15;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.relation{font-weight:450;font-size:.7em;vertical-align:baseline;margin-right:8px;color:#3e608d}.relation:empty{margin:0}.result-unit{font-size:1.2rem;margin:10px 0 18px;font-weight:550;color:#314e75}.precision-note{font-size:.875rem;color:#415b7f;max-width:34ch;margin:0}.copy{margin-top:auto;color:white;background:var(--blue);border-color:var(--blue);width:100%}.copy:hover:not(:disabled){background:#103ca8;border-color:#103ca8}.copy-status{min-height:1.5em;margin:10px 0 0;font-size:.875rem;color:#314e75}#manual-copy label{font-size:.875rem}textarea{display:block;width:100%;resize:vertical;padding:8px;color:var(--ink);border:1px solid #9cacc4;border-radius:7px;margin-top:6px}.error{color:#9b1728;font-size:.875rem;margin:18px 0 0}.quick{margin-top:26px}.quick h2{font-size:.875rem;font-weight:650;margin:0 0 11px;color:var(--muted)}.presets{display:flex;gap:9px;flex-wrap:wrap}.presets button{font-size:.875rem;font-weight:550;min-height:43px}.unit-note{font-size:.875rem;color:var(--muted);margin:19px 0 25px;max-width:88ch}.help{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{padding:18px 0;font-size:.9375rem;font-weight:650;cursor:pointer;min-height:48px}.help-body{max-width:85ch;color:var(--muted);padding-bottom:10px;font-size:.9375rem}.help-body p:first-child{margin-top:0}footer{color:var(--muted);font-size:.8125rem;padding:22px 0 28px;max-width:90ch}footer p{margin:5px 0}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.no-script{border:1px solid #b52332;padding:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:700px){.page{padding:0 18px}.masthead{padding:19px 0}.heading{display:block;margin:25px 0 20px}.heading p{margin-top:8px}.categories{gap:2px;padding:4px}.categories button{font-size:.875rem;padding:10px 4px}.converter{grid-template-columns:1fr}.input-panel,.result-panel{padding:23px}.result-panel{border-left:0;border-top:1px solid var(--line)}#result-region{padding:25px 0 24px;min-height:0}.result{font-size:clamp(1.8rem,7vw,2.75rem)}.result-unit{margin-bottom:12px}.copy{margin-top:0}.unit-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.unit-fields>div:last-child{grid-column:2;grid-row:1}.swap{grid-column:1/-1;justify-self:stretch;grid-row:2}.unit-fields select{font-size:.875rem;padding-left:8px}.quick{margin-top:23px}.presets{gap:7px}.free-label{font-size:.8125rem}.result-top{gap:8px}}@media(max-width:370px){.page{padding:0 12px}.input-panel,.result-panel{padding:18px}.categories{grid-template-columns:repeat(2,1fr)}.result-top{align-items:flex-start}.masthead{letter-spacing:.055em}.format-control{flex-wrap:wrap}.unit-fields{grid-template-columns:1fr}.unit-fields>div:last-child{grid-column:auto;grid-row:3}.swap{grid-row:2}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(forced-colors:active){.categories button[aria-pressed=true]{outline:2px solid SelectedItem}.copy{border:2px solid ButtonText}}
.amount-row{display:flex;align-items:center;gap:10px}.amount-row #amount{min-width:0}.negate{flex:none;min-width:48px;min-height:52px;font-size:1.4rem;padding:7px 12px;margin:10px 0 18px;background:#f3f6fb}
.categories{display:flex;flex-wrap:wrap}.categories button{flex:1 1 8rem;min-width:0;overflow-wrap:anywhere}