:root{--spacer-1:4px;--spacer-2:8px;--spacer-3:16px;--spacer-4:24px;--spacer-5:32px;--spacer-6:48px;--theme-50:oklch(98% .0192 285.13);--theme-100:oklch(94.23% .0425 285.13);--theme-200:oklch(89.04% .0687 285.13);--theme-300:oklch(78.38% .1144 285.13);--theme-400:oklch(69.32% .1053 264.75);--theme-500:oklch(60.27% .0963 244.38);--theme-600:oklch(51.21% .0872 224);--theme-700:oklch(42.16% .0782 203.62);--theme-800:oklch(33.1% .0691 183.25);--theme-900:oklch(24.05% .0601 162.87);--theme-950:oklch(14.99% .051 142.5);--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--neutral-950:#0a0a0a;--color-bg:var(--neutral-50);--color-surface:#fff;--color-text:var(--neutral-900);--color-text-muted:var(--neutral-500);--color-border:var(--neutral-300);--color-accent:var(--theme-600);--color-accent-border:var(--theme-300);--color-accent-text:var(--theme-700);--color-focus-ring:var(--theme-400)}[data-theme=dark]{--color-bg:var(--neutral-950);--color-surface:var(--neutral-900);--color-text:var(--neutral-50);--color-text-muted:var(--neutral-400);--color-border:var(--neutral-700);--color-accent:var(--theme-300);--color-accent-border:var(--theme-700);--color-accent-text:var(--theme-300);--color-focus-ring:var(--theme-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--neutral-950);--color-surface:var(--neutral-900);--color-text:var(--neutral-50);--color-text-muted:var(--neutral-400);--color-border:var(--neutral-700);--color-accent:var(--theme-300);--color-accent-border:var(--theme-700);--color-accent-text:var(--theme-300);--color-focus-ring:var(--theme-400)}}.app{gap:var(--spacer-5);flex-direction:column;max-width:560px;margin:0 auto;display:flex}.app-header{padding-top:var(--spacer-4);justify-content:space-between;align-items:flex-start;gap:var(--spacer-3);display:flex}.app-header-text{gap:var(--spacer-1);flex-direction:column;display:flex}.app-title{font-size:1.75rem;font-weight:700;line-height:1.2}.app-subtitle{color:var(--color-text-muted)}.app-main{gap:var(--spacer-5);flex-direction:column;display:flex}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacer-3);font-size:.875rem;font-weight:600}.people-section{gap:var(--spacer-3);flex-direction:column;display:flex}.people-list,.settlement-section{gap:var(--spacer-2);flex-direction:column;display:flex}.settlement-empty,.settlement-all-settled{color:var(--color-text-muted)}.settlement-list{gap:var(--spacer-2);flex-direction:column;font-size:1.25rem;list-style:none;display:flex}.settlement-item{align-items:baseline;gap:var(--spacer-1);flex-wrap:wrap;display:flex}.settlement-from{font-weight:600}.settlement-verb{color:var(--color-text-muted)}.settlement-to{font-weight:600}.settlement-amount{color:var(--color-accent-text);font-weight:600}input[type=text]{border:1px solid var(--color-border);width:100%;padding:var(--spacer-3);background:var(--color-surface);color:var(--color-text);border-radius:4px;font-family:inherit;font-size:1rem}input[type=text]:focus{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-focus-ring)}.btn{cursor:pointer;padding:var(--spacer-2) var(--spacer-3);background:0 0;border:none;border-radius:4px;align-items:center;font-family:inherit;font-size:.9rem;display:inline-flex}.btn-add{color:var(--color-accent);border:1px solid var(--color-accent-border);align-self:flex-start}.btn-theme-toggle{color:var(--color-text-muted);border:1px solid var(--color-border);padding:var(--spacer-1) var(--spacer-2);margin-top:var(--spacer-1);flex-shrink:0;font-size:.8rem}.person-row{align-items:center;gap:var(--spacer-2);display:flex}.person-name{flex:1;min-width:0}.person-amount-wrap{align-items:center;gap:var(--spacer-1);flex:1.4;min-width:0;display:flex}.person-currency{color:var(--color-text-muted);flex-shrink:0}.person-amount{flex:1;min-width:0}.person-computed{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:.85rem}.person-remove{cursor:pointer;color:var(--color-text-muted);padding:var(--spacer-1);background:0 0;border:none;flex-shrink:0;font-size:1.25rem;line-height:1}.person-remove:disabled{opacity:.2;cursor:default}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);padding:var(--spacer-4);font-family:system-ui,sans-serif;line-height:1.5}