.topbar{color:var(--color-on-strong);font-family:var(--display);justify-content:space-between;align-items:center;padding:4px 20px 12px;font-size:1.5rem;display:flex}.topbar button{color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:0;align-items:center;gap:18px;display:flex}.main-grid{flex:1;grid-template-columns:minmax(220px,28%) 1fr;gap:12px;min-height:0;display:grid}.friends{flex-direction:column;align-items:center;padding:20px 10px;display:flex}.friends h2{margin-bottom:10px;font-size:2.6rem}.flist{flex-direction:column;flex:0 auto;gap:8px;width:100%;padding:4px;display:flex;overflow:auto}.friend{background:var(--color-surface);border:4px solid var(--color-border);border-radius:var(--radius-medium);text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:1.7rem;font-weight:600;display:flex}.friend:hover{border-color:var(--color-primary)}.friend-identity{align-items:center;gap:14px;min-width:0;display:flex}.friend .av{border-width:4px;width:48px;height:48px;font-size:1.05rem}.friend.sel{border-color:var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-primary);background:var(--color-surface-highlight)}.badge{background:var(--color-danger);color:var(--color-on-strong);border:2px solid var(--color-danger);border-radius:var(--radius-small);flex:none;align-items:center;gap:4px;padding:3px 8px;font-size:1.15rem;font-weight:600;display:inline-flex}.friends .plus{margin-top:26px}.owe{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:12px;padding:20px;display:flex}.owe h2{font-size:clamp(1.8rem,4vw,2.7rem)}.balance-summary{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.owe .amt{color:var(--color-danger);font-variant-numeric:tabular-nums;font-size:clamp(3rem,8vw,5.5rem);line-height:1}.owe .amt.ok{color:var(--color-heading);font-size:2.4rem}.pay{text-align:center;font-size:1.6rem;font-weight:600}.paypal{border-radius:var(--radius-small);color:#1a3b8f;background:#f5b52a;border:0;margin-top:6px;padding:12px 40px;font:italic 800 1.8rem Arial,sans-serif;display:block}.log{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:20px;display:flex}.log h2{font-size:clamp(2rem,4vw,3rem)}.choices{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}.choice{background:var(--color-surface);border:6px solid var(--color-border);border-radius:var(--radius-medium);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(240px,38vw);height:170px;font-size:1.7rem;font-weight:600;line-height:1;display:flex}.choice:hover{border-color:var(--color-primary)}.or{font-size:1.5rem;font-weight:600}.home-details{flex-direction:column;gap:12px;min-height:0;margin:-6px;padding:6px 6px 16px;display:flex}.home-lower{flex:1;grid-template-columns:1fr minmax(280px,38%);gap:12px;min-height:0;display:grid}.home-lower>.log:only-child{grid-column:1/-1}.home-lower .shared-splits{min-height:0;overflow:auto}.home-lower .log{justify-content:center;gap:20px}.home-lower .choices{flex-flow:column;align-items:stretch;gap:14px;width:min(300px,100%)}.home-lower .choice{text-align:center;width:100%;height:140px}.home-lower .or{align-items:center;gap:12px;display:flex}.home-lower .or:before,.home-lower .or:after{content:"";background:var(--color-border);border-radius:2px;flex:1;height:3px}.home-lower>.log:only-child .choices{flex-direction:row;width:auto}.home-lower>.log:only-child .choice{width:min(240px,38vw)}.home-lower>.log:only-child .or:before,.home-lower>.log:only-child .or:after{display:none}.owe:has(.friend-overview){justify-content:space-between;padding:20px 40px}.friend-overview{align-items:center;gap:20px;display:flex}.friend-overview .av{border-width:6px;width:170px;height:170px;font-size:3rem}.friend-overview-names{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.friend-overview-name{font-family:var(--display);color:var(--color-heading);font-size:2.6rem;line-height:1}.friend-overview-link{background:var(--color-surface);border:3px solid var(--color-primary);border-radius:var(--radius-small);color:var(--color-heading);align-items:center;gap:6px;margin-top:4px;padding:4px 10px;font-size:1rem;font-weight:600;display:inline-flex}.friend-overview-link:hover{background:var(--color-primary);color:var(--color-on-strong)}@media (width<=1100px){.home-details{overflow:auto}.home-lower{flex:none;grid-template-columns:1fr}.home-lower .shared-splits{overflow:visible}}@media (width<=720px){.main-grid{grid-template-columns:1fr;overflow:auto}}.topbar-actions{align-items:center;gap:18px;display:flex}.badge--owed{background:var(--color-info);border-color:var(--color-info)}.owe .amt.owed-to-you{color:var(--color-info)}.paypal,.venmo{text-align:center;text-decoration:none}.venmo{border-radius:var(--radius-small);color:var(--color-on-strong);background:#008cff;margin-top:6px;padding:12px 40px;font:italic 800 1.8rem Arial,sans-serif;display:block}.settle{width:100%;margin-top:12px;font-size:1.3rem;display:flex}.payment-form{text-align:left;flex-direction:column;gap:6px;margin-top:12px;display:flex}.payment-form-label{font-size:1rem;font-weight:600}.payment-form-row{align-items:stretch;gap:8px;display:flex}.payment-amount{width:130px}.payment-amount input{text-align:right;width:100%;height:100%;font:600 1.3rem var(--body);color:var(--color-text);background:var(--color-surface);border:3px solid var(--color-border);border-radius:var(--radius-small);outline:none;padding:8px 10px 8px 24px}.payment-amount input:focus{border-color:var(--color-primary)}.payment-form .settle{flex:1;min-width:0;margin-top:0}.payment-form-hint{opacity:.8;margin:0;font-size:.95rem;font-weight:600}.badge--settled{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-strong)}