:root{--max:1080px;--gutter:40px;--paper:#f7f5f1;--ink:#1e1c1a;--black:#111;--mut:#827d76;--line:#dedbd5;--accent:#1b4fd8;--sans:"Inter", system-ui, -apple-system, sans-serif}.shell[data-theme=red]{--accent:#c11a1a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}button,input{font:inherit;touch-action:manipulation}.shell{flex-direction:column;min-height:100dvh;display:flex}.frame{width:100%;max-width:var(--max);padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right));margin:0 auto}.stage{flex:1;width:100%;min-width:0;padding-top:56px;padding-bottom:72px}.bill{width:100%;min-width:0;max-width:100%}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:500}.quiet{max-width:22em;padding-top:48px}.quiet h1,.bill-head h1{letter-spacing:-.04em;color:var(--black);overflow-wrap:anywhere;min-width:0;margin-top:10px;font-size:40px;font-weight:600;line-height:1.08}.quiet .copy{color:var(--mut);margin-top:14px;font-size:16px}.bill-head{justify-content:space-between;align-items:baseline;gap:24px;margin-top:4px;display:flex}.amount{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--black);white-space:nowrap;flex-shrink:0;font-size:40px;font-weight:600}.bill.is-cancelled .eyebrow{color:#b31b1b}.bill.is-cancelled .amount{color:var(--mut);text-decoration:line-through}.note{color:var(--mut);margin-top:12px}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;padding:22px 0;display:grid}.facts dt{letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-size:11px;font-weight:500}.facts dd{color:var(--ink);word-break:break-word;margin-top:6px;font-size:16px;font-weight:600}.block{margin-top:32px}.block h2{letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:10px;font-size:11px;font-weight:500}.block p{color:var(--mut);font-size:14px;line-height:1.45}.block .addr{white-space:pre-line}.block .party{color:var(--ink);font-size:17px;font-weight:600}.muted{color:var(--mut);font-size:14px}.table-wrap{display:none}.lines{border-collapse:collapse;width:100%;font-size:13px}.lines th{letter-spacing:.06em;text-transform:uppercase;color:var(--mut);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 12px 8px 0;font-size:11px;font-weight:500}.lines td{border-bottom:1px solid var(--line);color:var(--ink);white-space:nowrap;overflow-wrap:anywhere;padding:10px 12px 10px 0}.lines td.empty{color:var(--mut);white-space:normal}.lines .num{text-align:right;font-variant-numeric:tabular-nums}.cards{width:100%;list-style:none}.cards li+li{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.pair,.kv li{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:baseline;gap:8px 12px;width:100%;display:grid}.pair{padding:5px 0}.k,.kv span{letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-size:11px;font-weight:500}.kv span{letter-spacing:0;text-transform:none;font-size:14px;font-weight:400}.v,.kv strong{text-align:right;min-width:0;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.split{grid-template-columns:1fr 1fr;gap:32px 48px;display:grid}.kv{list-style:none}.kv li{padding:6px 0;font-size:14px}.kv .due{border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.kv .due span,.kv .due strong{color:var(--ink);font-weight:600}.words{color:var(--mut);margin-top:12px;font-size:13px}.verify{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding-top:24px;display:flex}.verify h2{font-size:15px;font-weight:600}.verify p{color:var(--mut);margin-top:4px;font-size:13px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;height:40px;padding:0 16px;font-size:14px;font-weight:500}.btn:hover{filter:brightness(.94)}.btn:disabled{opacity:.4;cursor:default;filter:none}.ok,.err{margin-top:16px;font-size:14px}.ok{color:#2c5a28}.err{color:#b31b1b}@media (width<=820px){:root{--gutter:16px}.stage{padding-top:28px;padding-bottom:calc(36px + env(safe-area-inset-bottom))}.quiet{max-width:none;padding-top:8px}.quiet h1,.bill-head h1{letter-spacing:-.03em;margin-top:4px;font-size:22px}.amount{font-size:22px}.bill-head{gap:12px}.facts{grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:24px;padding:18px 0}.facts dd{font-size:15px}.block{margin-top:24px}.block .party{overflow-wrap:anywhere;font-size:16px}.split{grid-template-columns:1fr;gap:4px}.words{overflow-wrap:anywhere}.verify{flex-direction:column;align-items:stretch;margin-top:28px;padding-top:20px}.btn{width:100%;height:44px}}@media (width<=520px){.bill-head{flex-direction:column;align-items:flex-start;gap:2px}.amount{font-size:18px}.facts{grid-template-columns:1fr;gap:14px}}@media (width>=821px){.table-wrap{width:100%;display:block;overflow-x:auto}.cards{display:none}}