:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;--canvas:#f5f5f7;--surface:#fff;--raised:#f0f0f3;--selected:#e0e0e5;--text:#1b1b1f;--muted:#62626a;--line:#d9d9de;--outline:#85858c;--accent:#06c;--focus:#0065cd;--material:#f8f8faad;--edge:#0000001a;--good:#1a5837;--good-bg:#e3f5e9;--pending:#624706;--pending-bg:#fff1ce;--error:#8d252b;--error-bg:#fbe8ea;--radius:8px;--panel-radius:20px;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--text);background:var(--canvas);font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#151515;--surface:#181818;--raised:#202020;--selected:#303034;--text:#e8e8e8;--muted:#aaaab1;--line:#38383b;--outline:#76767d;--focus:#79b7ff;--material:#1818188c;--edge:#ffffff29;--good:#a8e5bb;--good-bg:#1c3627;--pending:#f4d58a;--pending-bg:#392e16;--error:#ffb3b8;--error-bg:#442128}}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a.button{touch-action:manipulation}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip{z-index:2;background:var(--surface);color:var(--text);border-radius:var(--radius);padding:.65rem;position:absolute;inset:.5rem auto auto .5rem}.skip:not(:focus){clip-path:inset(50%)}.shell{max-inline-size:90rem;padding:0 clamp(1rem, 4vw, 3.5rem) max(2rem, env(safe-area-inset-bottom));margin-inline:auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-block-size:64px;display:flex}.brand{letter-spacing:-.025em;align-items:center;gap:9px;font-size:17px;font-weight:650;display:inline-flex}.mark{color:#fff;background:var(--accent);border-radius:var(--radius);place-items:center;block-size:28px;inline-size:28px;display:grid;box-shadow:inset 0 1px #fff3,0 1px 2px #0002}.mode,.eyebrow{color:var(--muted);letter-spacing:.025em;font-size:12px;font-weight:590}.mode{background:var(--raised);text-align:center;border-radius:999px;padding:5px 11px}.intro{padding-block:clamp(1.75rem,5vw,3.5rem) clamp(1.25rem,3vw,2rem)}h1,h2,p{margin:0}h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:690;line-height:1.08}h2{letter-spacing:-.02em;font-size:19px;font-weight:630;line-height:1.25}.intro h1,.panel h2{margin-block:5px 8px}small,.muted,.intro>p:last-child,.empty p{color:var(--muted)}small{font-size:12px;font-weight:510}.grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);min-inline-size:0;padding:clamp(16px,2vw,24px);box-shadow:0 1px 2px #00000008}form{gap:8px;margin-top:20px;display:grid}label{font-size:13px;font-weight:590}label:not(:first-child){margin-top:6px}label small{margin-inline-start:4px}input{border-radius:var(--radius);min-block-size:36px;inline-size:100%;min-inline-size:0;color:inherit;background:var(--surface);box-shadow:0 0 0 .5px var(--outline);border:0;padding:6px 8px;font-size:13px}input::placeholder{color:var(--muted);opacity:1}input:focus{box-shadow:0 0 0 1.5px var(--focus)}input[readonly]{background:var(--raised)}.amount-input{position:relative}.amount-input span{pointer-events:none;color:var(--muted);position:absolute;inset:50% auto auto 12px;translate:0 -50%}.amount-input input{font-variant-numeric:tabular-nums;min-block-size:50px;padding-inline-start:28px;font-size:20px}button,.button{color:#fff;background:var(--accent);border:.5px solid var(--edge);cursor:pointer;text-align:center;border-radius:999px;justify-content:center;align-items:center;min-block-size:50px;padding:8px 20px;font-size:17px;font-weight:510;line-height:1.15;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #0000001f,inset 0 1px #fff3}button:disabled{background:var(--raised);color:var(--muted);box-shadow:none;cursor:default}.secondary{background:var(--material);color:var(--text)}form button{margin-top:12px}.qr-panel{text-align:center}.qr-content{gap:10px;display:grid}.qr{border:1px solid var(--line);background:#fff;border-radius:12px;block-size:auto;inline-size:min(100%,212px);margin:4px auto;display:block}.row,.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row{text-align:start;justify-content:space-between}.row h2{font-variant-numeric:tabular-nums;margin:0}.actions{justify-content:center}.actions>*{flex:auto}.simulator{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.empty{place-content:center;justify-items:center;min-block-size:280px;padding:16px;display:grid}.qr-placeholder{background:var(--raised);color:var(--muted);border-radius:20px;grid-template-columns:repeat(2,18px);gap:8px;margin-block-end:12px;padding:20px;display:grid;position:relative}.qr-placeholder i{border:2px solid;border-radius:4px;block-size:18px}.qr-placeholder i:last-child{border-style:dotted}.status{color:var(--text);background:var(--raised);border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:590;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;block-size:6px;inline-size:6px}.status[data-state=awaiting_deposit]{background:var(--pending-bg);color:var(--pending)}.status[data-state=paid]{background:var(--good-bg);color:var(--good)}.status[data-state=needs_review],.error{color:var(--error);background:var(--error-bg)}.error{border-radius:var(--radius);margin-block:0 12px;padding:8px 12px}.receipt-note{color:var(--good)}.activity ul{margin:0;padding:0;list-style:none}.order-row{border-radius:var(--radius);background:var(--surface);min-block-size:44px;inline-size:100%;color:var(--text);text-align:start;box-shadow:none;border-color:#0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:4px;padding:6px 8px;font-size:13px;display:flex}.order-row[aria-pressed=true]{background:var(--selected)}.order-row>span:first-child{overflow-wrap:anywhere}.order-row strong{font-variant-numeric:tabular-nums;margin-inline-start:5px}.checkout{text-align:center;overflow-wrap:anywhere;justify-items:center;gap:14px;max-inline-size:27rem;margin:clamp(1.25rem,9vw,5rem) auto 0;padding:clamp(24px,6vw,40px);display:grid}.checkout h1{font-variant-numeric:tabular-nums}.checkout>p:not(.eyebrow){max-inline-size:32ch}.checkout button,.checkout .button{inline-size:100%}@media (width<=42rem),(pointer:coarse){input:not(.amount-input input){min-block-size:44px;padding-inline:12px;font-size:16px}}@media (width>=44rem){.grid{grid-template-columns:minmax(0,4fr) minmax(0,5fr)}.activity{grid-column:1/-1}}@media (width>=70rem){.grid{grid-template-columns:minmax(0,1fr) minmax(0,1.28fr) minmax(0,.93fr);gap:16px}.activity{grid-column:auto}}@media (hover:hover){button:not(:disabled):hover,.button:hover{filter:brightness(1.08)}.order-row:not(:disabled):hover{background:var(--raised)}}@media (prefers-reduced-motion:no-preference){button,.button{transition:scale .14s var(--ease), filter .14s var(--ease), background-color .14s var(--ease)}button:not(:disabled):active,.button:active{scale:.98}.qr-content,.checkout{animation:appear .24s var(--ease) both}@keyframes appear{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}}.register-nav{justify-content:flex-end;gap:8px;margin-block:16px;display:flex}.members{max-inline-size:48rem;margin:24px auto}.members ul{margin:16px 0 0;padding:0;list-style:none}.members li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-block:10px;display:flex}.members li>:first-child{overflow-wrap:anywhere;flex:10rem;min-width:0}.member-email{display:block}
