:root{color-scheme:light;--bg: #faf9f4;--card-bg: #ffffff;--border: #e7e5db;--text: #16160f;--text-muted: #6d6c62;--ink: #16160f;--lime: #d8fa4c;--lime-dark: #b9d928;--danger: #c0392b;--positive: #3d5c46;--negative: #8a4a3d;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:var(--text-base)}h1,h2,h3,.wordmark,.landing-headline{font-family:Space Grotesk,Inter,sans-serif}.money{font-variant-numeric:tabular-nums}.app{max-width:720px;margin:0 auto;padding:24px 16px 64px}.app-header{margin-bottom:20px}h2{font-size:var(--text-base);margin:0 0 12px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px #16160f0a}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:560px){.grid{grid-template-columns:1fr}}.row{display:flex;gap:8px;margin-bottom:12px}.row input{flex:1;min-width:0}input,select{font:inherit;font-size:max(16px,var(--text-base));padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--lime-dark);box-shadow:0 0 0 3px #d8fa4c59}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236d6c62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}select:hover{border-color:var(--lime-dark)}button{font:inherit;font-size:var(--text-md);font-weight:500;padding:7px 12px;border:none;border-radius:8px;background:none;color:var(--text);cursor:pointer;transition:opacity .15s ease,background .15s ease,transform .1s ease}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--lime);color:var(--ink);border-radius:999px;padding:8px 16px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--lime-dark)}.btn-ghost{background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-weight:500}.btn-ghost:hover:not(:disabled){background:#d8fa4c2e;border-color:var(--lime-dark)}.btn-text-danger{color:var(--danger);padding:4px 0;font-size:var(--text-md)}.btn-text-danger:hover:not(:disabled){background:#c0392b14}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:0;width:30px;height:30px;border-radius:50%;color:var(--text-muted)}.btn-icon:hover:not(:disabled){background:var(--bg)}.btn-icon-primary{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:50%;background:var(--lime);color:var(--ink);font-size:var(--text-sm);font-weight:600;line-height:1}.btn-icon-primary:hover:not(:disabled){background:var(--lime-dark)}.btn-on-dark{background:#ffffff24;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#faf9f4;font-weight:500}.btn-on-dark:hover:not(:disabled){background:#ffffff3d;border-color:#ffffff73}.btn-sm{font-size:var(--text-sm);padding:5px 12px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;border:none;padding:0}fieldset.field legend,.field-label{display:block;padding:0;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);margin-bottom:6px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:var(--text-base);padding:2px 0}.list{list-style:none;margin:0;padding:0}.list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.list-item.clickable{cursor:pointer}.list-item-title{font-weight:600}.list-item-sub{font-size:var(--text-sm);color:var(--text-muted)}.balance{font-weight:500}.balance.positive{color:var(--positive)}.balance.negative{color:var(--negative)}.balance.settled{color:var(--text-muted);font-weight:400}.empty{color:var(--text-muted);font-size:var(--text-md)}.error{color:var(--danger);font-size:var(--text-sm);margin:-6px 0 10px}.share-link{width:100%;margin-top:4px;font-size:max(16px,var(--text-sm));color:var(--text-muted);border-radius:8px}.wordmark{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:var(--text-lg);color:var(--ink);text-decoration:none;letter-spacing:-.01em}.wordmark-dot{width:11px;height:11px;border-radius:50%;background:var(--lime);border:2px solid var(--ink);display:inline-block;flex-shrink:0}.wordmark-small{font-size:var(--text-base)}.landing{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px;background:var(--bg)}.landing-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.landing-decor .dot{position:absolute;border-radius:50%}.dot-1{width:14px;height:14px;background:var(--ink);top:16%;left:12%}.dot-2{width:26px;height:26px;border:2px solid var(--ink);opacity:.2;top:22%;right:15%}.dot-3{width:12px;height:12px;background:var(--lime);bottom:20%;left:16%}.dot-4{width:34px;height:34px;border:2px solid var(--lime-dark);opacity:.5;bottom:14%;right:12%}.dot-5{width:8px;height:8px;background:var(--ink);opacity:.4;top:48%;right:7%}@media(prefers-reduced-motion:no-preference){.dot-1{animation:float-a 19s ease-in-out infinite}.dot-2{animation:float-b 23s ease-in-out -4s infinite}.dot-3{animation:float-c 17s ease-in-out -9s infinite}.dot-4{animation:float-a 27s ease-in-out -12s infinite reverse}.dot-5{animation:float-b 21s ease-in-out -6s infinite}@keyframes float-a{0%{transform:translate(0)}25%{transform:translate(14px,-18px)}50%{transform:translate(-8px,-27px)}75%{transform:translate(-16px,-9px)}to{transform:translate(0)}}@keyframes float-b{0%{transform:translate(0)}33%{transform:translate(-19px,15px)}66%{transform:translate(12px,25px)}to{transform:translate(0)}}@keyframes float-c{0%{transform:translate(0)}50%{transform:translate(21px,13px)}to{transform:translate(0)}}}@media(max-width:640px){.landing-decor{display:none}}.landing-content{position:relative;z-index:1;max-width:620px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.landing-headline{font-weight:700;font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.1;letter-spacing:-.02em;margin:6px 0 0}.highlight{background:var(--lime);padding:2px 12px;border-radius:10px;display:inline-block}.landing-subhead{font-size:var(--text-lg);color:var(--text-muted);max-width:440px;line-height:1.55;margin:0}.landing-form{display:flex;gap:6px;width:100%;max-width:460px;background:#fff;border:1.5px solid var(--ink);border-radius:999px;padding:6px 6px 6px 20px;align-items:center;margin-top:8px}.landing-form input{flex:1;min-width:0;border:none;background:transparent;font-size:max(16px,var(--text-base));padding:10px 0}.landing-form input:focus{outline:none;box-shadow:none}.landing-form button{background:var(--ink);color:#fff;white-space:nowrap;padding:11px 20px}.landing-form button:hover:not(:disabled){opacity:.85}.landing-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0}.hero-card{position:relative;overflow:hidden;isolation:isolate;background:var(--ink);border-radius:24px;padding:56px 28px 52px;margin-bottom:24px;color:#faf9f4}.hero-card:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;background:radial-gradient(90% 130% at 12% 10%,rgba(216,250,76,.45) 0%,transparent 60%),radial-gradient(80% 110% at 92% 5%,rgba(127,224,176,.38) 0%,transparent 55%),radial-gradient(100% 120% at 80% 105%,rgba(216,250,76,.2) 0%,transparent 60%),radial-gradient(70% 90% at 45% 115%,rgba(90,200,190,.26) 0%,transparent 55%),linear-gradient(100deg,#16160f9e,#16160f73)}.hero-card-content{position:relative;z-index:1;padding-right:52px}.hero-share-button{position:absolute;top:50%;right:24px;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0}.hero-share-button:active{transform:translateY(-50%)}.hero-title{margin:0 0 8px;font-size:clamp(1.375rem,4vw,2rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}.hero-meta{margin:0;font-size:var(--text-sm);color:#faf9f4e0}@media(prefers-reduced-motion:no-preference){.hero-card:before{animation:hero-drift 24s ease-in-out infinite alternate}@keyframes hero-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.06)}}}.balances-list{margin-bottom:24px;margin-left:6px}.balances-list .list-item{padding:6px 0;font-size:var(--text-base)}.balance-name{display:inline-flex;align-items:center;gap:2px;font-weight:500;background:none;border:none;padding:0;font-size:inherit;font-family:inherit;color:inherit;text-align:left;cursor:pointer}.balance-name-chevron{display:block;flex-shrink:0;color:var(--text-muted)}.balance-name:hover{opacity:1;text-decoration:underline}.balance-name:active{transform:none}.balances-empty{margin-bottom:24px;margin-left:6px}.section-header{display:flex;justify-content:space-between;align-items:center;min-height:34px;margin-bottom:4px}.section-header.balances-header{margin-bottom:2px}.section-header h2{margin:0;font-size:var(--text-base);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600;line-height:1;position:relative;top:1px}.expense-pill-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.expense-list-empty{margin-left:6px}.expense-pill{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:10px 14px;color:inherit;font:inherit;cursor:pointer}.expense-pill:hover{opacity:1;background:#d8fa4c1f;border-color:var(--lime-dark)}.expense-pill:active{transform:scale(.99)}.expense-pill-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.expense-pill-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-pill-sub{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-pill-amount{flex-shrink:0;font-weight:500}.expense-detail-amount{margin:0 0 4px}.expense-detail-meta{margin:0 0 24px}.member-detail-net,.expense-detail-amount{font-size:var(--text-3xl);font-weight:700;line-height:1.1;letter-spacing:-.02em}.member-detail-net{margin:0 0 24px}.member-detail-net.positive{color:var(--positive)}.member-detail-net.negative{color:var(--negative)}.member-detail-net.settled{color:var(--text-muted)}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.member-settle.positive .member-settle-amount{color:var(--positive)}.member-settle.negative .member-settle-amount{color:var(--negative)}.modal-section .list{margin-left:6px}.modal-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 4px;font-weight:600}.modal-section .list-item{padding:3px 0;border-bottom:none;font-weight:500}.member-settle-amount{flex-shrink:0}.member-expense-row{gap:12px}.member-expense-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-expense-amount{flex-shrink:0}.member-paid-for .member-expense-amount{color:var(--positive)}.member-shares .member-expense-amount{color:var(--negative)}.expense-detail-delete{transition:none}.btn-text-danger.expense-detail-delete:hover:not(:disabled){background:none}.expense-detail-delete:active{transform:none}.expense-form{display:flex;flex-direction:column;gap:16px}.expense-form .row,.expense-form .field,.expense-form .error{margin:0}.amount-input{position:relative;flex:0 0 110px}.amount-input input{width:100%;padding-left:22px}.amount-input-prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.amount-input input::-webkit-outer-spin-button,.amount-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.expense-form fieldset.field{display:block}.expense-form .checkbox-label{padding:6px 2px;gap:8px}.expense-form .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--lime-dark)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16160f66;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{background:var(--card-bg);border-radius:20px;width:100%;max-width:440px;max-height:calc(100vh - 40px);overflow-y:auto;padding:20px 24px;box-shadow:0 20px 50px #16160f40}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-header h2{margin:0;font-size:var(--text-base);font-weight:600}@media(max-width:560px){.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:none;width:100%;border-radius:20px 20px 0 0;max-height:85vh}}