.percentage-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.percentage-note{margin:10px 0 0}.percentage-result{display:grid;gap:6px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--soft)}.percentage-result[hidden]{display:none}.percentage-result strong{font-size:2rem;line-height:1.1;font-variant-numeric:tabular-nums}.percentage-result span{color:var(--muted);line-height:1.55}@media(max-width:480px){.percentage-input-grid{grid-template-columns:1fr;gap:12px}.percentage-result{padding:16px}.percentage-result strong{font-size:1.75rem}}