@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";:root{--gray-0:#fff;--gray-50:#fafafa;--gray-100:#f5f5f7;--gray-200:#e8e8ed;--gray-300:#d2d2d7;--gray-400:#aeaeb5;--gray-500:#86868b;--gray-600:#6e6e73;--gray-700:#424245;--gray-800:#1d1d1f;--gray-900:#0a0a0b;--black:#000;--violet-400:#9b7bff;--violet-500:#7c5cff;--violet-600:#6847ec;--violet-700:#5537c8;--cyan-400:#3ee6f0;--cyan-500:#17c8dd;--magenta-500:#e857c8;--gradient-aurora:linear-gradient(105deg, #7c5cff 0%, #17c8dd 100%);--gradient-aurora-wide:linear-gradient(105deg, #e857c8 0%, #7c5cff 45%, #17c8dd 100%);--gradient-ink:linear-gradient(180deg, #1d1d1f 0%, #000 100%);--gradient-text:linear-gradient(92deg, #7c5cff 0%, #17c8dd 100%);--green-500:#1db954;--amber-500:#e8930c;--red-500:#e5484d;--surface-page:var(--gray-0);--surface-sunken:var(--gray-100);--surface-card:var(--gray-0);--surface-raised:var(--gray-0);--surface-inverse:var(--gray-800);--surface-accent-subtle:#f3f0ff;--text-primary:var(--gray-800);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-inverse:#f5f5f7;--text-accent:var(--violet-600);--text-link:var(--violet-600);--border-default:#0000001a;--border-strong:#0000002e;--border-hairline:#0000000f;--accent:var(--violet-500);--accent-hover:var(--violet-600);--accent-pressed:var(--violet-700);--accent-contrast:#fff;--status-success:var(--green-500);--status-warning:var(--amber-500);--status-danger:var(--red-500);--focus-ring:0 0 0 4px #7c5cff47;--scrim:#00000073;--font-sans:"Geist", -apple-system, "SF Pro Display", "Helvetica Neue", sans-serif;--font-mono:"Geist Mono", "SF Mono", ui-monospace, monospace;--text-hero:4.5rem;--text-display:3rem;--text-title-1:2rem;--text-title-2:1.5rem;--text-title-3:1.1875rem;--text-body:1.0625rem;--text-callout:.9375rem;--text-caption:.8125rem;--text-micro:.6875rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.08;--leading-snug:1.25;--leading-body:1.5;--tracking-display:-.02em;--tracking-title:-.01em;--tracking-body:0;--tracking-overline:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-inline:var(--space-2);--space-control-x:var(--space-4);--space-card:var(--space-6);--space-section:var(--space-24);--container-max:1120px;--container-narrow:720px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 24px #00000017;--shadow-lg:0 20px 48px #00000024;--shadow-glow:0 8px 32px #7c5cff59;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.4s;--blur-glass:saturate(180%) blur(20px)}[data-theme=dark]{--surface-page:var(--black);--surface-sunken:#0a0a0b;--surface-card:#141416;--surface-raised:#1d1d1f;--surface-inverse:var(--gray-100);--surface-accent-subtle:#7c5cff24;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-tertiary:#6e6e73;--text-inverse:var(--gray-800);--text-accent:var(--violet-400);--text-link:var(--violet-400);--border-default:#ffffff24;--border-strong:#ffffff3d;--border-hairline:#ffffff14;--accent:var(--violet-500);--accent-hover:var(--violet-400);--accent-pressed:var(--violet-600);--accent-contrast:#fff;--focus-ring:0 0 0 4px #9b7bff59;--scrim:#000000a6}*{box-sizing:border-box}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}.shell{max-width:27rem;padding:var(--space-8) var(--space-4) var(--space-16);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:center;display:flex}.wordmark{font-size:24px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-display);margin:0}.claim-reminder{background:var(--surface-accent-subtle);border:1px solid var(--accent);border-radius:var(--radius-md);font-size:var(--text-caption);color:var(--text-primary);padding:12px 16px}.claim-reminder a{color:var(--text-link);font-weight:var(--weight-semibold);text-decoration:none}.claim-reminder a:hover{text-decoration:underline}.group-header{align-items:center;gap:var(--space-4);display:flex}.group-icon{background:var(--surface-accent-subtle);width:52px;height:52px;color:var(--text-accent);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-title{flex-direction:column;gap:2px;display:flex}.group-name{font-size:24px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-display);margin:0}.group-meta{font-size:var(--text-caption);color:var(--text-tertiary)}.member-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.member-list li{align-items:center;gap:var(--space-3);padding:8px 0;display:flex}.member-list li+li{border-top:1px solid var(--border-hairline)}.member-avatar{border-radius:var(--radius-full);background:var(--surface-accent-subtle);width:28px;height:28px;color:var(--text-accent);font-size:11px;font-weight:var(--weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.member-avatar-self{background:var(--gradient-aurora);color:#fff}.member-name{font-size:var(--text-callout);font-weight:var(--weight-medium);flex:1}.member-role{font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.member-remove{border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.member-remove:hover{color:var(--status-danger)}.invite-panel{margin-left:auto;position:relative}.visibility-panel{width:100%;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-hairline);gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.prejoin-ledger{width:100%;max-width:26rem;margin-top:var(--space-4);text-align:left;gap:var(--space-2);flex-direction:column;display:flex}.prejoin-expenses{margin:0;padding:0;list-style:none}.prejoin-expenses li{justify-content:space-between;gap:var(--space-3);padding:6px 0;display:flex}.prejoin-expenses li+li{border-top:1px solid var(--border-hairline)}.prejoin-expense-description{overflow-wrap:anywhere;min-width:0}.invite-card{z-index:10;background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-md);width:min(20rem,84vw);box-shadow:var(--shadow-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0}.button-secondary{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font:inherit;font-size:var(--text-caption);font-weight:var(--weight-semibold);cursor:pointer;padding:8px 14px}.button-secondary:hover{background:var(--surface-sunken)}.button-secondary:focus-visible{box-shadow:var(--focus-ring);outline:none}.invite-url{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-sunken);width:100%;color:var(--text-secondary);font-family:var(--font-mono);padding:8px 10px;font-size:11px}.invite-actions{gap:var(--space-2);display:flex}.muted-line{font-size:var(--text-caption);color:var(--text-tertiary);margin:0}.muted-line a{color:var(--text-link);font-weight:var(--weight-semibold);text-decoration:none}.prejoin{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;flex-direction:column;display:flex}.prejoin-icon{border-radius:20px;width:64px;height:64px}.prejoin-title{font-size:var(--text-title-2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-display);line-height:var(--leading-snug);margin:0}.join-form{gap:var(--space-3);width:100%;max-width:20rem;margin-top:var(--space-2);flex-direction:column;display:flex}.join-label{gap:var(--space-1);font-size:var(--text-caption);color:var(--text-secondary);text-align:left;display:grid}.join-label input{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary);font:inherit;font-size:var(--text-callout);padding:10px 12px}.join-label input:focus-visible{box-shadow:var(--focus-ring);outline:none}.amount-preview{text-align:center}.tip-mode-toggle{align-self:end;margin-bottom:4px}.seg-tabs{background:var(--surface-sunken);border-radius:var(--radius-full);width:fit-content;padding:3px;display:flex}.seg-tab{color:var(--text-secondary);font:inherit;font-size:var(--text-caption);font-weight:var(--weight-medium);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;padding:5px 14px}.seg-tab-active{background:var(--surface-card);color:var(--text-primary);font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs)}.balances-panel{gap:var(--space-3);flex-direction:column;display:flex}.expenses-header{align-items:center;gap:var(--space-3);display:flex}.expenses-header .overline{flex:1}.expense-sort{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-secondary);font:inherit;font-size:var(--text-caption);padding:5px 8px}.add-fab{border-radius:var(--radius-full);background:var(--accent);width:34px;height:34px;color:var(--accent-contrast);cursor:pointer;box-shadow:var(--shadow-sm);border:none;font-size:20px;line-height:1}.add-fab:hover{background:var(--accent-hover)}.expense-row-click,.balance-row-click{cursor:pointer}.expense-amount-col{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.expense-impact{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--weight-semibold)}.detail-dialog{width:min(26rem,100%);max-height:calc(100dvh - 32px)}.detail-scroll{gap:var(--space-2);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.form-dialog{border-radius:var(--radius-lg);gap:var(--space-2);flex-direction:column;width:min(34rem,100%);max-height:calc(100vh - 32px);display:flex;overflow-y:auto}.calc-bar{z-index:30;gap:var(--space-2);background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-full);box-shadow:var(--shadow-md);padding:6px 10px;display:none;position:fixed;left:50%;transform:translate(-50%)}@media (width<=47.99rem){.calc-bar{display:flex}}.calc-key{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-sunken);width:38px;height:32px;color:var(--text-secondary);font:inherit;cursor:pointer;font-size:16px}.calc-key:hover{background:var(--surface-sunken)}.placeholder-form{gap:var(--space-2);display:flex}.placeholder-form input{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);min-width:0;color:var(--text-primary);font:inherit;font-size:var(--text-callout);flex:1;padding:9px 10px}.placeholder-form input:focus-visible{box-shadow:var(--focus-ring);outline:none}.member-link-card{background:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.join-placeholders{gap:var(--space-2);flex-direction:column;width:100%;max-width:20rem;display:flex}.choice-actions{gap:var(--space-2);width:100%;max-width:20rem;margin-top:var(--space-2);flex-direction:column;display:flex}.choice-signin{text-align:center;text-decoration:none;display:block}.total-strip{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface-sunken);border-radius:16px;padding:14px 16px;display:flex}.total-label{color:var(--text-tertiary);font-size:12px}.total-amount{font-family:var(--font-mono);font-size:20px;font-weight:var(--weight-semibold)}.expense-form{gap:var(--space-3);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);flex-direction:column;display:flex}.form-heading{font-size:17px;font-weight:var(--weight-semibold);text-align:center;margin:0}.amount-row{padding:var(--space-2) 0;justify-content:center;display:flex}.amount-input{width:100%;max-width:240px;color:var(--text-primary);font-family:var(--font-mono);font-size:40px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-display);text-align:center;background:0 0;border:none;padding:0}.amount-input::placeholder{color:var(--text-tertiary)}.amount-input:focus{outline:none}.amount-row:focus-within{border-radius:var(--radius-md);box-shadow:var(--focus-ring)}.field-row{background:var(--surface-sunken);border-radius:var(--radius-md);color:var(--text-tertiary);align-items:center;gap:10px;padding:4px 16px;display:flex}.field-row:focus-within{box-shadow:var(--focus-ring)}.field-row input{min-width:0;color:var(--text-primary);font:inherit;font-size:var(--text-callout);font-weight:var(--weight-medium);background:0 0;border:none;flex:1;padding:10px 0}.field-row input:focus{outline:none}.field-row input::placeholder{color:var(--text-tertiary);font-weight:var(--weight-regular)}.button-primary{border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font:inherit;font-size:var(--text-callout);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:none;padding:13px 16px}.button-primary:hover{background:var(--accent-hover)}.button-primary:active{background:var(--accent-pressed);transform:scale(.98)}.button-primary:focus-visible{box-shadow:var(--focus-ring);outline:none}.button-primary:disabled{opacity:.6;cursor:wait}.form-error{font-size:var(--text-caption);color:var(--status-danger);text-align:center;margin:0}.overline{font-size:11px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-tertiary)}.expense-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.expense-list li{align-items:center;gap:var(--space-3);padding:10px 0;display:flex}.expense-list li+li{border-top:1px solid var(--border-hairline)}.expense-icon{background:var(--surface-sunken);width:40px;height:40px;color:var(--text-secondary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.expense-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.expense-description{font-size:var(--text-callout);font-weight:var(--weight-medium);overflow-wrap:anywhere}.expense-date{font-size:var(--text-caption);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.expense-amount{font-family:var(--font-mono);font-size:var(--text-callout);font-weight:var(--weight-semibold)}.expense-flag{margin-left:var(--space-2);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-tertiary);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;padding:2px 8px}.expense-flag-pending{background:var(--surface-accent-subtle);color:var(--text-accent)}.expense-actions{gap:var(--space-1);display:inline-flex}.expense-action{border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.expense-action:hover{color:var(--text-accent)}.empty-state{padding:var(--space-6) 0;text-align:center;font-size:var(--text-caption);color:var(--text-tertiary);margin:0}.error-banner{background:var(--surface-sunken);border-radius:var(--radius-md);font-size:var(--text-callout);color:var(--status-danger);margin:0;padding:13px 16px}.loading{padding:var(--space-16) var(--space-4);text-align:center;color:var(--text-tertiary)}@media (prefers-reduced-motion:reduce){.button-primary{transition:none}}.group-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.group-row{align-items:center;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);color:var(--text-primary);padding:14px 16px;text-decoration:none;display:flex}.group-row:hover{box-shadow:var(--shadow-sm)}.group-icon-small{border-radius:12px;width:40px;height:40px}.group-row-name{font-size:var(--text-callout);font-weight:var(--weight-semibold);flex:1}.group-row-currency{font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:.06em;color:var(--text-tertiary)}.back-link{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-link);text-decoration:none}.form-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.select-row{gap:var(--space-1);font-size:var(--text-caption);color:var(--text-secondary);display:grid}.select-row select,.select-row input{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary);font:inherit;font-size:var(--text-callout);padding:9px 10px}.select-row select:focus-visible,.select-row input:focus-visible{box-shadow:var(--focus-ring);outline:none}.split-editor{gap:var(--space-2);background:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--space-3);display:grid}.split-row{align-items:center;gap:var(--space-2);font-size:var(--text-caption);display:flex}.split-row input[type=checkbox]{width:16px;height:16px}.split-row input:not([type=checkbox]){border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);width:6rem;color:var(--text-primary);font:inherit;font-size:var(--text-caption);padding:6px 8px}.balance-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.balance-list li{align-items:center;gap:var(--space-3);padding:8px 0;display:flex}.balance-list li+li{border-top:1px solid var(--border-hairline)}.balance-list .member-name{flex:1}.amount-positive{color:var(--status-success)}.amount-negative{color:var(--status-danger)}.settings-row{align-items:center;gap:var(--space-2);font-size:var(--text-callout);font-weight:var(--weight-medium);display:flex}.receipt-image{border-radius:var(--radius-sm);border:1px solid var(--border-hairline);max-width:12rem;margin-top:var(--space-1)}.danger-zone{border-top:1px solid var(--border-hairline);padding-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.button-danger{border-radius:var(--radius-md);background:var(--status-danger);color:#fff;font:inherit;font-size:var(--text-caption);font-weight:var(--weight-semibold);cursor:pointer;border:none;padding:10px 14px}.link-button{font:inherit;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-link);cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.dialog-scrim{z-index:20;background:var(--scrim);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface-raised);border-radius:var(--radius-lg);width:min(24rem,100%);box-shadow:var(--shadow-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.dialog-title{font-size:17px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-title);margin:0}.dialog-actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-1);display:flex}.content{gap:var(--space-5);flex-direction:column;display:flex}.has-group .side-rail{display:none}@media (width>=60rem){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:17.5rem minmax(0,1fr);gap:0;max-width:none;min-height:100vh;margin:0;padding:0;display:grid}.app-shell:before{content:"";background:var(--surface-sunken);border-right:1px solid var(--border-hairline);grid-area:1/1/3}.app-shell>.app-header{padding:var(--space-5) var(--space-4) var(--space-2);grid-area:1/1}.app-shell .wordmark{font-size:19px}.app-shell>.app-header .invite-card{left:0;right:auto}.app-shell>.claim-reminder{margin:var(--space-6) var(--space-10) 0;grid-area:1/2;align-self:start}.app-shell .side-rail{gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3) var(--space-5);flex-direction:column;grid-area:2/1;align-self:start;display:flex;position:sticky;top:0}.side-rail .overline{padding:0 10px}.side-rail .group-row{background:0 0;border-color:#0000;border-radius:12px;padding:8px 10px}.side-rail .group-row:hover{background:var(--surface-card);box-shadow:none}.side-rail .group-row-active{background:var(--surface-card);border-color:var(--border-hairline);box-shadow:var(--shadow-xs)}.side-rail .group-icon-small{border-radius:9px;width:30px;height:30px}.side-rail .group-icon-small svg{width:16px;height:16px}.app-shell .content{width:100%;max-width:48rem;padding:var(--space-6) var(--space-10) var(--space-16);grid-area:2/2}.app-shell:not(.has-group) .content>.expense-form{max-width:26rem}}@media (width>=75rem){.app-shell .content{max-width:76rem}.has-group .content{column-gap:var(--space-10);grid-template-columns:minmax(0,1fr) 21rem;align-items:start;row-gap:0;display:grid}.has-group .content>*{margin:0 0 var(--space-5);grid-column:1}.has-group .content>.balances-panel{top:var(--space-6);border-left:1px solid var(--border-hairline);padding-left:var(--space-6);grid-area:1/2/span 24;margin:0;position:sticky}}