:root{--bg:#f5f7fb;--surface:#fff;--surface-muted:#eef2f9;--text:#16202e;--text-muted:#4b5a70;--border:#d7dfec;--accent:#1c5cff;--accent-strong:#1447cc;--accent-soft:#e6edff;--answer-bg:#eaf7ee;--answer-border:#9ad3ae;--answer-text:#14512c;--focus:#ff8a00;--radius:14px;--maxw:760px}@media (prefers-color-scheme:dark){:root{--bg:#0e141d;--surface:#161e2a;--surface-muted:#1d2735;--text:#f2f5fa;--text-muted:#aebaca;--border:#2c3849;--accent:#6f9bff;--accent-strong:#8fb2ff;--accent-soft:#1d2a45;--answer-bg:#12301f;--answer-border:#2f7a4c;--answer-text:#c8f3d8;--focus:#ffb454}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:18px;line-height:1.6}a{color:var(--accent-strong)}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 16px}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:10px;padding-bottom:10px;display:flex}.wordmark{letter-spacing:-.02em;color:var(--text);font-size:20px;font-weight:800;text-decoration:none}.wordmark span{color:var(--accent)}.site-nav{flex-wrap:wrap;gap:4px 18px;font-size:16px;display:flex}.site-nav a{font-weight:600;text-decoration:none}.site-nav a:hover{text-decoration:underline}.site-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--text-muted);margin-top:56px;padding:28px 0 40px;font-size:15px}.site-footer ul{flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;padding:0;list-style:none;display:flex}main{padding-top:20px}h1{letter-spacing:-.02em;margin:8px 0 6px;font-size:clamp(28px,6vw,40px);line-height:1.15}h2{margin:40px 0 10px;font-size:clamp(22px,4vw,27px);line-height:1.25}h3{margin:24px 0 8px;font-size:20px}.lede{color:var(--text-muted);margin:0 0 20px;font-size:19px}.breadcrumbs{color:var(--text-muted);margin:0;padding:4px 0;font-size:15px}.breadcrumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:after{content:"›";color:var(--border);margin-left:6px}.breadcrumbs li:last-child:after{content:""}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px 20px;box-shadow:0 1px 2px #1018280f}.step-label{align-items:center;gap:10px;margin-bottom:8px;font-size:17px;font-weight:700;display:flex}.step-number{background:var(--accent);color:#fff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:inline-grid}.field{background:var(--surface-muted);border:2px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:6px 14px;display:flex}.field:focus-within{border-color:var(--accent)}.field input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;flex:auto;padding:10px 0;font-size:clamp(28px,7vw,38px);font-weight:700}.field input:focus{outline:none}.field input::-webkit-outer-spin-button,.field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]{-moz-appearance:textfield}.field__unit{color:var(--text-muted);white-space:nowrap;font-size:clamp(17px,4vw,21px);font-weight:700}.answer{background:var(--answer-bg);border-color:var(--answer-border)}.answer input{color:var(--answer-text)}.answer input::placeholder{color:var(--text-muted);font-size:18px;font-weight:600}.answer__unit{color:var(--answer-text)}.swap-row{justify-content:center;margin:10px 0;display:flex}.btn--swap{min-height:44px;padding:8px 22px}.btn{border:2px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:17px;font-weight:700;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent-strong)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.card__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.chips-label{margin:16px 0 0;font-size:16px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;margin-top:8px;padding:0;list-style:none;display:flex}.chip{border:2px solid var(--border);background:var(--accent-soft);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:700}.chip:hover{border-color:var(--accent)}.hint{color:var(--text-muted);margin:10px 0 0;font-size:15px}.precision{color:var(--text-muted);align-items:center;gap:8px;margin-left:auto;font-size:15px;display:flex}.precision select{font:inherit;border:2px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;padding:4px 8px;font-size:16px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.formula{background:var(--surface-muted);border:1px solid var(--border);border-left:5px solid var(--accent);overflow-wrap:anywhere;border-radius:10px;padding:14px 16px;font-size:19px}.formula strong{font-size:21px}.note{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--focus);border-radius:10px;padding:14px 16px}.note h2,.note h3{margin-top:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:17px}caption{text-align:left;color:var(--text-muted);padding-bottom:8px;font-size:15px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}thead th{background:var(--surface-muted);font-size:16px}tbody tr:nth-child(2n){background:var(--surface)}.link-grid{grid-template-columns:1fr;gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.link-grid{grid-template-columns:repeat(2,1fr)}}.link-card{background:var(--surface);border:2px solid var(--border);color:var(--text);border-radius:12px;min-height:48px;padding:14px 16px;text-decoration:none;display:block}.link-card:hover{border-color:var(--accent)}.link-card strong{color:var(--accent-strong);font-size:18px;display:block}.link-card span{color:var(--text-muted);font-size:15px}.benefits{grid-template-columns:1fr;gap:12px;padding:0;list-style:none;display:grid}@media (width>=640px){.benefits{grid-template-columns:repeat(3,1fr)}}.benefits li{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.benefits strong{margin-bottom:4px;display:block}.diagram{border:1px solid var(--border);border-radius:10px;width:100%;max-width:560px;height:auto;margin:8px 0 4px;display:block}