@font-face{font-family:LocalSans;src:local('Avenir Next'),local('Avenir'),local('Segoe UI');font-display:swap}
:root{font-family:LocalSans,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#293a2f;background:#f6f5f0;font-synthesis:none;--green:#245d45;--muted:#7b8277;--line:#e6e7de;--paper:#fffefa;--soft:#eef1e7}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button{color:inherit}button:disabled{cursor:wait;opacity:.55}input,select{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a9bf77;outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin:0}.icon{flex-shrink:0;vertical-align:middle}input[type=radio],input[type=checkbox]{accent-color:var(--green)}
.topbar{max-width:1200px;margin:auto;padding:30px 46px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,'Times New Roman',serif;font-size:41px;font-weight:bold;letter-spacing:-2.7px;text-decoration:none;display:flex;align-items:center}.brand>span:first-child{color:#82a169}.brand-note{font-family:LocalSans,-apple-system,sans-serif;font-size:11px;font-weight:400;letter-spacing:.2px;border-left:1px solid #d3d7ca;margin-left:23px;padding-left:22px;color:var(--muted)}.header-right{display:flex;gap:24px;align-items:center}.group-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#687461}.status-dot{width:6px;height:6px;background:#799165;border-radius:50%;display:inline-block;flex-shrink:0}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:13px;font-weight:600;border-radius:50%;flex-shrink:0;color:#526848;background:#e5ebd9}.avatar-1{background:#eee2d4;color:#96734f}.avatar-2{background:#e1e6ee;color:#637a91}.avatar-stack{display:flex;padding-left:7px}.avatar-stack .avatar{margin-left:-7px;border:3px solid #f6f5f0;width:36px;height:36px;font-size:11px}.main{max-width:1200px;margin:0 auto;padding:0 46px}.hero{display:flex;align-items:center;justify-content:space-between;padding:41px 0 37px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#78816d;line-height:1.5}.eyebrow>span{margin:0 9px;color:#a6ae99}h1{font-family:Georgia,'Times New Roman',serif;font-size:56px;line-height:1.08;letter-spacing:-2px;font-weight:400;margin:17px 0 13px}h1 em{font-style:italic;color:var(--green)}.hero-description{font-size:13px;color:#7c8276;line-height:1.7}.hero-note{display:flex;align-items:center;gap:9px;margin-right:27px;transform:rotate(-3deg)}.receipt-art{width:174px;height:147px}.hero-note>span{font-family:Georgia,'Times New Roman',serif;color:#8b927e;font-style:italic;line-height:1.6;font-size:15px;transform:rotate(2deg)}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:30px;align-items:start}.overview{min-width:0}.balances-section{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 20px}.heading-with-icon{display:flex;align-items:center;gap:10px}.section-symbol{color:#697d58;display:flex}.section-symbol .icon{width:19px}h2{font-size:16px;letter-spacing:-.45px;font-weight:600}.icon-button{display:flex;justify-content:center;align-items:center;border-radius:50%;width:32px;height:32px;color:#939a8c}.icon-button:hover{background:var(--soft);color:var(--green)}.icon-button .icon{width:17px;height:17px}.debt-list{padding:0 23px}.debt-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.debt-people{display:flex;align-items:center;gap:13px}.debt-people .avatar{width:39px;height:39px}.debt-people strong{display:block;font-weight:600;font-size:13px}.debt-people div>span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.debt-amount{text-align:right;font-size:21px;white-space:nowrap;letter-spacing:-.6px;font-weight:500}.currency{font-size:.57em;font-weight:400;letter-spacing:0;color:#818977;margin-left:3px}.settle-button{display:flex;align-items:center;gap:5px;margin:6px 0 0 auto;padding:2px 0;font-size:9px;color:var(--green);font-weight:500;letter-spacing:0;min-height:23px}.settle-button .icon{width:12px;height:12px}.settle-button:hover{text-decoration:underline}.balance-explanation{display:flex;align-items:center;gap:7px;margin:0 23px;padding:15px 0 18px;border-top:1px solid var(--line);color:#89917e;font-size:10px}.balance-explanation .icon{width:13px;height:13px}.person-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 10px;background:#eef1e7;border-top:1px solid #e5e9dc}.person-balance{text-align:center;border-right:1px solid #dbe1d1}.person-balance:last-child{border:0}.person-balance>span{display:block;font-size:10px;color:#7b8370}.person-balance strong{display:block;font-size:20px;font-weight:500;margin:8px 0 3px;letter-spacing:-.7px}.person-balance strong.positive{color:#3d754f}.person-balance small{color:#89917e;font-size:9px}.history-section{margin-top:29px}.history-heading{padding:0 1px 17px;align-items:flex-start}.history-heading p{font-size:10px;margin-top:6px}.muted{color:var(--muted)}.count-badge{border:1px solid #dde1d3;border-radius:6px;font-size:10px;min-width:25px;padding:3px 6px;text-align:center;color:#828c76}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px}.tab{font-size:10px;padding:8px 12px;border-radius:6px;color:#7e8677;min-height:32px}.tab.active{background:#e8eddf;color:#3e5c38;font-weight:500}.tab:hover{background:#eceee5}.history-row{display:flex;align-items:center;gap:12px;padding:20px 1px;border-bottom:1px solid var(--line)}.history-icon{display:flex;justify-content:center;align-items:center;width:39px;height:39px;border:1px solid #e0e5d7;border-radius:11px;color:#7b8d65;background:#eef0e6;flex-shrink:0}.history-icon .icon{width:18px;height:18px}.history-row:nth-child(2n) .history-icon{background:#e8edf0;color:#8097a1;border-color:#e0e7e9}.history-row .history-icon.payment-icon{background:#e8eee0;color:#54764e}.history-details{flex:1;min-width:0}.history-details h3{font-size:12px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.history-details p{font-size:9px;color:#87907e;margin-top:5px;line-height:1.6}.history-amount{text-align:right;white-space:nowrap}.history-amount strong{font-size:15px;letter-spacing:-.3px;font-weight:500}.history-amount time{display:block;font-size:9px;color:#929988;margin-top:5px}.expense-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px}.form-heading{display:flex;align-items:center;gap:12px;margin-bottom:25px}.form-heading p{font-size:10px;color:#8a9181;margin-top:5px}.form-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#e9eedf;color:var(--green);border-radius:12px}.field-label,legend{font-size:11px;font-weight:500;display:block;margin-bottom:9px}input:not([type=checkbox]):not([type=radio]),select{width:100%;border:1px solid #dde2d5;background:#fcfcf8;border-radius:7px;padding:12px;color:#3c4b36;font-size:12px;outline-offset:2px;height:44px}input::placeholder{color:#a6ac9d}input:focus,select:focus{border-color:#96ad7d}fieldset{border:0;padding:0;margin:23px 0 0;min-width:0}legend{padding:0}.quick-reasons{display:flex;gap:7px;margin:10px 0 23px}.quick-reasons button{display:flex;align-items:center;gap:4px;border:1px solid #e7e8df;border-radius:5px;font-size:9px;padding:5px 8px;min-height:28px;color:#7e8774}.quick-reasons button:hover{background:#edf1e5;border-color:#bac8aa}.quick-reasons .icon{width:12px;height:12px}.amount-input{position:relative}.amount-input input:not([type=checkbox]):not([type=radio]){height:63px;font-size:30px;letter-spacing:-1px;padding:12px 47px 12px 14px;font-weight:400}.amount-input>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:13px;color:#8c9680}.person-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.person-choice{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border:1px solid #e4e7dc;border-radius:7px;padding:10px 3px;gap:5px;min-height:41px;transition:background .15s,border-color .15s}.person-choice>input{position:absolute;opacity:0;width:1px;height:1px}.person-choice>span:last-child{font-size:9px}.person-choice:has(input:checked){background:#f0f3e9;border-color:#a8b898;color:#3d5f32}.person-choice:has(input:focus-visible){outline:3px solid #a9bf77;outline-offset:3px}.person-choice .avatar{width:21px;height:21px;font-size:8px}.share-options .person-choice{padding:9px 3px}.checkbox-visual{width:12px;height:12px;border:1px solid #cbd2bf;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff}.checkbox-visual .icon{width:10px;height:10px;opacity:0;stroke-width:2.5}.person-choice:has(input:checked) .checkbox-visual{color:#fff;background:#698357;border-color:#698357}.person-choice:has(input:checked) .checkbox-visual .icon{opacity:1}.split-preview{display:flex;gap:5px;align-items:center;min-height:39px;padding:8px 3px;font-size:9px;line-height:1.7;color:#879276;flex-wrap:wrap}.split-preview .icon{width:12px;height:12px}.split-preview>span{margin:0 2px}.date-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 18px}.date-field label{display:flex;gap:7px;align-items:center;font-size:10px;color:#7d8872}.date-field .icon{width:14px;height:14px}.date-field input[type=date]{width:auto;height:31px;padding:5px 8px;font-size:10px;border-color:#e8eadf;background:transparent}.button{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:13px 20px;border-radius:7px;font-size:12px;min-height:45px;font-weight:500}.button.primary{background:var(--green);color:#fffefa;box-shadow:0 2px 3px #245d4512}.button.primary:hover{background:#194f38}.button .icon{width:16px;height:16px}.submit-expense{width:100%}.form-error{color:#ac5140;font-size:11px;line-height:1.6}.form-error:not(:empty){padding:0 0 14px}.sharing-note{display:flex;align-items:flex-start;gap:10px;margin:21px 13px 0;color:#96a084}.sharing-note>.icon{width:14px;height:14px;margin-top:2px}.sharing-note strong{font-size:10px;color:#7d896f;font-weight:500}.sharing-note p{font-size:9px;line-height:1.8;margin-top:5px;max-width:250px}.sharing-note button{font-size:10px;padding:8px 0 3px;color:#5e7950}.sharing-note button>span{margin-left:4px}.connection-line{display:flex;align-items:center;gap:7px;font-size:9px;color:#8a9580;padding:32px 0}.connection-line .status-dot{width:5px;height:5px}.connection-line>span:last-child{margin-left:auto;color:#9a9f91}.footer{max-width:1200px;margin:7px auto 0;padding:22px 46px 26px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:10px;color:#8b9481}.footer>span:first-child{font-family:Georgia,serif;font-size:20px;font-weight:600;letter-spacing:-.8px;color:#74836b}.footer-note{font-family:LocalSans,-apple-system,sans-serif;font-size:9px;letter-spacing:0;font-weight:400;margin-left:12px;color:#9ba38e}.footer>span:last-child{font-size:9px}.footer-flower{font-size:21px;vertical-align:middle;margin-left:16px;color:#8f9a79}.demo-bar{background:#e9eddf;border-bottom:1px solid #dce2d1;padding:9px 32px;display:flex;align-items:center;justify-content:center;gap:32px;font-size:10px;color:#6b7b58;line-height:1.5}.demo-bar>span{display:flex;gap:7px;align-items:center}.demo-bar .icon{width:12px;height:12px}.demo-bar>div{display:flex;gap:18px;align-items:center}.demo-bar a,.demo-bar button{font-size:10px;padding:0;color:#516946;white-space:nowrap}.demo-bar a{display:flex;gap:5px;align-items:center;text-decoration:none}.demo-bar a:hover,.demo-bar button:hover{text-decoration:underline}.loading-state,.settled-state,.error-state{padding:30px 23px 36px;text-align:center;min-height:191px;color:#7c8872;font-size:12px}.loading-state{display:flex;justify-content:center;align-items:center;gap:10px}.loader{width:17px;height:17px;border:2px solid #dce4d2;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.settled-icon{display:inline-flex;align-items:center;justify-content:center;background:#edf2e3;color:#66864e;border-radius:50%;width:53px;height:53px;margin-bottom:13px}.settled-state h3{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#3e6241}.settled-state p{font-size:11px;margin-top:9px;line-height:1.8}.error-state>svg{margin-bottom:10px}.error-state p{font-size:12px;line-height:1.7;color:#9c6753}.text-button{display:inline-flex;align-items:center;gap:6px;margin-top:15px;color:var(--green);font-size:11px;text-decoration:underline}.text-button .icon{width:13px;height:13px}.history-empty{text-align:center;padding:32px 16px;color:#929b87;font-size:11px;line-height:1.8}.history-empty>.icon{width:24px;height:24px;margin-bottom:10px}.spinning .icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
dialog{border:1px solid #e0e4d8;background:#fffefa;color:#293a2f;border-radius:18px;padding:27px;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-shadow:0 20px 90px #1d392c25;overflow:auto}dialog::backdrop{background:#26342955;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}dialog h2{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.8px}dialog>p.muted{font-size:12px;margin:9px 0 24px;line-height:1.6}dialog .field-label{margin-top:20px}dialog select{font-size:12px}dialog .repayment-hint{font-size:10px;line-height:1.8;color:#8a947c;margin-top:10px}dialog .date-field{margin-top:22px}dialog .button{width:100%;margin-top:10px}.dialog-footnote{text-align:center;font-size:9px;line-height:1.7;color:#969e8b;margin-top:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);border:1px solid #d9e1ce;box-shadow:0 7px 40px #263c2520;background:#fffefa;padding:15px 22px;border-radius:10px;font-size:12px;line-height:1.7;color:#3e6241;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);width:max-content;text-align:center}#toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.welcome{max-width:680px;margin:0 auto;text-align:center;padding:75px 24px 65px}.welcome h1{font-size:68px}.welcome>p{font-size:14px;line-height:1.9;color:#7d8972;margin-top:20px}.welcome-people{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:30px 0 35px}.welcome-people>span{display:flex;gap:7px;align-items:center;font-size:11px;color:#728363}.welcome-people .avatar{width:28px;height:28px;font-size:10px}.welcome-card{max-width:390px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:26px 30px}.welcome-card>.icon{color:#85986b;width:24px;height:24px;margin-bottom:14px}.welcome-card>p{font-size:12px;color:#89937d;line-height:1.9;margin:12px 0 21px}.welcome-card small{display:block;font-size:9px;color:#9ba38e;line-height:1.7;margin-top:14px}
@media(min-width:1400px){.topbar,.main,.footer{max-width:1250px}.hero{padding-top:48px;padding-bottom:44px}.workspace{gap:38px}.expense-card{padding:28px}.debt-row{padding-top:23px;padding-bottom:23px}.person-choice>span:last-child{font-size:10px}.hero h1{font-size:61px}.history-row{padding-top:23px;padding-bottom:23px}}
@media(max-width:950px){.main{padding:0 28px}.topbar{padding:22px 28px}.workspace{gap:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.expense-card{padding:20px 16px}.hero-note{margin-right:0}.receipt-art{width:130px}.hero-note>span{display:none}.hero h1{font-size:49px}.debt-list{padding:0 18px}.section-heading{padding-left:18px;padding-right:18px}.debt-amount{font-size:19px}.debt-people{gap:9px}.person-choice>span:last-child{font-size:8px}.person-choice .avatar{display:none}.share-options .checkbox-visual{width:10px;height:10px}.balance-explanation{font-size:9px;margin:0 18px}.footer{padding-left:28px;padding-right:28px}.history-details p{font-size:8px}.history-amount strong{font-size:13px}.brand-note{display:none}}
@media(max-width:700px){.topbar{padding:20px 22px}.brand{font-size:37px}.header-right{gap:13px}.group-status{font-size:10px}.avatar-stack .avatar{width:30px;height:30px;font-size:9px}.main{padding:0 22px}.hero{padding:31px 0 29px}.eyebrow{font-size:8px;letter-spacing:1.1px}.eyebrow>span{margin:0 5px}.hero h1{font-size:43px;letter-spacing:-1.5px;margin-top:15px}.hero-description{font-size:11px}.receipt-art{width:109px;height:120px}.hero-note{display:none}.workspace{display:flex;flex-direction:column;gap:25px}.overview{display:contents}.balances-section{width:100%;order:0}.workspace>aside{width:100%;order:1}.history-section{order:2;margin-top:1px;width:100%}.expense-card{padding:23px}.form-heading{margin-bottom:24px}.form-heading h2{font-size:16px}.field-label,legend{font-size:12px}.form-heading p{font-size:11px}.person-choice>span:last-child{font-size:10px}.person-choice .avatar{display:flex}.person-choice{min-height:43px;gap:6px}.person-options{gap:7px}.quick-reasons button{font-size:10px;padding:6px 10px}.quick-reasons .icon{width:13px;height:13px}.split-preview{font-size:10px}.share-options .checkbox-visual{width:12px;height:12px}.debt-list{padding:0 23px}.section-heading{padding:21px 23px 18px}.debt-row{padding:18px 0}.debt-people strong{font-size:13px}.debt-people div>span{font-size:11px}.debt-amount{font-size:23px}.settle-button{font-size:10px;min-height:28px}.balance-explanation{font-size:9px;margin:0 23px}.person-balance>span{font-size:10px}.person-balance strong{font-size:21px}.history-heading{padding:0 0 16px}.history-row{padding:18px 1px}.history-details p{font-size:9px}.history-amount strong{font-size:15px}.history-details h3{font-size:12px}.tab{font-size:11px;min-height:38px}.history-icon{width:37px;height:37px}.sharing-note{margin-top:17px}.sharing-note strong{font-size:11px}.sharing-note p{font-size:10px;max-width:100%}.sharing-note button{font-size:11px;min-height:36px}.connection-line{flex-wrap:wrap;padding:28px 0;line-height:1.7}.connection-line>span:last-child{flex-basis:100%;margin-left:12px;font-size:8px}.footer{padding:20px 22px 27px;align-items:flex-start;gap:15px}.footer>span:last-child{font-size:8px;max-width:130px;line-height:1.7;text-align:right}.footer-note{display:block;font-size:8px;margin:4px 0 0}.footer-flower{display:none}.demo-bar{padding:8px 18px;flex-wrap:wrap;gap:6px 16px;font-size:9px;justify-content:space-between}.demo-bar>span{font-size:9px}.demo-bar>div{gap:13px}.demo-bar a,.demo-bar button{font-size:9px;min-height:28px}.welcome{padding-top:49px}.welcome h1{font-size:55px}.welcome>p{font-size:12px}.welcome-people{gap:12px}.welcome-people>span{font-size:10px}.welcome-card{padding:24px}input:not([type=checkbox]):not([type=radio]),select{font-size:16px}.date-field input[type=date]{font-size:12px;height:34px}.date-field label{font-size:11px}dialog select{font-size:14px}}
@media(max-width:360px){.main{padding:0 16px}.topbar{padding:16px}.hero h1{font-size:39px}.receipt-art{width:85px}.group-status{display:none}.person-choice .avatar{display:none}.person-choice>span:last-child{font-size:9px}.expense-card{padding:20px 17px}.debt-list{padding:0 18px}.debt-amount{font-size:21px}.balance-explanation{margin:0 18px;font-size:8px}.history-row{gap:8px}.demo-bar>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}