:root{--table:#15181e;--paper:#fff;--paper-sunk:#f3f5f7;--ink:#15181e;--ink-muted:#5b6370;--on-table:#f3f5f7;--on-table-muted:#aeb5c0;--rule:#c9cfd6;--field:#7c8391;--accent:#ff5a36;--on-accent:#15181e;--accent-tint:#ffe9e3;--accent-ink:#c03a1c;--err:#b42318;--err-tint:#fdecea;--ok:#157347;--ok-tint:#e7f4ec;--skeleton:#e6e9ed;--focus:#15181e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background:var(--paper);font-family:Noto Sans KR,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--table:#0b0d11;--paper:#1d2129;--paper-sunk:#262b35;--ink:#f3f5f7;--ink-muted:#aeb5c0;--on-table:#f3f5f7;--on-table-muted:#8d95a1;--rule:#3a404c;--field:#7a818c;--accent:#ff5a36;--on-accent:#15181e;--accent-tint:#3a2620;--accent-ink:#ff7a5c;--err:#ff8a80;--err-tint:#3a1f1e;--ok:#6fd39b;--ok-tint:#18301f;--skeleton:#2e3440;--focus:#fff}}*{box-sizing:border-box}body{margin:0}.screen{flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex}.screen.center{text-align:center;justify-content:center;align-items:stretch;gap:24px;padding:24px 16px}.head{border-bottom:1px solid var(--rule);flex:none;min-height:56px;padding:8px 16px}.head h1{margin:0;font-size:16px}.head .sub{color:var(--ink-muted);margin:2px 0 0;font-size:13px}.head .receipt{min-height:20px;color:var(--ink-muted);align-items:center;gap:4px;margin:0;font-size:13px;display:flex}.head .receipt.diff{color:var(--ink);font-weight:700}.head .receipt .icon{color:var(--ok);flex:none}.name{flex:none;padding:8px 16px}.name input{border:1px solid var(--field);border-radius:8px;width:100%;height:48px;padding:0 12px;font-size:16px}.name input[aria-invalid=true]{border-color:var(--err)}.shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.shake{animation:none}}.field-error{color:var(--err);margin:4px 0 0;font-size:13px}.items{flex:1;margin:0;padding:0 16px;list-style:none;overflow-y:auto}.item{border-bottom:1px solid var(--rule);cursor:pointer;align-items:center;gap:12px;min-height:56px;display:flex}.item input{flex:none;width:22px;height:22px}.item .menu{flex:1}.item .price{font-variant-numeric:tabular-nums}.item .badge{text-align:right;min-width:40px;color:var(--ink-muted);font-size:13px}.hint{color:var(--ink-muted);padding:8px 0;font-size:12px}.secondary{border:1px solid var(--accent-ink);min-height:44px;color:var(--accent-ink);border-radius:8px;justify-content:center;align-items:center;margin-top:16px;text-decoration:none;display:flex}.strip{background:var(--paper-sunk);border-radius:8px;flex-direction:column;gap:4px;margin:8px 16px 0;padding:8px 12px;font-size:13px;display:flex}.strip button{align-self:flex-start}.card{border:1px solid var(--rule);background:var(--paper);border-radius:12px;margin:0 16px;padding:12px;box-shadow:0 -2px 8px #00000014}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.bar{min-height:72px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);background:var(--paper);flex:none}.bar.two{min-height:104px}.bar .label strong{margin-left:4px;font-size:18px}.primary{background:var(--accent);min-width:96px;min-height:44px;color:var(--on-accent);border:0;border-radius:8px;padding:0 16px;font-size:15px}.primary:disabled{opacity:.5}.account{-webkit-user-select:text;user-select:text;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:13px;overflow:hidden}.note{color:var(--ink-muted);margin:2px 0 0;font-size:11px}.even{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.even .big{margin:0;font-size:40px;font-weight:700}.skeleton .item,.head.skeleton{background:linear-gradient(90deg, var(--paper-sunk), var(--skeleton), var(--paper-sunk))}.name .strip{margin:8px 0 0}.privacy{text-align:center;color:var(--ink-muted);padding:12px 0;font-size:12px;display:block}.card button{min-width:88px;min-height:44px;padding:0 16px}.even .secondary{align-self:stretch}.loading-note{color:var(--ink-muted);margin:8px 16px 0;font-size:13px}