:root{--desk:#eef4ea;--board:#2b7a1f;--board-edge:#1d5615;--foil:#d6f0a8}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#0f150d;--board:#24661a;--board-edge:#133d0e;--foil:#d6f0a8}}.unit{align-items:center;gap:6px;display:flex}.unit b{white-space:nowrap;font-size:15px;font-weight:600}.unit input{font-variant-numeric:tabular-nums;flex:1;width:100%;max-width:12em;font-size:20px!important;font-weight:700!important}.pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result{box-shadow:inset 0 0 0 1px var(--rule);padding:0;overflow:hidden}.total{background:var(--board);color:#fff;padding:20px 18px 18px}.result .total p{word-break:keep-all;margin:0}.result .total-label{color:var(--foil);font-size:14px;font-weight:600}.result .total-amount{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:32px;font-weight:700}.result .total-sub{color:#e6f5d6;font-size:14px;font-weight:600}.lines{margin:0;padding:6px 18px 10px}.lines div{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.lines div:first-child{border-top:0}.lines dt{font-size:15px;font-weight:600;display:grid}.lines dt small{color:var(--ink-soft);word-break:keep-all;font-size:12px;font-weight:400}.lines dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:15px;font-weight:700}.lines .sum dt,.lines .sum dd{color:var(--board)}.warns{color:#8a3b12;word-break:keep-all;margin:0;padding:0 18px 4px 36px;font-size:14px;line-height:1.6}.warns:empty{display:none}.warns li{margin-bottom:8px}.rates{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.rates th,.rates td{border-bottom:1px solid var(--rule);text-align:right;word-break:keep-all;padding:8px 6px}.rates th:first-child,.rates td:first-child{text-align:left}.rates th{color:var(--ink-soft);font-size:12px;font-weight:600}.rates tr.on td{background:var(--board);color:#fff;font-weight:700}.panel .fine{margin-top:10px}.convert .add{gap:12px}.conv-out{word-break:keep-all;background:#f1f8ea;border-radius:12px;margin:14px 0 0;padding:14px;font-size:15px;line-height:1.6}.conv-out b{color:var(--board);font-size:18px}@media (prefers-color-scheme:dark){:root:not(.light-only) .lines .sum dt,:root:not(.light-only) .lines .sum dd,:root:not(.light-only) .conv-out b{color:var(--foil)}:root:not(.light-only) .warns{color:#f0a77c}:root:not(.light-only) .result{color:#e6e9ee;background:#1a1f27}:root:not(.light-only) .conv-out{background:#1f2a1b}}