:root{--color-bg: #f6f8f7;--color-surface: #ffffff;--color-surface-alt: #eef2f0;--color-border: #dbe3df;--color-text: #16211c;--color-text-muted: #5b6b63;--color-primary: #0f766e;--color-primary-hover: #0b5c56;--color-primary-contrast: #ffffff;--color-danger: #b3261e;--color-danger-bg: #fbeceb;--color-info-bg: #e7f2f1;--color-success: #1a7f5a;--color-focus: #0f766e;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-h1: 1.375rem;--font-size-h2: 1.125rem;--font-size-h3: 1rem;--touch-target: 44px;--transition-fast: .15s ease;color-scheme:light}@media(prefers-color-scheme:dark){:root{--color-bg: #101512;--color-surface: #171e1a;--color-surface-alt: #1e2622;--color-border: #2b3630;--color-text: #eaf1ed;--color-text-muted: #9db0a7;--color-primary: #2dd4bf;--color-primary-hover: #5eead4;--color-primary-contrast: #08110e;--color-danger: #ff8a80;--color-danger-bg: #3a1f1d;--color-info-bg: #16302c;--color-success: #4ade80;--color-focus: #2dd4bf;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--font-size-body);line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 var(--space-2);line-height:1.25}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{margin:0 0 var(--space-2)}a{color:var(--color-primary)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.muted{color:var(--color-text-muted)}.small{font-size:var(--font-size-small)}.page-center{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.app-header-left h1{font-size:var(--font-size-h2);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-back{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);text-decoration:none;font-size:1.25rem;flex-shrink:0}.app-header-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.header-email{display:none}.app-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--space-4);padding-bottom:var(--space-6)}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.auth-card{width:100%;max-width:400px}.auth-links{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--font-size-small)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted)}.input{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);font-size:16px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--color-primary)}.input-money{font-variant-numeric:tabular-nums}.checkbox-field{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);font-size:var(--font-size-small)}.checkbox-field input{width:20px;height:20px}.checkbox-field.small{min-height:auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-small{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}.link-button{background:none;border:none;padding:0;color:var(--color-primary);font-weight:600;text-decoration:underline;cursor:pointer}.banner{padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-small);margin-bottom:var(--space-3)}.banner-error{background:var(--color-danger-bg);color:var(--color-danger)}.banner-info{background:var(--color-info-bg);color:var(--color-text)}.empty-state{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-small)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--color-info-bg);color:var(--color-primary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;vertical-align:middle}.item-list,.bill-list,.history-list,.summary-accounts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.item-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.item-row:last-child{border-bottom:none}.history-row,.summary-account-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.history-row:last-child,.summary-account-row:last-child{border-bottom:none}.summary-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.summary-row-highlight{border-top:1px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3);font-size:1.1rem}.invite-code{margin-top:var(--space-3);font-size:1.1rem}.tabbar{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch}.tab{flex-shrink:0;min-height:var(--touch-target);padding:0 var(--space-4);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-weight:600;cursor:pointer}.tab-active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.presence-bar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);display:inline-block}.status-dot-open{background:var(--color-success)}.status-dot-connecting{background:#d9a441}.step-progress{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch}.step-dot{flex-shrink:0;min-height:36px;padding:0 var(--space-3);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:600;cursor:pointer}.step-dot-active{border-color:var(--color-primary);color:var(--color-primary)}.step-dot-done{color:var(--color-success)}.bill-item{display:grid;grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.bill-item:last-child{border-bottom:none}.bill-item-name{font-weight:600}.bill-item-paid .bill-item-name{text-decoration:line-through;color:var(--color-text-muted)}.split-note{margin-top:var(--space-1)}.amount-button{background:none;border:none;padding:0;font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;color:var(--color-text);min-height:var(--touch-target);text-align:left}.bill-item-actions{display:flex;gap:var(--space-2)}.bill-item-required{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-small)}.wizard-nav{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(min-width:600px){.app-main{padding:var(--space-5)}.header-email{display:inline}.bill-item{grid-template-columns:1.6fr 1fr auto auto;align-items:center}.bill-item-required{flex-direction:column;align-items:flex-end;gap:0}}@media(min-width:900px){.app-main{max-width:840px}}