:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14283a;background:#f3eee4;font-synthesis:none;--ink: #14283a;--paper: #fffdf7;--orange: #ef6a3a;--mint: #a7d8ca;--line: #c8c1b4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3eee4}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hero{min-height:420px;display:grid;grid-template-columns:150px minmax(0,1fr) 260px;gap:40px;padding:42px max(5vw,28px) 58px;background:var(--ink);color:#fffdf7;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:380px;height:380px;right:12%;top:-255px;border:54px solid var(--orange);border-radius:50%;opacity:.9}.brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.22em;align-self:start}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--orange);color:var(--ink);font-size:19px;letter-spacing:0}.hero-copy{max-width:750px;padding-top:62px;position:relative;z-index:1}.eyebrow{color:var(--mint);font-size:11px!important;font-weight:800;letter-spacing:.24em}.hero-copy h1{margin:13px 0 22px;font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.06em}.hero-copy h1 em{color:var(--orange);font-style:normal}.hero-copy p{max-width:590px;margin:0;color:#cbd3d7;font-size:16px;line-height:1.8}.summary-stamp{align-self:end;border-left:1px solid #52616d;padding:22px 0 22px 26px;position:relative;z-index:1}.summary-stamp small,.summary-stamp span{display:block;color:#96a4ad;font-size:12px}.summary-stamp strong{display:block;margin:6px 0;color:var(--mint);font-size:34px;letter-spacing:-.04em}.notice{width:min(1180px,calc(100% - 32px));margin:22px auto -4px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;color:#7d261d;background:#ffe0d5;border-left:5px solid var(--orange)}.notice button{border:0;background:transparent;color:inherit;font-size:22px}.workspace{width:min(1180px,calc(100% - 32px));margin:36px auto 70px;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(320px,.78fr);gap:24px;align-items:start}.entry-column{display:grid;gap:24px}.panel,.balance-card{background:var(--paper);border:1px solid var(--line);box-shadow:7px 7px #d8d1c5;padding:28px}.panel-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}.panel-heading>span{display:grid;place-items:center;width:38px;height:38px;background:var(--mint);color:var(--ink);font-size:12px;font-weight:900}.panel-heading h2,.balance-title h2{margin:0;font-size:21px;letter-spacing:-.02em}.panel-heading p{margin:3px 0 0;color:#7d817e;font-size:12px}.member-form{display:flex}input,select{width:100%;min-height:46px;border:1px solid #a9a69f;border-radius:0;background:#fff;color:var(--ink);padding:0 13px;outline:none}input:focus,select:focus{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.member-form button{flex:0 0 112px;border:0;background:var(--ink);color:#fff;font-weight:700}.member-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.member-chip{display:flex;align-items:center;gap:8px;border:1px solid #a9a69f;padding:7px 7px 7px 10px;background:#fff;font-weight:700;font-size:14px}.member-chip>span{color:var(--orange);font-size:10px}.member-chip button{border:0;background:#eeeae1;color:#777;width:22px;height:22px}.empty-inline{color:#8a8882;margin:3px 0;font-size:13px}.form-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:14px}.form-grid label>span,fieldset legend{display:block;margin-bottom:7px;color:#5c6365;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}fieldset{border:0;padding:0;margin:22px 0}fieldset legend{width:100%}fieldset legend button{float:right;border:0;background:transparent;color:var(--orange);font-size:11px;font-weight:800}.check-grid{display:flex;flex-wrap:wrap;gap:8px}.check-grid label{display:flex;align-items:center;gap:7px;border:1px solid #b9b5ad;background:#fff;padding:8px 11px;font-size:13px;cursor:pointer}.check-grid label.checked{border-color:var(--ink);background:#edf5f2}.check-grid input{position:absolute;opacity:0;pointer-events:none}.checkmark{display:grid;place-items:center;width:17px;height:17px;border:1px solid #aaa;color:transparent;font-size:11px}.checked .checkmark{color:#fff;background:var(--ink);border-color:var(--ink)}.primary,.copy{width:100%;min-height:50px;border:0;background:var(--orange);color:#fff;font-weight:900;letter-spacing:.04em}.expense-list{display:grid}.expense-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:16px 0;border-top:1px solid #ddd7cd}.expense-list article:first-child{border-top:0;padding-top:0}.expense-list h3{margin:0 0 5px;font-size:15px}.expense-list p{margin:0;color:#777;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-list strong{font-size:17px}.expense-list button{border:0;background:transparent;color:#a44a39;font-size:11px;text-decoration:underline}.empty-block{padding:40px 20px;text-align:center;background:repeating-linear-gradient(-45deg,#f7f3eb,#f7f3eb 8px,#f1ede5 8px,#f1ede5 16px);color:#8a8882}.empty-block b{font-size:11px;letter-spacing:.18em}.empty-block p{margin:6px 0 0;font-size:13px}.result-column{position:sticky;top:20px;display:grid;gap:24px}.result-card{background:var(--ink);color:#fff;padding:30px;box-shadow:7px 7px 0 var(--orange)}.result-heading span{color:var(--mint);font-size:10px;letter-spacing:.2em;font-weight:900}.result-heading h2{margin:6px 0 26px;font-size:26px;letter-spacing:-.04em}.result-empty{padding:56px 10px 48px;text-align:center;color:#aeb8bd;border-top:1px solid #425361}.arrow-loop{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 17px;border:1px solid #60707a;border-radius:50%;color:var(--orange);font-size:25px}.result-empty h3{color:#fff;margin:0 0 7px;font-size:15px}.result-empty p{margin:0;font-size:12px}.transfer-list{display:grid;border-top:1px solid #425361}.transfer{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #425361}.step{display:grid;place-items:center;width:25px;height:25px;background:var(--mint);color:var(--ink);font-weight:900;font-size:11px}.transfer div{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:14px}.transfer small{color:#84939b}.transfer>strong{color:var(--mint);font-size:17px}.copy{margin-top:24px}.all-clear{padding:24px 0;color:var(--mint);text-align:center;font-weight:800}.balance-card{box-shadow:none}.balance-title{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:15px;border-bottom:2px solid var(--ink)}.balance-title h2{font-size:17px}.balance-title span{color:#888;font-size:10px}.balance-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #ddd7cd;font-size:13px}.balance-list span{font-weight:800}.balance-list small{display:block;margin-top:4px;color:#888;font-weight:400;font-size:10px}.balance-list strong{color:#6f7576}.balance-list .positive{color:#187c68}.balance-list .negative{color:#b74431}.balance-empty{color:#888;font-size:13px}footer{display:flex;justify-content:space-between;padding:24px max(5vw,28px);background:#dfd8cd;color:#667074;font-size:11px;letter-spacing:.08em}footer p{margin:0;letter-spacing:0}@media(max-width:880px){.hero{grid-template-columns:1fr;min-height:auto;gap:18px;padding-bottom:40px}.hero-copy{padding-top:35px}.summary-stamp{border-left:0;border-top:1px solid #52616d;padding:18px 0 0}.workspace{grid-template-columns:1fr}.result-column{position:static}}@media(max-width:560px){.hero{padding:24px 20px 34px}.hero-copy h1{font-size:44px}.hero-copy p{font-size:14px}.workspace{width:calc(100% - 20px);margin-top:20px}.panel,.balance-card,.result-card{padding:20px}.form-grid{grid-template-columns:1fr}.expense-list article{grid-template-columns:minmax(0,1fr) auto;gap:10px}.expense-list article button{grid-column:2}.expense-list p{max-width:210px}.transfer{grid-template-columns:26px minmax(0,1fr)}.transfer>strong{grid-column:2}footer{display:block}footer p{margin-top:7px}}
