:root{--brand: #0f766e;--brand-strong: #115e59;--brand-soft: #ccfbf1;--on-brand: #ffffff;--bg: #f4f6f5;--surface: #ffffff;--surface-2: #f0f3f2;--text: #17201e;--muted: #5d6b68;--border: #dde3e1;--pos: #047857;--neg: #c2410c;--danger: #b91c1c;--shadow: 0 1px 2px rgb(0 0 0 / .05), 0 4px 16px rgb(0 0 0 / .05);--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--brand: #14b8a6;--brand-strong: #0d9488;--brand-soft: #134e4a;--on-brand: #04201d;--bg: #0e1312;--surface: #171e1d;--surface-2: #1f2827;--text: #e7eeec;--muted: #93a29f;--border: #2b3533;--pos: #34d399;--neg: #fb923c;--danger: #f87171;--shadow: 0 1px 2px rgb(0 0 0 / .4);color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}h1,h2,h3{margin:0;line-height:1.2}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input,select{width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}input:focus,select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:6px;font-size:15px}input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--brand);flex:none}.muted{color:var(--muted)}.center{text-align:center}.nowrap{white-space:nowrap}.pos{color:var(--pos)}.neg{color:var(--neg)}.grow{flex:1;min-width:0}.spacer{flex:1}.stack{display:grid;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-weight:600;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.primary:hover:not(:disabled){background:var(--brand-strong)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{background:transparent;border-color:transparent}.btn.small{min-height:34px;padding:0 12px;font-size:14px}.btn.block{width:100%}.btn.on-brand{background:#ffffff29;border-color:transparent;color:inherit}.danger-text{color:var(--danger)}.icon-btn{width:40px;height:40px;border:0;border-radius:10px;background:transparent;font-size:20px;display:inline-grid;place-items:center;flex:none}.icon-btn:hover{background:var(--surface-2)}.icon-btn.on-brand{font-size:28px;color:inherit}.icon-btn.on-brand:hover{background:#ffffff29}.link-btn{border:0;background:none;color:var(--brand);font-weight:600;padding:4px 0;justify-self:start}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card.flush{padding:0;overflow:hidden}.card.narrow{max-width:420px;display:grid;gap:12px;text-align:center}.card-title{font-size:17px;margin-bottom:8px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.card-head .card-title{margin:0}.list{list-style:none;margin:0;padding:0;display:grid}.list-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;border:0;background:none;text-align:left;text-decoration:none;color:inherit}.list>li+li>.list-row,.list>li.list-row+li.list-row{border-top:1px solid var(--border)}.card.flush .list-row{padding:12px 16px}.link-row:hover,.expense-row:hover,.pick-row:hover{background:var(--surface-2)}.pick-row{padding:10px 8px;border-radius:10px}.pick-row.selected{background:var(--brand-soft)}.row-main{flex:1;min-width:0;display:grid}.row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-amount{text-align:right;font-weight:600;display:grid;font-variant-numeric:tabular-nums;white-space:nowrap}.row-amount small{font-size:12px;font-weight:500}.row-amount.muted small{color:var(--muted)}.amount-strong{font-size:17px;font-weight:700;color:var(--text)}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;font-weight:700;background:hsl(var(--hue) 70% 88%);color:hsl(var(--hue) 60% 26%)}@media(prefers-color-scheme:dark){.avatar{background:hsl(var(--hue) 40% 28%);color:hsl(var(--hue) 80% 88%)}}.form{display:grid;gap:14px}.field{display:grid;gap:6px;border:0;margin:0;padding:0;min-width:0}.field>span,.field>legend{font-size:14px;font-weight:600;color:var(--muted);padding:0}.field>legend{margin-bottom:6px}fieldset.field>input+input{margin-top:2px}.hint{font-size:13px;color:var(--muted);margin:0}.inline{display:flex;gap:8px;align-items:center}.inline input{flex:1;min-width:0}.row-2{display:flex;gap:12px;align-items:end}.row-2>.field:not(.grow){flex:0 0 auto;width:38%;max-width:170px}.arrow{padding-bottom:10px;color:var(--muted);font-size:20px}.amount-input{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.rate-box{background:var(--surface-2);border-radius:12px;padding:12px}.rate-box input{max-width:130px}.error-note{margin:0;padding:10px 12px;border-radius:10px;font-size:14px;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:14px;min-height:36px}.chip.active{background:var(--brand-soft);border-color:var(--brand);font-weight:600}.segmented{display:flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:3px}.segmented button{flex:1;border:0;background:none;border-radius:8px;padding:8px 4px;font-size:14px;font-weight:600;color:var(--muted)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.split-list{list-style:none;margin:0;padding:0;display:grid}.split-row{display:flex;align-items:center;gap:10px;padding:6px 0;min-height:50px}.split-row+.split-row{border-top:1px solid var(--border)}.split-check{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer}.split-input{width:96px;flex:none;text-align:right}.split-preview{width:84px;text-align:right;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.home{max-width:560px;margin:0 auto;padding:24px 16px 48px;display:grid;gap:16px}.hero{text-align:center;padding:24px 0 8px}.hero-mark{font-size:48px}.hero h1{font-size:30px;margin:8px 0}.hero p{color:var(--muted);margin:0 auto;max-width:420px}.center-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.trip-header{background:linear-gradient(160deg,var(--brand),var(--brand-strong));color:var(--on-brand);padding:8px 16px 0;padding-top:max(8px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));position:sticky;top:0;z-index:5}.trip-header-top,.trip-stats,.tabs{max-width:720px;margin:0 auto}.trip-header-top{display:flex;align-items:center;gap:8px}.trip-header h1{flex:1;font-size:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-stats{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 12px;flex-wrap:wrap}.trip-stats>div{display:grid}.trip-stats strong{font-size:24px;font-variant-numeric:tabular-nums}.stat-label{font-size:13px;opacity:.85}.me-chip{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#ffffff2e;color:inherit;padding:6px 12px 6px 6px;font-weight:600;font-size:14px;min-height:36px}.me-chip>span:only-child{padding-left:6px}.tabs{display:flex}.tabs button{flex:1;border:0;background:none;color:inherit;opacity:.75;padding:12px 4px;font-weight:600;border-bottom:3px solid transparent}.tabs button.active{opacity:1;border-bottom-color:currentColor}.trip-body{max-width:720px;margin:0 auto;padding:16px 16px 120px}.banner.syncing{background:var(--brand-soft);color:var(--text)}.banner{background:color-mix(in srgb,var(--neg) 14%,transparent);color:var(--neg);padding:8px 12px;border-radius:10px;margin:0 0 12px;font-size:14px}.filters{display:flex;gap:8px;margin-bottom:12px}.filters select{width:auto;max-width:45%}.day{margin-bottom:16px}.day-title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 4px 8px}.cat-icon{width:40px;height:40px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;font-size:20px;flex:none}.expense-row.payment .cat-icon{background:var(--brand-soft)}.empty{text-align:center;padding:48px 16px;display:grid;gap:10px;justify-items:center}.empty-icon{font-size:52px}.empty p{margin:0;max-width:320px}.fab{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:6;display:inline-flex;align-items:center;gap:6px;min-height:52px;padding:0 20px;border:0;border-radius:999px;background:var(--brand);color:var(--on-brand);font-weight:700;font-size:16px;box-shadow:0 6px 20px color-mix(in srgb,var(--brand) 45%,transparent)}.fab span{font-size:20px}@media(min-width:760px){.fab{right:calc(50% - 344px)}}.settled{font-size:17px;margin:8px 0}.transfer.mine{background:color-mix(in srgb,var(--brand-soft) 50%,transparent);border-radius:10px;padding-left:8px;padding-right:8px}.balance-row{padding:12px 0;display:grid;gap:6px}.balance-row+.balance-row{border-top:1px solid var(--border)}.balance-top{display:flex;align-items:center;gap:12px}.balance-detail{font-size:13px}.bar{height:6px;background:var(--surface-2);border-radius:3px;position:relative;overflow:hidden}.bar span{position:absolute;top:0;bottom:0;border-radius:3px}.bar-pos{left:50%;background:var(--pos)}.bar-neg{right:50%;background:var(--neg)}.cat-row{display:flex;align-items:center;gap:10px;padding:8px 0}.cat-bar{flex:1.2;height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.cat-bar span{display:block;height:100%;background:var(--brand);border-radius:4px}.cat-row .row-main{flex:1}.small-print{font-size:13px;margin:8px 0 0}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.import-text{width:100%;min-height:140px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.import-preview{display:grid;gap:8px}.import-preview p{margin:0}.error-note ul{margin:4px 0 0;padding-left:18px}.import-list{max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:0 12px}.person-row{padding-right:4px}.person-row:hover{background:var(--surface-2)}.chev{color:var(--muted);font-size:14px}.person.open{background:var(--surface-2);border-radius:12px;margin:4px -8px;padding:0 8px}.list>li.person+li.person>.list-row{border-top:1px solid var(--border)}.list>li.person.open>.list-row,.list>li.person.open+li.person>.list-row{border-top-color:transparent}.person-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 12px 52px;align-items:center}.person-actions input,.person-actions select{flex:1 1 160px;min-height:36px;padding:6px 10px}.person-actions .full{flex-basis:100%;margin:0;font-size:14px}.notice{margin:8px 0 0;padding:10px 12px;border-radius:10px;font-size:14px;background:var(--brand-soft);overflow-wrap:anywhere}.meta-line{margin:-4px 0 0;font-size:13px;color:var(--muted)}.general-link summary{cursor:pointer;font-weight:600;color:var(--brand);padding:4px 0}.general-link[open]{display:grid;gap:8px}.map-row{display:flex;align-items:center;gap:8px}.map-name{font-weight:600;min-width:0;flex:0 1 35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-row select{flex:1;min-height:38px;padding:6px 10px}@media(max-width:380px){.person-actions{padding-left:0}}.remove-box{display:grid;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.remove-box p{margin:0;font-size:14px}.preview-list{margin:0;padding-left:18px;font-size:13px;color:var(--muted);display:grid;gap:2px}.preview-list .neg{color:var(--neg)}.inline-link{display:inline;padding:0;font-size:inherit}.badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;background:var(--brand-soft);color:var(--text);vertical-align:2px}.verified{font-weight:800;margin-left:-4px}img.avatar{object-fit:cover;background:var(--surface-2)}.google-signin{display:grid;gap:10px;justify-items:center}.google-button{min-height:44px;width:100%;display:flex;justify-content:center}.google-signin .inline{width:100%}.fab-row{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:6;display:flex;gap:10px}.fab-row .fab{position:static}.fab.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}@media(min-width:760px){.fab-row{right:calc(50% - 344px)}}.receipt-row{display:flex;align-items:center;gap:10px}.receipt-thumb{width:52px;height:52px;padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;flex:none;background:var(--surface-2)}.receipt-thumb img{width:100%;height:100%;object-fit:cover;display:block}.receipt-items{font-size:14px;background:var(--surface-2);border-radius:10px;padding:8px 12px}.receipt-items summary{cursor:pointer;font-weight:600}.receipt-items ul{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px}.receipt-items li{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000e6;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px 16px}.lightbox img{max-width:100%;max-height:90vh;max-height:90dvh;object-fit:contain;border-radius:8px}.lightbox .icon-btn{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;color:#fff;background:#ffffff26;border-radius:50%}.scan-preview{position:relative;border-radius:12px;overflow:hidden;background:var(--surface-2);max-height:50vh;display:grid;place-items:center}.scan-preview img{max-width:100%;max-height:50vh;object-fit:contain;display:block}.scan-bar{position:absolute;left:0;right:0;height:3px;background:var(--brand);box-shadow:0 0 12px var(--brand);animation:scan 1.6s ease-in-out infinite alternate}@keyframes scan{0%{top:4%}to{top:94%}}@media(prefers-reduced-motion:reduce){.scan-bar{animation:none;top:50%}}.items-editor{display:grid;gap:8px}.item-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.item-line{border:1px solid var(--border);border-radius:12px;padding:8px;display:grid;gap:6px;background:var(--surface)}.item-line.missing{border-color:var(--neg)}.item-top{display:flex;gap:6px;align-items:center}.item-top input{min-height:38px;padding:6px 10px}.item-top .item-amount{width:96px;flex:none;text-align:right;font-variant-numeric:tabular-nums}.icon-btn.small-x{width:32px;height:32px;font-size:14px;color:var(--muted)}.item-people{display:flex;flex-wrap:wrap;gap:6px}.chip.mini{min-height:30px;padding:3px 10px;font-size:13px}.segmented button{white-space:nowrap}.pay-editor{display:grid;gap:8px}.pay-edit-row{display:flex;gap:6px;align-items:center}.pay-edit-row select{flex:0 0 38%;min-height:38px;padding:6px 8px}.pay-edit-row input{flex:1;min-height:38px;padding:6px 10px}.settle-amount{display:flex;align-items:center;gap:14px}.settle-amount>div{display:grid}.settle-amount strong{font-size:28px;font-variant-numeric:tabular-nums}.pay-row{flex-wrap:wrap}.pay-row .row-main{min-width:140px}a.btn{text-decoration:none}.tabs button{position:relative}.tab-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:9px;background:#fff;color:var(--brand-strong);font-size:11px;font-weight:800;vertical-align:1px}.activity-row{align-items:flex-start}.activity-text{white-space:normal;line-height:1.35}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:none;margin-top:8px}.cat-icon.small{width:32px;height:32px;font-size:16px;border-radius:50%}.comments{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:12px}.comments-title{font-size:15px}.comment-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.comment{display:flex;gap:10px;align-items:flex-start}.comment-body{flex:1;min-width:0;background:var(--surface-2);border-radius:12px;padding:8px 12px}.comment-body p{margin:2px 0 0;overflow-wrap:anywhere}.comment-head{font-size:13px;display:flex;align-items:center;gap:2px;flex-wrap:wrap}.comment-delete{margin-left:auto;font-size:12px;padding:0;color:var(--muted)}@media(max-width:380px){.tabs button{font-size:14px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--surface);width:100%;max-width:560px;max-height:calc(100vh - 56px);max-height:calc(100dvh - max(env(safe-area-inset-top),20px) - 24px);border-radius:18px 18px 0 0;display:flex;flex-direction:column;animation:rise .18s ease-out}@media(min-width:640px){.modal-backdrop{align-items:center;padding:16px}.modal{border-radius:18px;max-height:min(90vh,calc(100dvh - 32px))}}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 4px 20px}.modal-header .icon-btn{width:44px;height:44px;background:var(--surface-2);border-radius:50%;font-size:18px}.modal-header h2{font-size:19px}.modal-body{padding:8px 20px 16px;overflow-y:auto;display:grid;gap:12px}.modal-body>p{margin:0}.modal-footer{display:flex;gap:8px;padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border)}.modal-footer .btn.primary{min-width:120px}@media(max-width:380px){.row-2{flex-wrap:wrap}.row-2>.field:not(.grow){width:100%;max-width:none}.split-preview{width:64px}.split-input{width:76px}}