*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #f2f2f2;--text: #2a2a2a;--text-secondary: #555;--text-muted: #888;--text-faint: #aaa;--card-bg: white;--border: #ddd;--border-light: #eee;--input-border: #ccc;--input-bg: white;--heading: #333;--accent: #2d9d5e;--accent-light: rgba(45, 157, 94, .15);--danger: #d94040;--success: #2d9d5e;--tab-inactive: #999;--balance-bg: #edf5f0;--debt-bg: #fef9e7;--debt-color: #d48a1a;--error-bg: #fdecea;--error-text: #c0392b;--success-bg: #e8f5ed;--shadow: rgba(0,0,0,.06);--delete-color: #bbb}@media(prefers-color-scheme:dark){:root{--bg: #161616;--text: #d8d8d8;--text-secondary: #aaa;--text-muted: #777;--text-faint: #555;--card-bg: #1e1e1e;--border: #333;--border-light: #282828;--input-border: #444;--input-bg: #222;--heading: #ddd;--accent: #3dba6f;--accent-light: rgba(61, 186, 111, .15);--danger: #e05050;--success: #3dba6f;--tab-inactive: #666;--balance-bg: #1a2a20;--debt-bg: #2a2518;--debt-color: #e8a838;--error-bg: #301818;--error-text: #f08080;--success-bg: #182a1e;--shadow: rgba(0,0,0,.3);--delete-color: #555}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh}.container{max-width:600px;margin:0 auto;padding:16px 16px 90px}.tabbar{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom));z-index:100}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--tab-inactive);font-size:.7rem;padding:4px 12px;border-radius:8px;transition:color .15s;min-width:64px}.tab.active{color:var(--accent)}.tab svg{width:22px;height:22px}.btn{padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;transition:opacity .2s;-webkit-appearance:none}.btn:active{opacity:.7}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:5px 12px;font-size:.8rem;background:#34495e;color:#fff;border-radius:6px}.auth-page{display:flex;flex-direction:column;align-items:center;margin-top:60px;padding:0 16px}.auth-page h1{margin-bottom:20px;color:var(--heading)}.form-group{margin-bottom:14px;width:100%}.form-group label{display:block;margin-bottom:4px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;-webkit-appearance:none;background:var(--input-bg);color:var(--text)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.auth-form{width:100%;max-width:340px}.auth-link{margin-top:14px;font-size:.9rem;color:#777}.auth-link a{color:var(--accent);text-decoration:none}.error{background:var(--error-bg);color:var(--error-text);padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:.85rem}.card{background:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px var(--shadow)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.page-header h1{font-size:1.3rem;color:var(--heading)}.add-form{display:flex;gap:8px;margin-bottom:12px}.add-form input{flex:1;padding:12px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;-webkit-appearance:none;background:var(--input-bg);color:var(--text)}.add-form input:focus{outline:none;border-color:var(--accent)}.grocery-page{display:flex;flex-direction:column;height:calc(100vh - 68px - env(safe-area-inset-bottom));height:calc(100dvh - 68px - env(safe-area-inset-bottom));margin:-16px -16px 0;padding:0 16px;overflow:hidden}.grocery-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0 12px;flex-shrink:0}.grocery-header h1{font-size:1.3rem;color:var(--heading)}.grocery-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:60px}.grocery-bottom{position:fixed;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--border);z-index:90;display:flex;flex-direction:column}.grocery-input-row{display:flex;gap:8px;padding:10px 16px}.grocery-input-row input{flex:1;padding:12px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;-webkit-appearance:none;background:var(--input-bg);color:var(--text)}.grocery-input-row input:focus{outline:none;border-color:var(--accent)}.grocery-suggestions{max-height:180px;overflow-y:auto;padding:10px 16px 0;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;border-bottom:1px solid var(--border-light)}.suggestion-chip{padding:8px 14px;border-radius:20px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-size:.9rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.suggestion-chip:active{background:var(--accent);color:#fff;border-color:var(--accent)}.grocery-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light);gap:12px}.grocery-item:last-child{border-bottom:none}.grocery-item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid var(--input-border);border-radius:6px;background:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:background .15s,border-color .15s}.grocery-item input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.grocery-item input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.grocery-item .item-name{flex:1;font-size:1rem}.grocery-item .item-name.checked{text-decoration:line-through;color:var(--text-muted)}.grocery-item .item-meta{font-size:.75rem;color:var(--text-faint)}.grocery-item .delete-btn{background:none;border:none;color:var(--delete-color);cursor:pointer;font-size:1.3rem;padding:4px 8px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.grocery-item .delete-btn:active{color:var(--danger)}.expense-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border-light)}.expense-item:last-child{border-bottom:none}.expense-info{flex:1;min-width:0}.expense-desc{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-meta{font-size:.8rem;color:var(--text-muted);margin-top:2px}.expense-amount{font-weight:600;font-size:1.1rem;color:var(--heading);margin:0 10px;flex-shrink:0}.expense-item .delete-btn{background:none;border:none;color:var(--delete-color);cursor:pointer;font-size:1.2rem;padding:4px 8px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.expense-item .delete-btn:active{color:var(--danger)}.expense-hidden{opacity:.45}.hide-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hide-btn:active{color:var(--accent)}.monthly-row{padding:12px 0;border-bottom:1px solid var(--border-light)}.monthly-row:last-child{border-bottom:none}.monthly-header{display:flex;justify-content:space-between;align-items:center}.monthly-label{font-weight:600;color:var(--heading)}.monthly-total{font-weight:700;font-size:1.1rem;color:var(--heading)}.monthly-users{display:flex;gap:16px;margin-top:4px;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap}.balance-total{text-align:center;padding:16px;background:var(--balance-bg);border-radius:10px;margin-bottom:12px}.balance-total .amount{font-size:1.8rem;font-weight:700;color:var(--heading)}.balance-total .label{font-size:.85rem;color:var(--text-muted)}.balance-user{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light)}.balance-user:last-child{border-bottom:none}.balance-net{font-weight:600;font-size:1rem}.balance-net.positive{color:var(--success)}.balance-net.negative{color:var(--danger)}.debt-item{background:var(--debt-bg);padding:12px 16px;border-radius:10px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}.debt-arrow{font-weight:600;color:var(--debt-color)}.settle-section{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.empty-state{text-align:center;padding:32px 16px;color:var(--text-muted)}.avatar-section{cursor:pointer;display:inline-block}.avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--border)}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;margin:0 auto}.avatar-sm{width:32px;height:32px;border-radius:50%;object-fit:cover}.avatar-placeholder-sm{background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.avatar-xs{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-placeholder-xs{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;flex-shrink:0}.user-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light)}.user-row:last-child{border-bottom:none}.user-row .delete-btn{background:none;border:none;color:var(--delete-color);cursor:pointer;font-size:1.2rem;padding:4px 8px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.user-row .delete-btn:active{color:var(--danger)}.success-msg{background:var(--success-bg);color:var(--success);padding:10px 14px;border-radius:8px;font-size:.85rem}.sort-toggle-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s}.sort-toggle-btn:active{color:var(--accent)}.checkout-btn{padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{background:var(--card-bg);border-radius:14px;padding:24px;width:100%;max-width:360px;box-shadow:0 8px 32px #0000004d}.modal-card h3{margin:0 0 16px;color:var(--heading)}.modal-card form{display:flex;flex-direction:column;gap:12px}.modal-card input{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;-webkit-appearance:none;background:var(--input-bg);color:var(--text);box-sizing:border-box}.modal-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.modal-actions .btn{background:var(--card-bg);border:1px solid var(--border);color:var(--text)}.modal-actions .btn-primary{background:var(--accent);border:none;color:#fff}.payer-select label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;display:block}.payer-options{display:flex;gap:8px;flex-wrap:wrap}.payer-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--input-bg);color:var(--text);font-size:.9rem;cursor:pointer;transition:border-color .15s,background .15s}.payer-chip.active{border-color:var(--accent);background:var(--accent-light);font-weight:600}