.conversion-tool{margin:28px 0 36px}.conversion-bases{border:0;min-width:0;margin:0 0 20px;padding:0}.conversion-bases legend{padding:0;font-size:16px;font-weight:650}.conversion-bases>p{color:var(--muted);margin:4px 0 12px;font-size:13px}.conversion-bases>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.conversion-bases label{border:1px solid var(--border);background:var(--paper);cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:15px 18px;display:flex}.conversion-bases label.is-selected{background:var(--wash);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.conversion-bases input{width:17px;height:17px;accent-color:var(--accent);flex:none;margin:0}.conversion-bases strong,.conversion-bases small{display:block}.conversion-bases strong{font-size:15px;font-weight:600}.conversion-bases small{color:var(--muted);margin-top:2px;font-size:12px}.conversion-workspace{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);grid-template-columns:minmax(0,1fr) minmax(0,.9fr);display:grid;overflow:hidden}.conversion-entry,.conversion-result{min-width:0;padding:30px 32px}.conversion-entry-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.conversion-entry-heading h2{margin-top:5px;font-size:21px}.conversion-entry-heading>button{flex:none;padding-top:0}.conversion-basis-note{color:var(--muted);border-left:2px solid var(--border);margin-top:22px;padding-left:12px;font-size:13px;line-height:1.55}.conversion-actions{align-items:center;gap:20px;margin-top:24px;display:flex}.conversion-actions>.button{text-align:left;flex:1}.conversion-private{color:var(--muted);margin-top:15px;font-size:11px;line-height:1.6}.conversion-result{background:var(--wash);border-left:1px solid var(--border);flex-direction:column;display:flex}.conversion-result h2{margin-bottom:30px;scroll-margin-top:24px;font-size:16px}.conversion-result-label{color:var(--muted);margin-bottom:6px;font-size:13px}.conversion-result-value{letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(2rem,4.2vw,3.6rem);font-weight:550;line-height:1.1}.conversion-formula{color:var(--muted);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:12px;font-size:13px}.conversion-result-details{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.conversion-result-details>div{justify-content:space-between;gap:16px;margin:8px 0;font-size:13px;display:flex}.conversion-result-details dt{color:var(--muted)}.conversion-result-details dd{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0;margin:0;font-weight:600}.conversion-interpretation{margin-top:22px;font-size:14px;line-height:1.65}.conversion-empty-value{color:var(--muted);margin-bottom:22px;font-size:66px;line-height:1.2}.conversion-empty-value span{padding-left:10px;font-size:28px}.conversion-empty h3{margin-bottom:9px;font-size:18px}.conversion-empty>p:not(.conversion-empty-value):not(.conversion-result-label){color:var(--muted);font-size:14px;line-height:1.65}.conversion-empty-formula{border-top:1px solid var(--border);margin-top:22px;padding-top:17px}.conversion-copy{margin-top:15px}.conversion-copy textarea{resize:vertical;width:100%;min-height:175px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--border);border-radius:6px;padding:12px;font-size:13px;display:block}.conversion-result-footnote{color:var(--muted);margin-top:auto;padding-top:24px;font-size:11px;line-height:1.6}@media (max-width:760px){.conversion-bases>div{grid-template-columns:1fr;gap:8px}.conversion-bases label{padding:11px 14px}.conversion-bases label>span{flex-wrap:wrap;align-items:baseline;column-gap:12px;display:flex}.conversion-bases small{margin-top:0}.conversion-workspace{grid-template-columns:1fr}.conversion-entry,.conversion-result{padding:24px}.conversion-result{border-left:0;border-top:1px solid var(--border)}.conversion-result-value{font-size:clamp(2rem,10vw,3rem)}}@media (max-width:420px){.conversion-entry,.conversion-result{padding:21px 18px}.conversion-entry-heading{display:block}.conversion-entry-heading>button{min-height:38px;padding-bottom:0}.conversion-actions{flex-wrap:wrap;gap:4px 18px}.conversion-actions>.button{flex-basis:100%;gap:10px;padding-inline:14px;font-size:14px}.conversion-result-details>div{flex-wrap:wrap;gap:2px 12px}}