.circleApp{color:#0a0b0d;background:#f0ebe3;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.appSidebar{color:#f8f3eb;background:#0c0d0f;flex-direction:column;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.appBrand{letter-spacing:.15em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.appBrand img{border-radius:8px;width:32px;height:32px}.appBrand b{color:#c34259}.sideIntro{margin:55px 2px 24px}.sideIntro>span,.sideSummary>span{letter-spacing:.18em;color:#77777a;margin-bottom:8px;font-size:8px;display:block}.sideIntro input{color:#fff;background:0 0;border:0;border-bottom:1px solid #292a2d;outline:0;width:100%;padding:6px 0 12px;font-family:Georgia,serif;font-size:18px}.appSidebar nav{gap:5px;display:grid}.appSidebar nav button{color:#85868a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;display:flex}.appSidebar nav button i{border:1px solid #343539;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;font-style:normal;display:grid}.appSidebar nav button span{flex:1}.appSidebar nav button b{color:#fff;text-align:center;background:#9f2c42;border-radius:10px;min-width:20px;padding:3px;font-size:8px}.appSidebar nav button.active{color:#fff;background:#1b1c1f}.appSidebar nav button.active i{color:#dc5a71;border-color:#a83248}.sideSummary{border-top:1px solid #27282b;margin-top:auto;padding:20px 4px}.sideSummary strong{font-family:Georgia,serif;font-size:29px;display:block}.sideSummary small{color:#77777a;font-size:9px}.newCircle{color:#ddd7cf;cursor:pointer;background:0 0;border:1px solid #333438;border-radius:10px;padding:11px}.backSite{color:#77777a;text-align:center;margin-top:15px;font-size:10px}.appWorkspace{min-width:0}.appTopbar{border-bottom:1px solid #d7d0c8;justify-content:flex-end;align-items:center;height:74px;padding:0 38px;display:flex}.appTopbar>div{align-items:center;gap:8px;margin-right:auto;display:flex}.appTopbar p{color:#77716a;margin:0;font-size:10px}.savedDot{background:#4d8b69;border-radius:50%;width:6px;height:6px}.mobileLogo{display:none}.currency{text-transform:uppercase;letter-spacing:.12em;color:#7d766e;align-items:center;gap:9px;font-size:9px;display:flex}.currency select{color:#111;background:#f7f2ea;border:1px solid #ccc4bb;border-radius:9px;outline:0;padding:8px 25px 8px 10px}.workspaceInner{width:min(980px,100% - 70px);margin:0 auto;padding:70px 0 100px}.appHeading{margin-bottom:42px}.appHeading>p{letter-spacing:.18em;color:#9f2c42;margin-bottom:18px;font-size:9px;font-weight:700}.appHeading h1{letter-spacing:-.045em;margin:0 0 16px;font-family:Georgia,serif;font-size:clamp(42px,5vw,66px);line-height:1}.appHeading>span{color:#756f68;font-size:13px;line-height:1.6}.panel,.assignList article{background:#faf6ef;border:1px solid #d9d1c8;border-radius:20px;overflow:hidden;box-shadow:0 8px 35px #251c120a}.panelTitle{border-bottom:1px solid #e2dbd3;justify-content:space-between;align-items:flex-end;padding:23px 26px;display:flex}.panelTitle h2{margin:0;font-size:15px}.panelTitle>span{color:#89827b;font-size:10px}.peopleList article{border-bottom:1px solid #eee7df;align-items:center;gap:13px;padding:13px 26px;display:flex}.personAvatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:10px;font-weight:700;display:grid}.peopleList article>b{flex:1;font-size:13px}.paidToggle{color:#77716b;align-items:center;gap:8px;font-size:10px;display:flex}.paidToggle input{accent-color:#9b2b40}.peopleList article>button,.itemList article>button{color:#aaa39b;cursor:pointer;background:0 0;border:0;font-size:20px}.addRow{background:#f5efe7;gap:10px;padding:19px 26px;display:flex}.addRow>input,.amountInput{background:#fffdf9;border:1px solid #d2c9bf;border-radius:10px;outline:0;flex:1;min-width:0;padding:12px 13px;font-size:12px}.addRow>input:focus,.amountInput:focus-within{border-color:#9b2c42}.addRow>button,.nextBar>button,.copySummary{color:#fff;cursor:pointer;background:#992b40;border:0;border-radius:10px;padding:0 20px;font-size:11px;font-weight:700}.nextBar{justify-content:flex-end;align-items:center;gap:18px;margin-top:25px;display:flex}.nextBar>span{color:#888179;font-size:10px}.nextBar>button{align-items:center;gap:35px;min-height:48px;display:flex}.nextBar>button:disabled{opacity:.35;cursor:not-allowed}.itemList article{border-bottom:1px solid #ece5dd;align-items:center;padding:15px 26px;display:flex}.itemList article>span{flex:1;font-size:13px}.itemList article>b{margin-right:20px;font-size:12px}.empty{color:#8c857d;text-align:center;padding:28px;font-size:12px}.itemAdd>input:first-child{flex:2}.amountInput{color:#8c857d;align-items:center;padding:0 12px;display:flex}.amountInput input{background:0 0;border:0;outline:0;width:100%;padding:12px 5px;font-size:12px}.charges{border-top:1px solid #dfd7ce;grid-template-columns:1fr 1fr 1.4fr;display:grid}.charges>label,.charges>div{border-right:1px solid #dfd7ce;padding:20px 26px}.charges>div{border-right:0;justify-content:space-between;align-items:center;display:flex}.charges label{color:#756f68;grid-template-columns:1fr auto auto;align-items:center;gap:5px;font-size:10px;display:grid}.charges label input{text-align:right;background:0 0;border:0;border-bottom:1px solid #bbb2a9;outline:0;width:50px;padding:5px}.charges>div span{color:#756f68;font-size:10px}.charges>div strong{font-family:Georgia,serif;font-size:24px}.assignList{gap:14px;display:grid}.assignList article{padding:25px}.assignList article.needsAssignment{border-color:#b6495d}.assignTop{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.assignTop h2{margin:0 0 6px;font-size:16px}.assignTop span{color:#878078;font-size:10px}.assignTop>button{color:#9d2d42;cursor:pointer;background:0 0;border:0;font-size:10px}.memberChips{flex-wrap:wrap;gap:8px;display:flex}.memberChips button{cursor:pointer;background:#f5efe8;border:1px solid #d6cec5;border-radius:99px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:10px;display:flex}.memberChips button>span{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:8px;display:grid}.memberChips button i{font-style:normal;display:none}.memberChips button.selected{color:#8e263a;background:#f5e4e7;border-color:#9c2b41}.memberChips button.selected i{display:inline}.settleGrid{grid-template-columns:.85fr 1.15fr;gap:16px;display:grid}.summaryPanel dl{margin:0;padding:15px 26px}.summaryPanel dl>div{color:#77716a;justify-content:space-between;padding:9px 0;font-size:11px;display:flex}.summaryPanel dl .totalLine{color:#111;border-top:1px solid #ddd5cc;margin-top:8px;padding-top:16px;font-weight:700}.shareBreakdown{background:#f4eee6;padding:20px 26px}.shareBreakdown>span{letter-spacing:.14em;color:#8a837b;font-size:8px}.shareBreakdown>div{border-bottom:1px solid #e0d8cf;align-items:center;gap:9px;padding:10px 0;display:flex}.personAvatar.small{width:28px;height:28px;font-size:8px}.shareBreakdown>div b{flex:1;font-size:11px}.shareBreakdown>div strong{font-size:11px}.transferPanel>article{border-bottom:1px solid #e9e2da;align-items:center;gap:12px;padding:17px 22px;display:flex}.transferPanel>article>div{flex-direction:column;flex:1;display:flex}.transferPanel>article b{font-size:12px}.transferPanel>article span{color:#868078;font-size:9px}.transferPanel>article strong{font-family:Georgia,serif;font-size:18px}.transferPanel>article>button{cursor:pointer;background:0 0;border:1px solid #cfc6bc;border-radius:9px;margin-left:5px;padding:8px 10px;font-size:9px}.transferPanel>article>button.done{color:#fff;background:#315a4a;border-color:#315a4a}.prototypeNotice{color:#f7f1e9;background:#17181b;border-radius:12px;flex-direction:column;margin:20px;padding:15px;display:flex}.prototypeNotice b{color:#d04d65;font-size:10px}.prototypeNotice span{color:#8f8e91;margin-top:4px;font-size:9px}.bottomActions{justify-content:space-between;margin-top:25px;display:flex}.bottomActions>button{min-height:45px}.bottomActions>button:first-child{color:#776f68;cursor:pointer;background:0 0;border:0}.copySummary{padding:0 20px}@media (width<=850px){.circleApp{grid-template-columns:1fr}.appSidebar{width:100%;height:auto;padding:18px;position:relative}.appBrand,.sideIntro,.sideSummary,.newCircle,.backSite{display:none}.appSidebar nav{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.appSidebar nav button{justify-content:center;padding:9px 4px}.appSidebar nav button span{flex:0;font-size:9px}.appSidebar nav button b{display:none}.appTopbar{height:62px;padding:0 18px}.mobileLogo{letter-spacing:.14em;font-size:10px;font-weight:700;display:block}.appTopbar p,.savedDot{display:none}.workspaceInner{width:min(100% - 30px,980px);padding:45px 0 80px}.settleGrid{grid-template-columns:1fr}.charges{grid-template-columns:1fr 1fr}.charges>div{border-top:1px solid #dfd7ce;grid-column:1/-1}.nextBar{justify-content:space-between}.appHeading h1{font-size:43px}}@media (width<=560px){.appSidebar nav button i{width:22px;height:22px}.appSidebar nav button{gap:5px}.panelTitle,.peopleList article,.itemList article{padding-inline:16px}.addRow{flex-wrap:wrap;padding:14px}.addRow>button{min-height:42px}.itemAdd>input:first-child{flex-basis:100%}.charges>label,.charges>div{padding:16px}.assignTop{align-items:flex-start;gap:15px}.assignTop>button{max-width:90px}.settleGrid{gap:12px}.transferPanel>article{gap:8px;padding:14px 12px}.transferPanel>article strong{font-size:15px}.transferPanel>article>button{padding:7px}.bottomActions{flex-wrap:wrap;gap:10px}.copySummary{padding:0 12px}.nextBar>span{display:none}.nextBar>button{justify-content:space-between;width:100%}.peopleList article{gap:8px}.paidToggle span{display:none}}
