:root{--bg:#fff;--page:#f3f5f8;--card-line:#e8ebef;--card-shadow:0 1px 2px #1f23280f;--ink:#1f2328;--mute:#59636e;--faint:#8c959f;--line:#e5e7eb;--line-strong:#d0d7de;--skel:#eceff2;--skel-hi:#f7f8fa;--hover:#f6f8fa;--accent:#0b57d0;--accent-hover:#0a4bb4;--ok-ink:#116329;--ok-bg:#e6f4ea;--ok-line:#b7dfc3;--warn-ink:#8a4b00;--warn-bg:#fff4e5;--err-ink:#a3201a;--err-bg:#fdecea;--err-line:#f5c2be;--radius:10px;--radius-card:12px;--gutter:20px;--col:560px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font:16px/1.4 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin:0}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.app{flex-direction:column;min-height:100dvh;display:flex}.hdr{border-bottom:1px solid var(--line);background:var(--bg)}.hdr__in{max-width:var(--col);height:88px;padding:0 10px 0 var(--gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{min-height:48px;color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex}.brand:hover{text-decoration:none}.brand__mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;font-weight:700;display:flex}.icon-btn{border-radius:var(--radius);cursor:pointer;width:48px;height:48px;color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--hover)}.menu{z-index:50;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.menu__nav{max-width:var(--col);flex-direction:column;width:100%;margin:0 auto;padding:12px 0;display:flex}.menu__item{min-height:56px;padding:0 var(--gutter);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;font-size:18px;display:flex}.menu__item:hover{background:var(--hover);text-decoration:none}.menu__item[aria-current=page]{color:var(--accent);font-weight:600}.menu__item small{color:var(--mute);margin-top:2px;font-size:15px;font-weight:400}.menu__div{background:var(--line);height:1px;margin:12px var(--gutter)}.menu__foot{border-top:1px solid var(--line);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));margin-top:auto}.menu__foot-in{max-width:calc(var(--col) - 2 * var(--gutter));justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.page{width:100%;max-width:var(--col);padding:24px var(--gutter) calc(120px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:24px;margin:0 auto;display:flex}.page--sub{gap:16px;padding-top:8px}.back{align-self:flex-start;align-items:center;gap:2px;height:44px;margin-left:-6px;padding-right:8px;font-size:16px;display:inline-flex}.title{flex-direction:column;gap:6px;display:flex}.title h1{font-size:26px;font-weight:600;line-height:1.2}.title p{color:var(--mute);font-size:15px}.title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.section{flex-direction:column;gap:8px;display:flex}.section__h{color:var(--mute);font-size:15px;font-weight:600}.muted{color:var(--mute)}.small{font-size:14px}.box{border:1px solid var(--card-line);border-radius:var(--radius-card);background:var(--bg);box-shadow:var(--card-shadow);overflow:hidden}.row{width:100%;min-height:56px;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:8px 16px;font-size:16px;display:flex}.box>.row+.row,.box>*+.row,.box>.row+*{border-top:1px solid var(--line)}a.row,button.row,label.row{cursor:pointer}a.row:hover,button.row:hover,label.row:hover{background:var(--hover);text-decoration:none}.row--tall{min-height:64px}.row--card{border:1px solid var(--card-line);border-radius:var(--radius-card);background:var(--bg);min-height:72px;box-shadow:var(--card-shadow)}.row--muted,.row--muted .row__sub{color:var(--faint)}.row--muted{cursor:default!important}.row--muted:hover{background:0 0!important}.row__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row__title{font-size:16px}.row__title--strong{font-size:17px;font-weight:600}.row__sub{color:var(--mute);font-size:14px}.row__end{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.row__price{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:72px}.chev{color:var(--faint);flex:none}.row--add{color:var(--accent);gap:8px;font-weight:500}.row:disabled{cursor:default}.row input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent);flex:none;margin:0}.totals{font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;padding:0 4px;font-size:16px;display:flex}.totals__line{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.totals__line--mute{color:var(--mute)}.totals__line--total{border-top:1px solid var(--line);padding-top:8px;font-size:17px;font-weight:600}.stats{border:1px solid var(--card-line);border-radius:var(--radius-card);background:var(--bg);box-shadow:var(--card-shadow);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat{min-width:0;padding:12px 14px}.stat+.stat{border-left:1px solid var(--line)}.stat__k{color:var(--mute);font-size:13px}.stat__v{font-variant-numeric:tabular-nums;margin-top:4px;font-size:18px;font-weight:600}.stat__v--warn{color:var(--warn-ink)}.badge{white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:600}.badge--ok{color:var(--ok-ink);background:var(--ok-bg)}.badge--warn{color:var(--warn-ink);background:var(--warn-bg)}.badge--plain{color:var(--mute);padding:0;font-weight:400}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;padding:0 16px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.btn:hover{text-decoration:none}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{background:var(--bg);color:var(--ink);border-color:var(--line-strong)}.btn--secondary:hover{background:var(--hover)}.btn--danger{background:var(--bg);color:var(--err-ink);border-color:var(--err-line)}.btn--text{color:var(--accent);background:0 0;height:44px;font-size:16px;font-weight:500}.btn--sm{width:auto;height:44px;padding:0 14px;font-size:15px}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:default;pointer-events:none}.btn-row{gap:12px;display:flex}.btn-row>*{flex:1}.btn-row--end>*{flex:none}.btn--text-danger{color:var(--err-ink)}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;min-height:32px;padding:0}.link-btn:disabled{color:var(--faint);cursor:default}.actionbar{z-index:10;background:var(--bg);border-top:1px solid var(--line);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.actionbar__in{max-width:calc(var(--col) - 2 * var(--gutter));gap:12px;margin:0 auto;display:flex}.actionbar__in>*{flex:1}.actionbar__in>.grow{flex:1.4}.actionbar__in--stack{flex-direction:column;gap:8px}.actionbar__in--stack>*{flex:none}.actionbar__total{justify-content:space-between;font-size:16px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field>label,.field__label{font-size:15px;font-weight:600}.input,.select{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;height:52px;font:inherit;color:var(--ink);background:var(--bg);padding:0 14px;font-size:17px}.input:focus,.select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.input--invalid{border-color:var(--err-ink)}.input--code{letter-spacing:.3em;font-variant-numeric:tabular-nums;text-align:center;font-size:22px}.select--sm{width:auto;min-width:64px;height:44px;padding:0 10px;font-size:16px}.field__hint{color:var(--mute);font-size:14px}.field__err{color:var(--err-ink);font-size:14px}.money{position:relative}.money>span{color:var(--mute);pointer-events:none;font-size:17px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.money>.input{padding-left:30px}.check{cursor:pointer;align-items:center;gap:12px;min-height:52px;font-size:16px;display:flex}.check input{width:24px;height:24px;accent-color:var(--accent);margin:0}.stepper{border:1px solid var(--line-strong);border-radius:var(--radius);align-items:center;display:inline-flex}.stepper button{cursor:pointer;width:44px;height:44px;color:var(--ink);background:0 0;border:0;font-size:20px}.stepper button:disabled{color:var(--faint);cursor:default}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-weight:600}.notice{border-radius:var(--radius);border:1px solid var(--line);gap:12px;padding:14px 16px;font-size:15px;display:flex}.notice b{font-size:16px;display:block}.notice--ok{background:var(--ok-bg);border-color:var(--ok-line);color:#0f4d21}.notice--error{background:var(--err-bg);border-color:var(--err-line);color:var(--err-ink)}.notice--info{background:var(--bg)}.spin{border:2.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;flex:none;width:22px;height:22px;animation:.8s linear infinite spin}.spin--light{border-color:#fff #fff6 #fff6}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2s}}.spin--sm{width:20px;height:20px}.skel{background:linear-gradient(90deg, var(--skel) 0%, var(--skel-hi) 40%, var(--skel) 80%) var(--skel);background-size:480px 100%;border-radius:4px;flex:none;height:14px;animation:1.4s linear infinite shimmer;display:block}.skel--lg{height:16px}.skel--end{margin-left:auto}@keyframes shimmer{0%{background-position:-240px 0}to{background-position:240px 0}}.reading-head{align-items:center;gap:14px;display:flex}.reading-thumb{object-fit:cover;object-position:top;border:1px solid var(--line-strong);background:var(--hover);border-radius:6px;flex:none;width:56px;height:72px}.box>.steps{border-top:1px solid var(--line)}.step__icon{flex:none;justify-content:center;align-items:center;width:24px;display:flex}.step__dot{border:2px solid var(--line-strong);border-radius:50%;width:10px;height:10px}.step--todo{color:var(--faint)}.step--busy{font-weight:600}.step__tick{color:var(--ok-ink)}.step__tick path{stroke-dasharray:24;animation:.35s ease-out both draw}@keyframes draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.fee-sum{flex-direction:column;align-items:center;gap:4px;padding:28px 16px 24px;display:flex}.fee-sum b{font-variant-numeric:tabular-nums;font-size:40px;font-weight:600}@media (prefers-reduced-motion:reduce){.skel,.step__tick path{animation:none}}.centre{min-height:60dvh;padding:var(--gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.qr-box{border:1px solid var(--card-line);border-radius:var(--radius-card);background:var(--bg);box-shadow:var(--card-shadow);flex-direction:column;align-items:center;gap:12px;padding:24px 16px 20px;display:flex}.code{letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.photo-thumb{object-fit:contain;border-radius:var(--radius);border:1px solid var(--line);background:var(--hover);width:100%;max-height:280px}.editor{background:var(--hover);flex-direction:column;gap:12px;padding:16px;display:flex}.editor__row{align-items:flex-end;gap:12px;display:flex}.inline-pick{background:var(--hover);flex-direction:column;gap:12px;padding:12px 16px 16px;display:flex}.dropzone--over{outline:2px dashed var(--accent);outline-offset:-8px}.pick{align-items:center;gap:12px;min-height:56px;padding-right:16px;display:flex}.box>*+.pick,.box>.pick+*{border-top:1px solid var(--line)}.pick__tap{min-width:0;min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:8px 0 8px 16px;display:flex}.pick__tap:disabled{cursor:default}.pick--taken,.pick--taken .row__sub{color:var(--faint)}.pick .row__end{flex:none}.tick{border:2px solid var(--line-strong);color:#fff;background:var(--bg);border-radius:6px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.tick--on{background:var(--accent);border-color:var(--accent)}.tick--done{background:var(--line);border-color:var(--line);color:var(--faint)}.each{color:var(--mute);font-size:13px;display:block}.avatar{background:var(--hover);border:1px solid var(--line-strong);width:36px;height:36px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;animation:.35s ease-out arrive;display:inline-flex}.avatar--you{background:var(--accent);border-color:var(--accent);color:#fff}@keyframes arrive{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.avatar{animation:none}}.diners{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.diner{align-items:center;gap:8px;min-height:44px;font-size:15px;display:flex}.tools{flex-wrap:wrap;gap:8px;display:flex}.tools>.btn--sm{flex:1 1 0;gap:6px;min-width:max-content;padding:0 10px}.photo-full{object-fit:contain;border-radius:var(--radius);border:1px solid var(--line);background:var(--hover);width:100%;max-height:70dvh}.dialog-overlay{z-index:40;background:#1f232873;position:fixed;inset:0}.dialog{z-index:50;background:var(--bg);max-height:92dvh;padding:24px var(--gutter) calc(20px + env(safe-area-inset-bottom));max-width:var(--col);border-radius:12px 12px 0 0;flex-direction:column;gap:16px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@media (min-width:600px){.dialog{border-radius:12px;top:50%;bottom:auto;transform:translateY(-50%)}}.dialog__t{margin:0;font-size:20px;font-weight:600}.dialog__actions{flex-direction:column;gap:8px;display:flex}.ways{justify-content:center;align-items:center;gap:24px;display:flex}.ways b{text-align:center;font-variant-numeric:tabular-nums;min-width:56px;font-size:36px}.demo-banner{background:var(--ink);color:var(--bg);align-items:flex-start;gap:10px;padding:10px 16px;font-size:13px;line-height:1.4;display:flex}.demo-banner__tag{letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:4px;margin-top:1px;padding:2px 6px;font-size:10px;font-weight:700}.demo-banner__close{color:inherit;opacity:.7;background:0 0;border:0;margin-left:auto;font-size:18px;line-height:1}.legal{gap:20px}.legal section{flex-direction:column;gap:8px;display:flex}.legal h2{font-size:17px;font-weight:600}.legal p,.legal li{font-size:16px;line-height:1.5}.legal ul{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.legal__nav{border-top:1px solid var(--line);gap:20px;padding-top:16px;font-size:15px;display:flex}.legal-links{gap:16px;font-size:14px;display:flex}.testbar{background:var(--warn-bg);color:var(--warn-ink);border-bottom:1px solid var(--line);font-size:14px}.testbar__in{max-width:var(--col);padding:0 10px 0 var(--gutter);margin:0 auto}.testbar__top{align-items:center;gap:10px;min-height:44px;display:flex}.testbar__tag{letter-spacing:.06em;text-transform:uppercase;background:var(--warn-ink);color:#fff;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.testbar__who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.testbar__toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 10px;font-weight:600}.testbar__body{flex-direction:column;align-items:flex-start;gap:8px;padding:4px 0 12px;display:flex}.testbar__people{flex-wrap:wrap;gap:8px;display:flex}.testbar__check{min-height:44px;color:var(--ink);align-items:center;gap:8px;display:flex}.testbar__check input{width:18px;height:18px}