@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--oranje: 238 92 12;--oranje-ink: 185 68 10;--oranje-soft: 255 233 220;--delft: 36 67 159;--delft-soft: 228 234 251;--delft-deep: 28 51 136;--on-oranje: 22 29 69;--ink: 22 29 69;--muted: 89 97 138;--line: 223 226 238;--paper: 244 245 250;--surface: 255 255 255;--sunken: 236 238 246;--get: 15 138 84;--get-soft: 221 244 232;--owe: 196 45 93;--owe-soft: 251 227 235;--m1: 238 92 12;--m2: 36 67 159;--m3: 14 149 131;--m4: 162 57 138;--m5: 214 148 0;--m6: 106 88 210;--shadow-card: 0 1px 2px rgb(22 29 69 / .04), 0 1px 1px rgb(22 29 69 / .03);--shadow-float: 0 12px 40px -12px rgb(22 29 69 / .35), 0 4px 12px -4px rgb(22 29 69 / .12);--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root{--oranje: 255 116 41;--oranje-ink: 255 154 94;--oranje-soft: 58 32 24;--delft: 126 155 255;--delft-soft: 31 42 92;--delft-deep: 27 42 110;--ink: 238 240 251;--muted: 160 167 204;--line: 43 49 90;--paper: 13 16 39;--surface: 22 26 56;--sunken: 29 34 70;--get: 61 208 147;--get-soft: 18 53 42;--owe: 255 110 152;--owe-soft: 60 26 42;--m1: 255 116 41;--m2: 126 155 255;--m3: 44 199 176;--m4: 224 107 196;--m5: 242 182 50;--m6: 157 140 255;--shadow-card: 0 1px 2px rgb(0 0 0 / .3);--shadow-float: 0 12px 40px -12px rgb(0 0 0 / .6);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;overflow-x:clip}body{font-family:Figtree Variable,Avenir Next,Segoe UI,system-ui,sans-serif;background:rgb(var(--paper));color:rgb(var(--ink));font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit}::selection{background:rgb(var(--oranje) / .22)}:focus-visible{outline:2px solid rgb(var(--delft));outline-offset:2px}input:focus-visible{outline:none}.num{font-variant-numeric:tabular-nums}.display{font-family:Bricolage Grotesque Variable,Avenir Next,system-ui,sans-serif;letter-spacing:-.01em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{display:flex;flex-direction:column;min-height:100dvh}.topbar{position:sticky;top:0;z-index:20;background:rgb(var(--paper) / .92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgb(var(--line) / .7)}.topbar-in{max-width:30rem;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;display:flex;align-items:center;gap:10px}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:18px}.brand b{color:rgb(var(--oranje));font-weight:800}.content{flex:1;width:100%;max-width:30rem;margin:0 auto;padding:20px 16px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}.center{align-items:center;justify-content:center;text-align:center}.h1{font-size:26px;font-weight:800;line-height:1.15}.h2{font-size:18px;font-weight:700;line-height:1.25}.muted{color:rgb(var(--muted))}.small{font-size:14px}.hint{font-size:14px;color:rgb(var(--muted))}.card{background:rgb(var(--surface));border:1px solid rgb(var(--line) / .7);border-radius:20px;box-shadow:var(--shadow-card)}.pad{padding:16px}.list>*+*{border-top:1px solid rgb(var(--line) / .7)}.row{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;text-align:left}button.row:hover{background:rgb(var(--sunken) / .6)}.row .grow{min-width:0;flex:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sunken{background:rgb(var(--sunken) / .7);border-radius:16px}.note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;font-size:14px;line-height:1.5}.note--warn{background:rgb(var(--oranje-soft));color:rgb(var(--ink))}.note--warn svg{color:rgb(var(--oranje-ink))}.note--info{background:rgb(var(--sunken) / .7);color:rgb(var(--muted))}.avatar{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex:none;font-size:15px}.avatar--lg{width:56px;height:56px;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:16px;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .15s var(--ease),filter .15s,background-color .15s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--block{width:100%}.btn--primary{background:rgb(var(--oranje));color:rgb(var(--on-oranje));box-shadow:0 6px 16px -6px rgb(var(--oranje) / .55)}.btn--primary:hover:not(:disabled){filter:brightness(1.04)}.btn--delft{background:rgb(var(--delft));color:rgb(var(--surface))}.btn--quiet{background:rgb(var(--sunken));color:rgb(var(--ink))}.btn--quiet:hover{background:rgb(var(--line))}.btn--ghost{color:rgb(var(--muted));height:44px}.btn--ghost:hover{color:rgb(var(--ink));background:rgb(var(--sunken))}.btn--sm{height:36px;padding:0 12px;border-radius:12px;font-size:14px}.link-btn{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:14px;color:rgb(var(--muted));padding:6px 4px;border-radius:8px}.link-btn:hover{color:rgb(var(--ink))}.label{display:block;font-size:14px;font-weight:600;margin:0 2px 6px}.input{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgb(var(--line));background:rgb(var(--surface));font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:rgb(var(--muted) / .7)}.input:focus{border-color:rgb(var(--delft));box-shadow:0 0 0 4px rgb(var(--delft) / .1)}.chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600}.chip--paid{background:rgb(var(--get-soft));color:rgb(var(--get))}.chip--wait{background:rgb(var(--sunken));color:rgb(var(--muted))}.chip--you{background:rgb(var(--oranje-soft));color:rgb(var(--oranje-ink))}.get{color:rgb(var(--get))}.hero{border-radius:24px;padding:20px;color:#fff;display:flex;flex-direction:column;gap:6px;background-color:rgb(var(--delft-deep));background-image:linear-gradient(45deg,rgb(255 255 255 / .05) 25%,transparent 25%,transparent 75%,rgb(255 255 255 / .05) 75%),linear-gradient(45deg,rgb(255 255 255 / .05) 25%,transparent 25%,transparent 75%,rgb(255 255 255 / .05) 75%);background-size:28px 28px;background-position:0 0,14px 14px}.hero .soft{color:#e4eafb}.hero .faint{color:#c9d3f5;font-size:14px}.amount-hero{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.02em}.amount-hero small{font-size:28px;color:rgb(var(--muted));font-weight:700;margin-right:2px}.qr{background:#fff;padding:14px;border-radius:16px;display:inline-flex;box-shadow:var(--shadow-card)}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:999px;background:rgb(var(--ink));color:rgb(var(--paper));font-size:14px;font-weight:600;box-shadow:var(--shadow-float)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:rise .36s var(--ease) both}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border-radius:999px;border:2.5px solid rgb(var(--line));border-top-color:rgb(var(--oranje));animation:spin .8s linear infinite}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}.pop{animation:pop .5s var(--ease) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}