@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500&display=swap";:root{--bg: oklch(.985 .01 95);--bg-2: oklch(.965 .014 90);--surface: #ffffff;--surface-2: oklch(.978 .01 95);--surface-3: oklch(.962 .014 90);--ink: oklch(.28 .03 285);--ink-soft: oklch(.5 .022 285);--ink-faint: oklch(.64 .018 285);--line: oklch(.915 .012 285);--line-soft: oklch(.945 .01 285);--primary: oklch(.585 .205 285);--primary-hover: oklch(.535 .21 285);--primary-ink: #ffffff;--primary-soft: oklch(.955 .04 285);--primary-softer: oklch(.975 .022 285);--ring: oklch(.585 .205 285 / .35);--c-violet: oklch(.62 .19 285);--c-coral: oklch(.68 .18 28);--c-mint: oklch(.68 .13 165);--c-amber: oklch(.76 .14 75);--c-sky: oklch(.66 .14 235);--c-pink: oklch(.69 .17 350);--good: oklch(.6 .14 150);--bad: oklch(.62 .19 22);--r-xl: 28px;--r-lg: 22px;--r-md: 15px;--r-sm: 11px;--pill: 999px;--sh-sm: 0 1px 2px oklch(.4 .05 285 / .06), 0 2px 6px oklch(.4 .05 285 / .05);--sh-md: 0 2px 4px oklch(.4 .05 285 / .05), 0 10px 24px oklch(.4 .05 285 / .08);--sh-lg: 0 4px 8px oklch(.4 .05 285 / .06), 0 24px 60px oklch(.4 .05 285 / .14);--sh-pop: 0 2px 6px oklch(.4 .05 285 / .08), 0 30px 80px oklch(.3 .06 285 / .22);--ease: cubic-bezier(.34, 1.32, .55, 1);--ease-out: cubic-bezier(.22, .7, .3, 1);--maxw: 560px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#root{min-height:100dvh}h1,h2,h3,h4{font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:0;text-wrap:balance}button,input,textarea{font-family:inherit}::selection{background:var(--primary-soft)}.page{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:22px 18px calc(34px + env(safe-area-inset-bottom))}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.between{display:flex;align-items:center;justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.nav{position:sticky;top:0;z-index:40;background:#fcfaf3d1;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line-soft);padding-top:env(safe-area-inset-top)}.nav-inner{max-width:var(--maxw);margin:0 auto;height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px;cursor:pointer;border:none;background:none;padding:6px 8px 6px 0;border-radius:var(--r-sm)}.brand-mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f8dc90,#e8ab3e 62%,#cc8730);box-shadow:inset 0 0 0 2.5px #fdeec1d9,inset 0 -2px 4px #a35e1673,inset 0 2px 3px #fff9,var(--sh-sm);display:grid;place-items:center;flex:none;position:relative;transition:transform .35s var(--ease)}.brand:hover .brand-mark{transform:rotate(-12deg) scale(1.06)}.brand-mark span{font-family:Bricolage Grotesque,sans-serif;font-weight:800;color:#7c4607;font-size:19px;line-height:1;text-shadow:0 1px 0 oklch(1 0 0 / .5)}.brand-name{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}.nav-right{display:flex;align-items:center;gap:8px}.seg{position:relative;display:inline-flex;padding:3px;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--pill);box-shadow:inset 0 1px 2px #4544620a}.seg button{position:relative;z-index:1;border:none;background:none;cursor:pointer;width:36px;padding:5px 0;font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--ink-faint);border-radius:var(--pill);transition:color .25s,background .25s}.seg button.on{color:var(--primary);background:var(--surface);box-shadow:var(--sh-sm)}.av{border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex:none;font-family:Bricolage Grotesque,sans-serif;letter-spacing:0;box-shadow:inset 0 1px #ffffff59,var(--sh-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;border-radius:var(--r-md);font-weight:700;font-size:15px;cursor:pointer;padding:12px 20px;transition:transform .18s var(--ease),box-shadow .2s,background .2s,opacity .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 1px #ffffff40 inset,var(--sh-md)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 1px #ffffff40 inset,var(--sh-lg)}.btn-primary:disabled{background:#cecfe4;color:#9d9dab;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--sh-sm)}.btn-ghost:hover{background:var(--surface-2);transform:translateY(-1px);box-shadow:var(--sh-md)}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-soft:hover{background:#e5e5ff;background:oklch(.93 .05 285)}.btn-lg{padding:15px 26px;font-size:16.5px;border-radius:var(--r-lg)}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:13.5px;border-radius:var(--r-sm)}.btn-icon{padding:9px;width:40px;height:40px;border-radius:var(--r-md)}.lnk{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:700;font-size:14.5px;text-decoration:none;cursor:pointer;border:none;background:none;padding:4px 0}.lnk:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-md)}.card-pad{padding:20px}.field-lbl{font-size:13px;font-weight:700;color:var(--ink-soft);margin-bottom:7px;display:block}.input{width:100%;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);padding:13px 15px;font-size:16px;color:var(--ink);transition:border .18s,box-shadow .18s;outline:none}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.input.big{font-size:18px;padding:16px 18px;font-weight:600}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--pill);padding:5px 12px;font-size:13px;font-weight:600;color:var(--ink-soft)}.muted{color:var(--ink-faint)}.soft{color:var(--ink-soft)}.center{text-align:center}.enter{animation:enter .4s var(--ease-out) both}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.enter-d1{animation-delay:.05s}.enter-d2{animation-delay:.1s}.enter-d3{animation-delay:.15s}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:80;background:var(--ink);color:#fff;padding:12px 18px;border-radius:var(--pill);font-size:14px;font-weight:600;box-shadow:var(--sh-pop);animation:toastIn .25s var(--ease-out) both}.toast.bad{background:var(--bad)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.hero{text-align:center;margin:14px 0 26px}.hero h1{font-size:clamp(30px,8vw,42px);line-height:1.05}.hero p{color:var(--ink-soft);font-size:16px;margin:12px 0 0}.tabs{display:flex;gap:6px;background:var(--surface-3);padding:4px;border-radius:var(--pill);border:1px solid var(--line)}.tabs button{flex:1;border:none;background:none;cursor:pointer;padding:10px;border-radius:var(--pill);font-weight:700;font-size:14.5px;color:var(--ink-faint);transition:color .2s,background .2s,box-shadow .2s}.tabs button.on{color:var(--primary);background:var(--surface);box-shadow:var(--sh-sm)}.err{color:var(--bad);font-size:13.5px;font-weight:600;margin-top:8px}.pay-wrap{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}.pay-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 10px}.pay-group{display:flex;flex-direction:column;min-width:0}.pay-group .name{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:16px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pay-group .meta{font-size:12px;color:var(--ink-faint);font-weight:600}.stage{flex:1;position:relative;margin:8px 14px;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);touch-action:pan-y;user-select:none;-webkit-user-select:none}.track{position:absolute;top:0;bottom:0;left:0;display:flex;will-change:transform}.cat-panel{position:relative;height:100%;flex:0 0 auto}.panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;cursor:pointer;color:#fff;background:var(--panel-color, var(--c-violet));transition:transform .32s var(--ease),opacity .32s var(--ease)}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,oklch(1 0 0 / .22),transparent 60%)}.panel:active{transform:scale(.992)}.panel .cat{display:inline-flex;align-items:center;gap:8px;background:#ffffff2e;border:1px solid oklch(1 0 0 / .25);padding:8px 16px;border-radius:var(--pill);font-weight:700;font-size:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel .cat .emoji{font-size:18px}.panel .turn-label{margin-top:26px;font-size:15px;font-weight:700;opacity:.92;letter-spacing:.02em;text-transform:uppercase}.panel .payer{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(44px,16vw,84px);line-height:1;margin:8px 0 4px;text-shadow:0 2px 24px oklch(0 0 0 / .18)}.panel .hint{margin-top:20px;font-size:14px;font-weight:600;opacity:.85;display:inline-flex;align-items:center;gap:8px}.panel .hint .tap-ring{width:30px;height:30px;border-radius:50%;border:2px solid oklch(1 0 0 / .7);display:grid;place-items:center;animation:tapPulse 2s var(--ease-out) infinite}@keyframes tapPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}.panel.mine .turn-label:after{content:" 👈"}.empty-stage{color:var(--ink-soft)}.dots{display:flex;gap:7px;justify-content:center;padding:12px 0 4px;flex-wrap:wrap}.dots .dot{width:8px;height:8px;border-radius:50%;background:var(--line);border:none;cursor:pointer;padding:0;transition:transform .2s,background .2s,width .2s}.dots .dot.on{background:var(--primary);width:22px;border-radius:var(--pill)}.swipe-edge{position:absolute;top:0;bottom:0;width:64px;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .2s;pointer-events:none;z-index:2}.stage:hover .swipe-edge{opacity:.55}.swipe-edge.l{left:0}.swipe-edge.r{right:0}.tally{display:flex;gap:8px;padding:8px 16px 4px;overflow-x:auto;scrollbar-width:none}.tally::-webkit-scrollbar{display:none}.tally .who{display:inline-flex;align-items:center;gap:7px;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--pill);padding:5px 12px 5px 5px;box-shadow:var(--sh-sm)}.tally .who.up{outline:2px solid var(--primary);outline-offset:1px}.tally .who .n{font-size:13px;font-weight:700;color:var(--ink)}.tally .who .c{font-size:12px;font-weight:700;color:var(--ink-faint);background:var(--surface-3);border-radius:var(--pill);padding:1px 7px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#2c2b4173;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:fade .2s ease both}@media(min-width:560px){.scrim{align-items:center}}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-pop);padding:24px;animation:sheetIn .28s var(--ease) both}@keyframes sheetIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}.sheet h3{font-size:21px}.sheet .sub{color:var(--ink-soft);font-size:15px;margin:8px 0 20px}.sheet .big-emoji{font-size:40px;text-align:center;margin-bottom:6px}.list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-sm)}.list-item+.list-item{margin-top:8px}.list-item .label{font-weight:700;font-size:15px}.list-item .icon-emoji{font-size:22px;width:34px;text-align:center;flex:none}.swatch{width:26px;height:26px;border-radius:50%;flex:none;box-shadow:inset 0 1px #ffffff59,var(--sh-sm)}.icon-btn{border:none;background:var(--surface-3);color:var(--ink-faint);cursor:pointer;width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;transition:background .18s,color .18s}.icon-btn:hover{background:#ffedec;background:oklch(.96 .04 22);color:var(--bad)}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin:22px 2px 10px}.color-grid{display:flex;flex-wrap:wrap;gap:10px}.color-grid .opt{width:38px;height:38px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 1px #ffffff59,var(--sh-sm)}.color-grid .opt.on{border-color:var(--ink);transform:scale(1.08)}.emoji-grid{display:flex;flex-wrap:wrap;gap:6px}.emoji-grid button{font-size:22px;width:42px;height:42px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer}.emoji-grid button.on{border-color:var(--primary);background:var(--primary-soft)}.spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.full-center{min-height:100dvh;display:grid;place-items:center;position:relative;z-index:1}