:root{--bg: oklch(97% .012 60);--surface: oklch(99% .006 60);--surface-sunken: oklch(94% .014 60);--ink: oklch(22% .02 50);--ink-soft: oklch(48% .02 50);--cream: oklch(97% .012 60);--border-soft: oklch(22% .02 50 / .1);--border-strong: oklch(22% .02 50 / .22);--accent: oklch(65% .14 40);--sage: oklch(65% .14 150);--amber: oklch(65% .14 90);--sky: oklch(60% .1 230);--danger: oklch(58% .19 25);--color-terracotta: var(--accent);--color-sage: var(--sage);--color-amber: var(--amber);--color-sky: var(--sky);--font-ui: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Source Serif 4", Georgia, serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 999px;--shadow-sm: 0 1px 2px oklch(22% .02 50 / .06);--shadow-md: 0 4px 16px oklch(22% .02 50 / .08);--shadow-lg: 0 12px 32px oklch(22% .02 50 / .12);--content-max: 30rem;--header-height: 3.5rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .12s;--duration-base: .22s}[data-theme=dark]{--bg: oklch(18% .012 50);--surface: oklch(22% .01 50);--surface-sunken: oklch(15% .012 50);--ink: oklch(92% .01 60);--ink-soft: oklch(62% .01 60);--border-soft: oklch(92% .01 60 / .12);--border-strong: oklch(92% .01 60 / .24);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .3);--shadow-md: 0 4px 16px oklch(0% 0 0 / .36);--shadow-lg: 0 12px 32px oklch(0% 0 0 / .44)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.2;margin:0}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:var(--content-max);margin-inline:auto;padding:var(--space-4);padding-bottom:max(var(--space-6),env(safe-area-inset-bottom))}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-4);padding-top:env(safe-area-inset-top)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-tight{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-2)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.well{background:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--space-3)}.muted{color:var(--ink-soft)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-full);background:var(--surface);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--cream)}.btn-secondary{background:transparent;border-color:var(--border-strong);color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink-soft);min-height:2.25rem;padding-inline:var(--space-3)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:.875rem;font-weight:600;color:var(--ink-soft)}.input{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:inherit}.input::placeholder{color:var(--ink-soft)}.input:disabled{background:var(--surface-sunken);cursor:not-allowed}.field-error{font-size:.8125rem;color:var(--danger)}.alert{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-soft);font-size:.875rem}.alert-error{border-color:var(--danger);color:var(--danger)}.alert-info{border-color:var(--border-strong);color:var(--ink-soft)}.alert-success{border-color:var(--sage);color:var(--sage)}.spinner{width:1.25rem;height:1.25rem;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .7s linear infinite}.spinner-lg{width:2.5rem;height:2.5rem;border-width:3px}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.center-screen{min-height:60dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center}.avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--avatar-color, var(--accent));color:var(--cream);font-size:.8125rem;font-weight:700;flex-shrink:0}.avatar-lg{width:2.75rem;height:2.75rem;font-size:1rem}.color-terracotta{--avatar-color: var(--color-terracotta)}.color-sage{--avatar-color: var(--color-sage)}.color-amber{--avatar-color: var(--color-amber)}.color-sky{--avatar-color: var(--color-sky)}.logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink)}.logo-word{font-family:var(--font-serif);font-style:italic;font-size:1.375rem;font-weight:600;letter-spacing:-.01em}.logo-link,.logo-link:hover{text-decoration:none}.landing{padding-top:var(--space-6);text-align:center}.landing-hero{align-items:center;gap:var(--space-3);color:var(--ink)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.auth-screen{max-width:22rem;margin-inline:auto;padding-top:var(--space-5)}.auth-separator{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-soft);font-size:.875rem}.auth-separator:before,.auth-separator:after{content:"";flex:1;height:1px;background:var(--border-soft)}.auth-links{align-items:center;text-align:center}.verify-banner{margin-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border:1px solid currentColor;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.badge-ok{color:var(--sage)}.badge-warn{color:var(--amber)}.provider-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.receipt-actions>*{flex:1}.receipt-preview{margin:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-sunken)}.receipt-preview img{display:block;width:100%;max-height:50dvh;object-fit:contain}.item-editor{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.item-editor-row{gap:var(--space-2)}.input-money{flex:1;min-width:5rem;text-align:right}.input-select{width:auto;min-width:5rem}.stepper{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0}.stepper-btn{min-height:2.25rem;width:2.25rem;padding:0;font-size:1.125rem;line-height:1}.stepper-value{min-width:1.75rem;text-align:center;font-weight:600}.bill-total{font-size:1.125rem;padding-inline:var(--space-1)}.share-screen{display:flex;flex-direction:column;gap:var(--space-3);min-height:calc(100dvh - var(--header-height) - var(--space-6))}.share-pinned{flex-shrink:0}.share-scroll{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--space-1)}.share-footer{border-top:1px solid var(--border-soft);padding-top:var(--space-3)}.share-actions{justify-content:space-between}.qr-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3)}.qr-card-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.qr{flex-shrink:0;border-radius:var(--radius-md)}.qr-bg{fill:var(--surface)}.qr-fg{fill:var(--ink)}.qr-share{align-self:flex-start;padding-inline:0;color:var(--accent);font-size:.8125rem}.session-code{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:.08em}.tabs{display:flex;gap:var(--space-2);background:var(--surface-sunken);border-radius:var(--radius-full);padding:var(--space-1)}.tab{flex:1;border:0;background:transparent;border-radius:var(--radius-full);padding:var(--space-2);font-size:.8125rem;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.tab.is-active{background:var(--accent);color:var(--cream)}.person-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.person-name{font-weight:700;overflow-wrap:anywhere}.person-lines{list-style:none;margin:0;padding:0 0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.person-line{display:grid;grid-template-columns:1fr auto 4rem;gap:var(--space-2);font-size:.8125rem;color:var(--ink-soft)}.person-line-name{overflow-wrap:anywhere}.person-line-amount{text-align:right}.person-tip{font-style:italic}.color-picker{display:flex;gap:var(--space-3);align-items:center;border:0;margin:0;padding:0}.color-picker legend{padding:0;margin-bottom:var(--space-2)}.color-swatch{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:2px solid transparent;background:var(--avatar-color, var(--accent));cursor:pointer;padding:0;transition:transform var(--duration-fast) var(--ease-out)}.color-swatch.is-selected{border-color:var(--ink);transform:scale(1.1)}.claim-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-left:3px solid transparent}.claim-row.is-mine{border-left-color:var(--accent);background:color-mix(in oklch,var(--accent) 6%,var(--surface))}.claim-row.is-compact{padding:var(--space-2) var(--space-3);gap:var(--space-1);font-size:.875rem}.claim-name{font-weight:600;overflow-wrap:anywhere}.claim-meta{gap:var(--space-2);flex-wrap:wrap}.divider{border:0;border-top:1px solid var(--border-soft);margin:var(--space-2) 0;width:100%}.total-amount{font-size:1.5rem}.pay-amount{align-items:center;text-align:center}