:root{color:#16283a;background:var(--canvas);font-synthesis:none;--line:#dbe3eb;--muted:#485d71;--canvas:#eef2f6;--top:#103d43;--tag:#285760;--tag-text:#d2f5e9;--action:#125a62;--accent:#2e6871;--accent-surface:#eaf7f3;--focus:#337eae;font-family:system-ui,sans-serif;line-height:1.45}:root.theme-van{--canvas:#eef1fa;--top:#26345e;--tag:#43537f;--tag-text:#f2f4ff;--action:#384b84;--accent:#384b84;--accent-surface:#edf0fc;--focus:#4b61a6}*,:before,:after{box-sizing:border-box}body{margin:0}.mocking-stamp{z-index:1;left:calc(.75rem + env(safe-area-inset-left));bottom:calc(.75rem + env(safe-area-inset-bottom));aspect-ratio:1;color:#ab2533;pointer-events:none;background:#fff;border:4px double;border-radius:50%;place-items:center;width:4.5rem;font-size:.9rem;font-weight:800;line-height:1.15;display:grid;position:fixed}.mocking-stamp>span{text-align:center;word-break:keep-all;max-width:3.5em;transform:rotate(-12deg)}p,h1,h2,dl,dd{margin:0}h1{letter-spacing:-.035em;font-size:clamp(1.8rem,4vw,2.65rem)}h2{font-size:1.15rem}button,input,select{font:inherit}button,input:not([type=radio]),select{border-radius:.55rem;min-height:46px}button{color:#fff;background:var(--action);cursor:pointer;border:1px solid #0000;padding:.65rem 1rem;font-weight:650}button:hover:not(:disabled){filter:brightness(.93)}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input:not([type=radio]),select{width:100%;color:inherit;background:#fff;border:1px solid #a8b9c9;padding:.55rem .8rem}fieldset{border:0;margin:0;padding:0}legend,form label{font-weight:650}legend{margin-bottom:.65rem}small,.muted{color:var(--muted)}.top{color:#fff;background:var(--top)}.top-inner{justify-content:space-between;align-items:center;gap:.6rem;max-width:74rem;margin:auto;padding:.85rem clamp(1rem,4vw,2.5rem);font-weight:700;display:flex}.tag,.pill{white-space:nowrap;border-radius:.4rem;padding:.23rem .55rem;font-size:.78rem;font-weight:650}.tag{color:var(--tag-text);background:var(--tag)}.pill{color:var(--action);background:var(--accent-surface)}.demo-nav{flex-wrap:wrap;gap:.35rem;max-width:74rem;margin:auto;padding:0 clamp(1rem,4vw,2.5rem) .65rem;display:flex}.demo-nav a,.demo-nav button{color:inherit;border:1px solid #0000;border-radius:.45rem;padding:.4rem .75rem;font-size:.9rem;font-weight:650;text-decoration:none}.demo-nav button{background:0 0;min-height:0;margin-inline-start:auto}.demo-nav button:hover:not(:disabled),.demo-nav a:hover,.demo-nav a[aria-current=page]{background:var(--tag);border-color:currentColor}.demo-nav :focus-visible{outline-offset:2px;outline:2px solid #fff}.demo-nav-error{text-align:end;flex-basis:100%;font-size:.85rem}.shell{max-width:74rem;padding:1.7rem clamp(1rem, 4vw, 2.5rem) calc(5.5rem + env(safe-area-inset-bottom));margin:auto}.intro{margin-bottom:1.35rem}.intro>p:last-child{color:var(--muted);margin-top:.25rem}.eyebrow{color:var(--accent);font-size:.83rem;font-weight:700}.layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.van-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}.panel{border:1px solid var(--line);background:#fff;border-radius:.85rem;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 4px 12px #1b33440a}.scenario{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.stack{gap:.85rem;display:grid}.section-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.amount{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:750}.metadata{grid-template-columns:auto minmax(0,1fr);gap:.3rem .75rem;font-size:.86rem;display:grid}.metadata dt{color:var(--muted)}.metadata dd{overflow-wrap:anywhere}.summary-totals{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;display:grid}.summary-currency{background:var(--accent-surface);border-radius:.4rem;padding:.65rem}.summary-currency h3{margin-bottom:.3rem}.notice{color:#264a58;overflow-wrap:anywhere;background:#eff6f7;border-radius:.4rem;padding:.65rem .8rem}.notice.error{color:#842c24;background:#fff0ed}.panel>.notice{margin-bottom:.7rem}.receipt{background:#eaf7f3;border:1px solid #bdded5;border-radius:.6rem;padding:1rem}.receipt>strong{font-size:1.5rem}.secondary{color:var(--action);background:#fff;border-color:#b7cbd0}.small{padding:.3rem .6rem;font-size:.83rem}.choices{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;display:grid}.choice{cursor:pointer;border:1px solid #b7cbd0;border-radius:.6rem;align-items:center;gap:.55rem;min-height:4rem;padding:.65rem;display:flex}.choice:has(input:checked){border-color:var(--action);background:#eaf7f3}.choice strong{display:block}.transaction-search{margin:.85rem 0}.transactions,.timeline{margin:.65rem 0 0;padding:0;list-style:none}.transactions li+li{margin-top:.4rem}.transaction{text-align:left;width:100%;color:inherit;border-color:var(--line);background:#f6f9fb;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.transaction[aria-pressed=true]{background:var(--accent-surface);border-color:var(--action)}.transaction small,.timeline small{overflow-wrap:anywhere;margin-top:.2rem;display:block}.timeline li{border-left:3px solid #a5c3cf;padding:.45rem .75rem}.timeline li+li{margin-top:.5rem}.timeline .complete{border-color:var(--action);background:#eaf7f3}.receipt.declined,.timeline .declined{color:#842c24;background:#fff0ed;border-color:#bc695f}@media (width<=700px){.layout{grid-template-columns:minmax(0,1fr)}.shell{padding-top:1rem}}