:root{--color-coral: #f43f5e;--color-coral-deep: #e11d48;--color-amber: #f59e0b;--color-amber-soft: #fcd34d;--color-pink: #ec4899;--color-pink-soft: #f9a8d4;--color-ink: #1c1917;--color-ink-soft: #44403c;--color-cream: #fff7ed;--color-paper: #ffedd5;--color-wash: #fff1f2;--color-sky: #38bdf8;--color-lime: #a3e635;--color-muted: #57534e;--color-ok: #16a34a;--color-debt: #dc2626;--color-white: #ffffff;--gradient-hero: linear-gradient( 135deg, var(--color-coral) 0%, var(--color-pink) 48%, var(--color-amber) 100% );--gradient-banner: linear-gradient( 105deg, var(--color-amber-soft) 0%, var(--color-pink-soft) 55%, #fda4af 100% );--gradient-stage: linear-gradient( 180deg, var(--color-wash) 0%, var(--color-cream) 42%, var(--color-paper) 100% );--font-display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-body: "Nunito", "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: clamp(2rem, 5vw, 2.75rem);--text-3xl: clamp(2.5rem, 7vw, 3.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius: 14px;--radius-sm: 10px;--radius-pill: 999px;--shadow-hard: 4px 4px 0 var(--color-ink);--shadow-hard-sm: 2px 2px 0 var(--color-ink);--shadow-hard-lg: 6px 6px 0 var(--color-ink);--border: 2.5px solid var(--color-ink);--border-thin: 2px solid var(--color-ink);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.33, .1, .25, 1);--duration-fast: .18s;--duration: .32s;--duration-slow: .48s;--focus-ring: 0 0 0 3px var(--color-cream), 0 0 0 6px var(--color-coral);--max-width: 40rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-height:100dvh}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-md);line-height:1.5;color:var(--color-ink);background:var(--gradient-stage);background-attachment:fixed;padding-bottom:env(safe-area-inset-bottom,0)}::selection{background:var(--color-amber);color:var(--color-ink)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0;color:var(--color-ink)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}a{color:var(--color-coral-deep);font-weight:700}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(100% - 2rem,var(--max-width));margin-inline:auto;padding-top:var(--space-5);padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom,0px) + var(--keyboard-inset, 0px))}.brand-mark-link{text-decoration:none;color:inherit}.brand-mark{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.03em;color:var(--color-ink);text-decoration:none}.brand-mark--hero{justify-content:flex-start;gap:var(--space-3);font-size:clamp(2.35rem,9vw,3.25rem);letter-spacing:-.045em;line-height:1;color:var(--color-ink)}.brand-mark__blob{display:block;border-radius:40% 60% 55% 45%;background:var(--gradient-hero);border:var(--border-thin);box-shadow:var(--shadow-hard-sm);flex-shrink:0}.home-hero__logo{display:block;width:5.5rem;height:5.5rem;margin:0 auto var(--space-3);border-radius:40% 60% 55% 45%;background:var(--gradient-hero);border:var(--border);box-shadow:var(--shadow-hard)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:var(--space-2)}.pick-chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.45rem .7rem;border:var(--border-thin);border-radius:999px;background:var(--color-cream);font-weight:800;font-size:var(--text-sm)}.pick-chip__dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--chip, var(--color-coral));border:1px solid var(--color-ink);flex-shrink:0}.pick-chip.is-selected{background:var(--color-ink);color:var(--color-cream);box-shadow:var(--shadow-hard-sm)}.surface{background:var(--color-white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-hard)}.surface--flush{padding:0;overflow:hidden}.panel{padding:var(--space-5)}.panel+.panel,.stack>*+*{margin-top:var(--space-4)}.stack-tight>*+*{margin-top:var(--space-2)}.muted{color:var(--color-muted)}.lede{color:var(--color-ink-soft);font-size:var(--text-md);max-width:36ch}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-weight:800;font-size:var(--text-sm)}.field-hint{font-size:var(--text-sm);color:var(--color-muted)}.input,.select,.textarea{width:100%;padding:.7rem .85rem;border:var(--border);border-radius:var(--radius-sm);background:var(--color-cream);box-shadow:inset 0 0 0 0 var(--color-ink);transition:background var(--duration-fast) var(--ease-soft),box-shadow var(--duration-fast) var(--ease-soft)}.input:hover,.select:hover,.textarea:hover{background:var(--color-white)}.input:focus,.select:focus,.textarea:focus{background:var(--color-white);box-shadow:var(--shadow-hard-sm)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.85rem;padding:.55rem 1.15rem;border:var(--border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-ink);font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;box-shadow:var(--shadow-hard-sm);text-decoration:none;transition:transform var(--duration-fast) var(--ease-soft),box-shadow var(--duration-fast) var(--ease-soft),background var(--duration-fast) var(--ease-soft)}.btn:hover:not(:disabled){transform:translate(-.5px,-.5px);box-shadow:var(--shadow-hard)}.btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:var(--shadow-hard-sm)}.btn--primary{background:var(--color-coral);color:var(--color-white)}.btn--primary:hover:not(:disabled){background:var(--color-coral-deep)}.btn--amber{background:var(--color-amber)}.btn--pink{background:var(--color-pink);color:var(--color-white)}.btn--ghost{background:transparent;box-shadow:none}.btn--ghost:hover:not(:disabled){background:var(--color-paper);box-shadow:var(--shadow-hard-sm)}.btn--danger{background:var(--color-coral-deep);color:var(--color-white)}.btn--danger:hover:not(:disabled){filter:brightness(.95)}.btn--block{width:100%}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.member-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem .35rem .4rem;border:var(--border-thin);border-radius:var(--radius-pill);background:var(--color-white);font-weight:800;font-size:var(--text-sm);box-shadow:var(--shadow-hard-sm)}.member-chip__dot{width:.85rem;height:.85rem;border-radius:50%;border:2px solid var(--color-ink);flex-shrink:0}.member-chip__tag{opacity:.75;font-size:.75rem}.member-chip__x{margin-left:.05rem;width:1.35rem;height:1.35rem;border:0;border-radius:50%;background:transparent;color:var(--color-ink);font-size:1.05rem;line-height:1;font-weight:800;cursor:pointer}.member-chip__x:hover{background:color-mix(in srgb,var(--color-coral) 35%,transparent)}.member-chip--toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.member-chip--off{opacity:.45;box-shadow:none}.banner-next{display:grid;gap:var(--space-2);padding:var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--gradient-banner);box-shadow:var(--shadow-hard)}.banner-next__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;letter-spacing:-.03em}.banner-next__meta{font-size:var(--text-sm);color:var(--color-ink-soft);font-weight:700}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.modal-backdrop--dialog{z-index:80;place-items:center}.modal--dialog{width:min(100%,22rem);padding:var(--space-5);animation:pop-up var(--duration-slow) var(--ease-soft);place-self:center}.dialog-card{display:grid;gap:var(--space-4);padding:var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--color-cream);box-shadow:var(--shadow-hard-sm)}.dialog__title{margin:0;font-size:var(--text-xl)}.dialog__body{margin:0;font-weight:700;line-height:1.4}.dialog__actions{margin-top:var(--space-2)}.dialog__actions.btn-row{display:flex;gap:var(--space-2)}.dialog__actions.btn-row .btn{flex:1}.group-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.group-list__item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border:var(--border-thin);border-radius:var(--radius-sm);background:var(--color-paper);text-decoration:none;color:inherit;font-weight:700;transition:background var(--duration-fast) var(--ease-soft),transform var(--duration-fast) var(--ease-soft)}.group-list__item:hover,.group-list__item:focus-visible{background:color-mix(in srgb,var(--color-amber) 18%,var(--color-paper))}.group-list__text{display:grid;gap:.1rem;min-width:0}.group-list__name{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.group-list__meta{font-size:var(--text-sm);font-weight:700}.group-list__chev{font-weight:800;opacity:.55}.empty{padding:var(--space-5);border:2.5px dashed var(--color-ink);border-radius:var(--radius);background:color-mix(in srgb,var(--color-white) 70%,transparent);text-align:left}.empty strong{display:block;font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2)}.expense-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:start;padding:var(--space-4);border-bottom:var(--border-thin)}.expense-item:last-child{border-bottom:none}.expense-item--button{width:100%;margin:0;border:0;border-bottom:var(--border-thin);border-radius:0;background:transparent;text-align:left;box-shadow:none;font:inherit;color:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-soft)}.expense-item--button:last-child{border-bottom:none}.expense-item--button:hover,.expense-item--button:focus-visible{background:color-mix(in srgb,var(--color-amber) 18%,transparent)}.expense-item__cat{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:var(--border-thin);border-radius:var(--radius-sm);background:var(--color-paper);font-family:var(--font-display);font-weight:800;font-size:var(--text-sm)}.expense-item__body{min-width:0}.expense-item__title{font-weight:800;letter-spacing:-.02em}.expense-item__meta{font-size:var(--text-sm);color:var(--color-muted);margin-top:.15rem}.expense-item__amount{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.expense-detail{display:grid;gap:var(--space-4);padding:0 var(--space-4) var(--space-3)}.expense-detail__hero{display:flex;gap:var(--space-3);align-items:center}.expense-detail__glyph{width:3rem;height:3rem;display:grid;place-items:center;border:var(--border);border-radius:var(--radius-sm);background:var(--color-paper);font-family:var(--font-display);font-weight:800;flex-shrink:0}.expense-detail__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.03em}.expense-detail__amount{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);margin-top:.15rem}.expense-detail__section{font-size:var(--text-md);margin:0}.detail-list{display:grid;gap:var(--space-3);margin:0}.detail-list>div{display:grid;gap:.15rem}.detail-list dt{font-size:var(--text-sm);color:var(--color-muted);font-weight:700}.detail-list dd{margin:0;font-weight:800}.share-list{list-style:none;margin:0;padding:0;border:var(--border-thin);border-radius:var(--radius-md);overflow:hidden;background:var(--color-paper)}.share-list__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-thin)}.share-list__row:last-child{border-bottom:none}.share-list__who{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;min-width:0}.share-list__amt{font-weight:800;white-space:nowrap}.balance-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:2px solid color-mix(in srgb,var(--color-ink) 12%,transparent)}.balance-row:last-child{border-bottom:none}.balance-amt{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums}.balance-amt--pos{color:var(--color-ok)}.balance-amt--neg{color:var(--color-debt)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:end center;height:var(--vv-height, 100dvh);max-height:var(--vv-height, 100dvh);padding:var(--space-3);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom,0px),var(--keyboard-inset, 0px));background:color-mix(in srgb,var(--color-ink) 45%,transparent);animation:fade-in var(--duration-slow) var(--ease-soft);overflow:hidden}.modal{width:min(100%,26rem);max-height:calc(var(--vv-height, 100dvh) - 1.25rem);overflow:hidden;display:flex;flex-direction:column;background:var(--color-white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-hard-lg);padding:var(--space-4);animation:pop-up var(--duration-slow) var(--ease-soft)}.modal--sheet,.modal--roulette{width:min(100%,28rem)}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-shrink:0}.modal__form{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;flex:1}.modal__scroll{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;gap:var(--space-4);min-height:0;flex:1;padding-bottom:var(--space-2)}.modal__actions,.form-actions{flex-shrink:0;padding-top:var(--space-2);background:var(--color-white);position:sticky;bottom:0;z-index:2}.split-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.split-tabs button{min-height:2.5rem;border:var(--border-thin);border-radius:var(--radius-sm);background:var(--color-cream);font-weight:800;font-size:var(--text-sm)}.split-tabs button[aria-pressed=true]{background:var(--color-ink);color:var(--color-white)}.roulette-stage{display:grid;place-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-2) var(--space-2);text-align:center}.roulette-shell{position:relative;width:min(88vw,18rem);height:min(88vw,18rem);display:grid;place-items:center}.roulette-shadow{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;box-shadow:var(--shadow-hard-lg);pointer-events:none;z-index:0}.roulette-wheel{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;border:var(--border);box-shadow:none;transition:transform 5.2s cubic-bezier(.12,.7,.08,1);overflow:hidden;background:var(--color-cream)}.roulette-svg{display:block;width:100%;height:100%}.roulette-wheel.is-spinning{pointer-events:none}.roulette-wheel.is-winner{animation:roulette-land var(--duration-slow) var(--ease-soft)}@keyframes roulette-land{0%{filter:brightness(1)}45%{filter:brightness(1.06)}to{filter:brightness(1)}}.roulette-pointer{position:absolute;top:-.15rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-top:1.15rem solid var(--color-ink);z-index:3;filter:drop-shadow(2px 2px 0 rgb(0 0 0 / 18%))}.roulette-pointer.is-bounce,.roulette-stage.is-celebrate .roulette-pointer{animation:pointer-bounce .7s var(--ease-soft) 1}@keyframes pointer-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(.14rem)}}.roulette-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.roulette-burst__dot{position:absolute;left:50%;top:50%;width:.55rem;height:.55rem;margin:-.275rem;border-radius:40% 60% 55% 45%;background:hsl(var(--hue, 20) 90% 55%);border:1.5px solid var(--color-ink);animation:burst-fly 1.15s var(--ease-soft) forwards;animation-delay:calc(var(--i, 0) * 28ms)}@keyframes burst-fly{0%{opacity:.95;transform:rotate(calc(var(--i) * 25.7deg)) translateY(0) scale(.55)}to{opacity:0;transform:rotate(calc(var(--i) * 25.7deg)) translateY(-6.2rem) scale(1.05)}}.roulette-result{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em}.roulette-result strong{color:var(--winner, var(--color-coral-deep))}.roulette-result.is-pop{animation:result-pop var(--duration-slow) var(--ease-soft)}@keyframes result-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.roulette-hint{margin:0;max-width:22rem}.roulette-roster{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;padding:0 var(--space-2) var(--space-3)}.invite-box{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius);border:var(--border);box-shadow:var(--shadow-hard)}.invite-box code,.invite-box .code{font-family:var(--font-body);font-weight:800;font-size:var(--text-lg);letter-spacing:.08em;color:var(--color-amber-soft);word-break:break-all}.invite-box .path{font-size:var(--text-sm);opacity:.9;word-break:break-all}.home-hero{display:grid;gap:var(--space-4);margin-bottom:var(--space-6);justify-items:start;text-align:left}.home-hero__title{margin:0;display:flex;justify-content:flex-start;width:100%}.home-hero__punch{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em;max-width:18ch;line-height:1.1}.home-hero .lede{max-width:36ch}.install-app-wrap{margin-top:1.25rem;margin-bottom:var(--space-4)}.install-app{display:grid;gap:var(--space-2)}.install-app__hint{margin:0;font-size:var(--text-sm);font-weight:700;text-align:center;line-height:1.35}.group-header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.group-header__back{display:inline-flex;align-items:center;gap:.35rem;min-height:2.5rem;padding-inline:.65rem;text-decoration:none;font-weight:800}.group-header__brand{margin-top:var(--space-2)}.form-grid{display:grid;gap:var(--space-4)}.form-grid .field input,.form-grid .field select,.form-grid .field textarea,.form-grid .input,.form-grid .select{scroll-margin-top:1.25rem;scroll-margin-bottom:5.5rem}.form-grid>.btn,.form-grid>.btn-row,.form-grid>.form-actions{scroll-margin-bottom:calc(1rem + var(--keyboard-inset, 0px))}@media(max-height:720px){.home-hero{margin-bottom:var(--space-4)}.home-hero__logo{width:3.75rem;height:3.75rem;margin-bottom:var(--space-2)}.home-hero__title{font-size:var(--text-2xl)}.home-hero__punch{font-size:var(--text-lg)}.home-hero .lede{display:none}}.share-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center}.tabular{font-variant-numeric:tabular-nums}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-up{0%{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:none}}@media(min-width:640px){.modal-backdrop{place-items:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.roulette-wheel{transition:none}}