:root{--teal:#1290ab;--teal-deep:#0b7288;--teal-pale:#6cc9de;--orange:#f26b21;--orange-soft:#f9ae83;--orange-disc:#f4a475;--ink:#333c42;--muted:#5d6b75;--line:#d3dde3;--alert:#cf3b1b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-family:Open Sans,Segoe UI,system-ui,sans-serif;line-height:1.45}body{background:#eef2f4;margin:0}main{width:min(52rem,100% - 1.5rem);margin:0 auto;padding-block:1.5rem 3rem}.hud{background:var(--teal);padding:.8rem 1.1rem 1rem;position:relative}.hud-title{text-align:center;text-transform:uppercase;color:#fff;margin:0 0 .7rem;font-size:1.4rem;font-weight:700;line-height:1.2}.hud--plain{padding-block:1.6rem}.hud--plain .hud-title{margin:0}.hud--plain.bust{background:var(--orange)}.hud-row{align-items:stretch;gap:1.1rem;display:flex}.hud-period{letter-spacing:.02em;color:#fff;border-bottom:5px solid #fff;flex:0 0 8.5rem;align-self:center;margin:0;padding-bottom:.35rem;font-size:1.35rem;font-weight:800}.hud-boxes{flex:1;gap:.3rem;display:grid}.hud-box{text-align:center;color:var(--teal-deep);background:#fff;margin:0;padding:.5rem;font-size:.95rem;font-weight:700}.hud-box--payout{color:var(--teal-pale)}.card{border:2px solid var(--teal);background:#fff;border-top:0;padding:1.2rem 1.4rem 1.6rem}.instructions{color:var(--ink);margin:0 0 1.2rem;font-size:.9375rem}.instructions b{color:var(--teal-deep)}.lede{color:var(--muted);margin:0 0 1.4rem;font-size:1.0625rem}button{font:inherit;letter-spacing:.02em;color:#fff;background:var(--orange);cursor:pointer;border:0;border-radius:0;padding:.85rem 1.6rem;font-weight:700}button:hover:not(:disabled){filter:brightness(1.06)}button:disabled{opacity:.55;cursor:not-allowed}button.soft{background:var(--orange-soft)}button.ghost{background:var(--teal-deep)}button.lang{background:0 0;border:1px solid #ffffff8c;padding:.15rem .55rem;font-size:.75rem;font-weight:600;position:absolute;top:.45rem;right:.6rem}.actions{justify-content:flex-end;margin-top:1.4rem;display:flex}.actions button{min-width:10rem;padding-block:1.1rem}:where(button,input,a):focus-visible{outline:3px solid var(--teal-deep);outline-offset:2px}.banner{color:var(--muted);border-left:4px solid var(--line);background:#f4f7f9;margin:0 0 1rem;padding:.55rem .8rem;font-size:.875rem;font-weight:600}.banner.go{color:var(--teal-deep);border-left-color:var(--teal)}.error{color:var(--alert);font-size:.9375rem;font-weight:600}.treatment{color:var(--muted);border-left:4px solid var(--teal-pale);background:#f4f8fa;margin:0 0 1.2rem;padding:.8rem 1rem;font-size:.9rem}.treatment p{margin:0}.advice{color:var(--teal-deep);border-top:1px solid var(--line);padding-top:.7rem;font-weight:700;margin-top:.7rem!important}.hist{margin:.8rem 0 0}.hist figcaption{color:var(--ink);font-size:.8125rem;font-weight:700}.hist .bars{align-items:flex-end;gap:3px;height:5rem;margin-top:.5rem;display:flex}.hist .bar{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.hist .bar span{background:var(--teal);min-height:2px}.hist .bar small{color:var(--muted);text-align:center;margin-top:.2rem;font-size:.5625rem}.bills{text-align:center;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:1rem .5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.bills li{flex-direction:column;align-items:center;display:flex}.bill-disc{background:var(--orange-disc);border-radius:50%;place-items:center;width:5.2rem;height:5.2rem;display:grid}.bill-icon{width:60%;height:60%}.bill-name{letter-spacing:.05em;color:var(--muted);margin:.7rem 0 .15rem;font-size:.75rem;font-weight:600}.bill-amount{letter-spacing:.05em;color:var(--muted);margin:0;font-size:.75rem;font-weight:600}.bill-amount b{color:var(--orange);margin-left:.35rem}.bills:not(.bills--paid) s{text-decoration:none}.bills--paid .bill-disc{opacity:.45}.allocate{text-align:center;margin:1.6rem 0 .9rem;font-size:.9375rem;font-weight:700}.split{gap:.7rem;display:grid}.split-row{letter-spacing:.05em;color:var(--muted);grid-template-columns:12rem 1fr 6rem 3.5rem;align-items:center;gap:.8rem;font-size:.7rem;font-weight:600;display:grid}.split-row b{letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.split-usd{text-align:right}.slider{appearance:none;background:0 0;width:100%;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--teal) 0 var(--p), var(--teal-pale) var(--p) 100%);border-radius:2px;height:4px}.slider::-moz-range-track{background:linear-gradient(to right, var(--teal) 0 var(--p), var(--teal-pale) var(--p) 100%);border-radius:2px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--teal);cursor:grab;background:#fff;border-radius:50%;width:1rem;height:1rem;margin-top:-.375rem}.slider::-moz-range-thumb{border:2px solid var(--teal);cursor:grab;background:#fff;border-radius:50%;width:1rem;height:1rem}.allocate-foot{justify-content:space-between;align-items:center;gap:1.5rem;margin-top:.9rem;display:flex}.hints p{color:var(--orange);margin:0;font-size:.8125rem}.allocate-foot button{min-width:11rem;padding-block:1rem}.payout{font-variant-numeric:tabular-nums;margin:0 0 1.2rem;font-size:3rem;font-weight:800;line-height:1}.summary{grid-template-columns:1fr auto;gap:.4rem 1rem;margin:0;display:grid}.summary dt{color:var(--muted);font-size:.9375rem}.summary dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.overlay{background:#14283273;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:#fff;width:min(48rem,100%)}.modal-head{background:var(--orange);padding:1.1rem 3rem;position:relative}.modal-head h2{text-align:center;text-transform:uppercase;color:#fff;margin:0;font-size:1.6rem;font-weight:700}.modal-x{background:0 0;padding:.25rem .5rem;font-size:1.1rem;position:absolute;top:.2rem;right:.5rem}.modal-body{padding:1.5rem}.modal-body>p{color:var(--ink);font-size:1rem}.ledger{border-collapse:collapse;margin:1.2rem 0}.ledger--wide{width:100%}.ledger thead th{letter-spacing:.04em;text-align:center;color:var(--ink);padding:0 .8rem .4rem;font-size:.8125rem;font-weight:700}.ledger tbody th{text-align:right;color:var(--ink);padding:.6rem 1rem .6rem 0;font-size:.9375rem;font-weight:700}.ledger td{text-align:center;font-variant-numeric:tabular-nums;border:2px solid #222;padding:.85rem 1.6rem;font-size:1.05rem}.shock-grid{justify-content:space-between;align-items:center;gap:2rem;display:flex}.shock-art{flex:none;width:11rem;height:11rem}.shock-story{margin:0}.shock-ask{margin:0 0 1rem}.shock-confirm{align-items:stretch;gap:1.2rem;display:flex}.shock-confirm input{min-width:0;font:inherit;color:var(--ink);font-variant-numeric:tabular-nums;background:#d5d5d5;border:0;flex:1;padding:.9rem 1rem;font-size:1.4rem}.shock-confirm input::placeholder{color:#fff}.shock-confirm button{min-width:14rem;font-size:1.3rem}.modal-actions{margin-top:1.5rem;display:flex}.modal-actions button{flex:1;padding-block:1.1rem;font-size:1.1rem}@media (width<=40rem){.hud-row{flex-direction:column;gap:.6rem}.hud-period{flex:none;align-self:flex-start}.split-row{grid-template-columns:1fr auto}.split-row .slider{grid-column:1/-1}.allocate-foot,.shock-grid,.shock-confirm{flex-direction:column;align-items:stretch}.shock-art{align-self:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
