:root{--ground:#f2f4f3;--surface:#fff;--ink:#15201b;--muted:#56625d;--line:#dde3e0;--divider:#e4e9e6;--input-border:#c9d2cd;--track:#e5eae7;--segment-bg:#e3e8e5;--primary:#1f5a3d;--primary-hover:#17462f;--primary-soft:#dcebe2;--negative:#a84b14;--negative-soft:#f5e4d8;--gutter:16px;--radius-card:20px;--radius-input:12px;--radius-button:16px;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--ground);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Instrument Sans,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--ground);min-height:100%;margin:0}body{font-size:17px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary)}a:hover,a:active{color:var(--primary-hover)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.page-body{padding:8px var(--gutter) 24px;flex-direction:column;flex:1;gap:16px;display:flex}.page-body.has-bottom-bar{padding-bottom:calc(112px + var(--safe-bottom))}.page-header{grid-template-columns:76px 1fr 76px;align-items:center;padding:16px 12px 8px;display:grid}.page-header h1{text-align:center;margin:0;font-size:17px;font-weight:600}.icon-button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:22px;justify-content:center;align-items:center;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.field{flex-direction:column;gap:8px;display:flex}.field label,.field-label{font-size:15px;font-weight:600}.input{border-radius:var(--radius-input);border:1px solid var(--input-border);background:var(--surface);width:100%;height:52px;padding:0 16px;font-size:17px}.btn-primary{border-radius:var(--radius-button);background:var(--primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.btn-primary:hover,.btn-primary:active{background:var(--primary-hover);color:#fff}.btn-primary:disabled{opacity:.6;cursor:default}.btn-text{min-height:44px;color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:600}.btn-text.negative{color:var(--negative)}.bottom-bar{padding:12px var(--gutter) calc(16px + var(--safe-bottom));background:var(--ground);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0}.bottom-bar>*{max-width:calc(480px - 2 * var(--gutter));margin:0 auto}.helper{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.error-text{color:var(--negative);margin:0;font-size:14px;font-weight:600}.form-body{padding-top:8px}.form-body:has(~.form-bottom .btn-text){padding-bottom:calc(160px + var(--safe-bottom))}.amount-card{flex-direction:column;gap:4px;padding:16px 20px 14px;display:flex}.amount-card.invalid{border:2px solid var(--negative);padding:15px 19px 13px}.amount-card label{color:var(--muted);font-size:13px;font-weight:600}.amount-input-row{align-items:baseline;gap:6px;display:flex}.amount-input-row span{color:var(--muted);font-size:40px;font-weight:600}.amount-input-row input{letter-spacing:-.02em;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:44px;font-weight:700}.field-error{margin:-8px 4px 0}.input.invalid{border:2px solid var(--negative)}.label-note{color:var(--muted);font-weight:400}.date-input{appearance:none;align-items:center;display:flex}.date-input::-webkit-date-and-time-value{text-align:left}.select-wrap{color:var(--muted);position:relative}.select-wrap select{appearance:none;color:var(--ink);cursor:pointer;padding-right:44px}.select-wrap select.placeholder{color:var(--muted)}.select-wrap svg{pointer-events:none;position:absolute;top:16px;right:14px}.split{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.split legend{margin-bottom:8px;padding:0}.split-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.chip{border-radius:var(--radius-input);border:1px solid var(--input-border);background:var(--surface);cursor:pointer;height:48px;font-size:16px;font-weight:600}.chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.split-custom{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-input);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.split-custom label{font-size:14px;font-weight:600}.split-custom input{width:100%;accent-color:var(--primary)}.summary{border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;font-size:15px;display:flex}.summary-row{justify-content:space-between;display:flex}.summary-row span{color:var(--muted)}.summary-row strong{font-weight:600}.summary-effect{border-top:1px solid var(--divider);color:var(--primary);padding-top:10px;font-weight:600}.form-bottom>div{flex-direction:column;gap:4px;display:flex}.sheet-backdrop{z-index:10;background:#15201b80;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;padding:24px 20px calc(32px + var(--safe-bottom));background:var(--surface);border-radius:24px 24px 0 0;flex-direction:column;gap:12px;margin:0 auto;display:flex}.sheet h2{margin:0;font-size:20px;font-weight:700}.sheet p{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.sheet-confirm{background:var(--negative);margin-top:8px}.sheet-confirm:hover,.sheet-confirm:active{background:#8f3f10}.sheet-cancel{border-radius:var(--radius-button);border:1px solid var(--input-border);background:var(--surface);cursor:pointer;height:52px;font-size:17px;font-weight:600}.delete-button{justify-content:center;align-items:center;gap:8px;height:48px;font-size:16px;display:flex}.balance{--tone:var(--ink);flex-direction:column;padding:20px;display:flex}.balance-positive{--tone:var(--primary)}.balance-negative{--tone:var(--negative)}.balance-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.balance-headline{margin-top:8px;font-size:17px;font-weight:500}.balance-amount{letter-spacing:-.02em;color:var(--tone);font-size:48px;font-weight:700;line-height:1.1}.gauge{background:var(--track);border-radius:5px;height:10px;margin-top:20px;position:relative}.gauge-fill{background:var(--tone);border-radius:5px;position:absolute;top:0;bottom:0}.gauge-centre{background:var(--ink);width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px;left:50%}.gauge-marker{background:var(--surface);border:4px solid var(--tone);border-radius:10px;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:50%}.gauge-labels{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.balance-next{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;font-size:15px;display:flex}.balance-next span{color:var(--muted)}.expense-list{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.expense-list>li+li{border-top:1px solid var(--divider)}.expense-row{min-height:64px;color:var(--ink);align-items:center;gap:12px;padding:10px 12px 10px 14px;text-decoration:none;display:flex}a.expense-row:hover,a.expense-row:active{color:var(--ink);background:var(--ground)}.avatar{border-radius:18px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.avatar-own{background:var(--primary-soft);color:var(--primary)}.avatar-partner{background:var(--negative-soft);color:var(--negative)}.expense-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.expense-desc{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.expense-meta{color:var(--muted);font-size:13px}.expense-amounts{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.expense-amount{font-size:15px;font-weight:600}.expense-effect{font-size:13px;font-weight:600}.positive{color:var(--primary)}.negative{color:var(--negative)}.expense-chevron{color:#8a9590;flex:none;width:18px;display:flex}.home-header{justify-content:space-between;align-items:center;padding:20px 16px 12px 20px;display:flex}.home-header h1{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:700}.home-subtitle{color:var(--muted);font-size:13px;font-weight:500}.home-settings{background:var(--surface);border:1px solid var(--line)}.home-recent{margin-top:6px}.home-recent-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.home-recent-header h2{margin:0;font-size:17px;font-weight:600}.home-see-all{padding:10px 4px;font-size:15px;font-weight:600;text-decoration:none}.home-empty{padding:16px}.login{padding:96px 24px 40px}.login-brand{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.login-brand h1{letter-spacing:-.02em;margin:0;font-size:34px;font-weight:700}.login-brand p{color:var(--muted);margin:6px 0 0;font-size:17px}.login-form{flex-direction:column;gap:16px;margin-top:48px;display:flex}.login-sent{font-size:15px}.login-code{letter-spacing:.4em;height:60px;font-size:28px;font-weight:600}.pill-button{border:1px solid var(--input-border);background:var(--surface);cursor:pointer;border-radius:20px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.segmented{margin:4px var(--gutter) 8px;background:var(--segment-bg);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented button{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:10px;height:40px;font-size:15px;font-weight:500;overflow:hidden}.segmented button[aria-pressed=true]{background:var(--surface);font-weight:700}.history-body{padding-top:0;padding-bottom:calc(24px + var(--safe-bottom))}.history-month{flex-direction:column;gap:8px;display:flex}.history-month-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:8px 4px 0;display:flex}.history-month-header h2{margin:0;font-size:15px;font-weight:700}.history-month-header span{color:var(--muted);font-size:13px}.history-start{color:var(--muted);border:1px dashed #b7c2bc;border-radius:16px;justify-content:space-between;gap:12px;padding:12px 16px;font-size:14px;display:flex}.history-start strong{font-weight:600}.history-empty{padding:16px}.settings-body{gap:20px}.settings-section{flex-direction:column;gap:8px;display:flex}.settings-section h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 4px;font-size:13px;font-weight:600}.settings-card{border-radius:16px;overflow:hidden}.settings-row{justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;font-size:15px;display:flex}.settings-row+.settings-row{border-top:1px solid var(--divider)}.settings-row span{color:var(--muted)}.settings-row strong{font-weight:600}.settings-action{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;min-height:60px;padding:12px 16px;display:flex}.settings-action svg{width:22px;height:22px;color:var(--primary);flex:none}.settings-action>span{flex-direction:column;flex:1;gap:2px;display:flex}.settings-action strong{font-size:15px;font-weight:600}.settings-action>span>span{color:var(--muted);font-size:13px}.settings-sign-out{border-radius:var(--radius-button);border:1px solid var(--line);background:var(--surface);height:52px;color:var(--negative);cursor:pointer;font-size:16px;font-weight:600}.settings-footer{text-align:center;font-size:13px}