:root{--desk:#eceefa;--board:#1e2aa8;--board-edge:#141d78;--foil:#ffd84d}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#0f1120;--board:#1a2490;--board-edge:#0e1456;--foil:#ffd84d}}.unit{align-items:center;gap:6px;display:flex}.unit b{font-size:15px;font-weight:600}#kwh{font-variant-numeric:tabular-nums;width:8em;font-size:22px;font-weight:700}.chip:active{background:#fff6cf}.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:#dfe3ff;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}.where{word-break:keep-all;margin:0 0 12px;font-size:15px;line-height:1.6}.steps{gap:6px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--rule);font-variant-numeric:tabular-nums;border-radius:10px;grid-template-columns:4.6em 1fr auto;grid-template-areas:"name range rate""name basic rate";align-items:center;column-gap:10px;padding:9px 12px;font-size:14px;display:grid}.steps li b{grid-area:name}.steps li span:first-of-type{grid-area:range;font-weight:600}.steps li span:nth-of-type(2){color:var(--ink-soft);grid-area:basic;font-size:12px}.steps li span:nth-of-type(3){white-space:nowrap;grid-area:rate;font-weight:700}.steps li.on{border-color:var(--board);background:var(--board);color:#fff}.steps li.on span:nth-of-type(2){color:#dfe3ff}.steps li.on b{color:var(--foil)}.asof{color:var(--ink-soft);word-break:keep-all;margin:14px 6px 0;font-size:13px;line-height:1.6}@media (prefers-color-scheme:dark){:root:not(.light-only) .lines .sum dt,:root:not(.light-only) .lines .sum dd{color:var(--foil)}:root:not(.light-only) .warns{color:#f0a77c}:root:not(.light-only) .result{color:#e6e9ee;background:#1a1f27}}