: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(.16, 1, .3, 1);--duration-fast: .12s;--duration: .22s;--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__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-out),box-shadow var(--duration-fast) var(--ease-out)}.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-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-hard)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.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--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)}.alert{padding:var(--space-3) var(--space-4);border:var(--border);border-radius:var(--radius-sm);background:#ffe4e6;color:var(--color-ink);font-weight:700;box-shadow:var(--shadow-hard-sm)}.alert--ok{background:#dcfce7}.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__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__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}.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) var(--ease-out);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) var(--ease-out)}.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-4);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 3.1s cubic-bezier(.12,.75,.12,1);overflow:hidden}.roulette-wheel.is-spinning{pointer-events:none}.roulette-hub{position:absolute;top:34%;right:34%;bottom:34%;left:34%;border-radius:50%;background:var(--color-white);border:var(--border-thin);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-ink) 8%,transparent);z-index:2}.roulette-label{position:absolute;left:50%;top:50%;width:4.5rem;margin-left:-2.25rem;margin-top:-.65rem;font-size:.72rem;font-weight:800;line-height:1.15;color:var(--color-ink);text-shadow:0 0 3px #fff7ed,0 0 6px #fff7ed;text-align:center;pointer-events:none;z-index:1;word-break:break-word}.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-result{margin:0;font-size:var(--text-lg);font-weight:800}.roulette-hint{margin:0;max-width:22rem}.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-5);margin-bottom:var(--space-6)}.home-hero__title{font-size:var(--text-3xl);color:var(--color-coral)}.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}.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(1rem) scale(.98)}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}}