.groups-view-hidden{display:none!important}.group-create-dialog{width:min(680px,calc(100% - 28px));padding:24px;border:2px solid var(--ink);background:#fff;color:var(--ink)}.group-create-dialog::backdrop{background:#141414ad}.group-create-dialog h2{margin:4px 0 18px;font-size:30px}.group-create-people-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.group-create-people-head h3{margin:0}.group-create-people{display:grid;gap:9px;margin:12px 0}.group-create-person{display:grid;grid-template-columns:1fr 1.25fr 44px;gap:8px}.group-create-person input{min-width:0;padding:12px;border:1px solid #999;font:inherit;font-size:16px}.group-create-person button{border:1px solid #999;background:#fff;font-size:21px;cursor:pointer}.group-create-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.group-create-actions .button{margin:0}.groups-panel-title{align-items:end}.group-view-actions{display:flex;align-items:end;gap:10px}.group-view-actions label{display:grid;gap:5px;font-size:10px;font-weight:900;letter-spacing:.08em}.group-view-actions select{min-height:44px;padding:9px 34px 9px 12px;border:1px solid var(--ink);background:#fff;font:inherit}.group-view-actions .button{margin:0}.bill-description-control{position:relative}.bill-description-control input{width:100%;padding-left:64px}.bill-icon-button,.expense-icon-button{display:grid;place-items:center;width:44px;height:44px;padding:9px;border:1px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}.bill-icon-button{position:absolute;z-index:2;left:7px;top:50%;width:48px;height:calc(100% - 14px);padding:11px;border:0;border-right:1px solid var(--line);transform:translateY(-50%);background:transparent}.bill-icon-button svg,.expense-icon-button svg{width:100%;height:100%}.bill-icon-button:hover,.expense-icon-button:hover,.bill-icon-button:focus-visible,.expense-icon-button:focus-visible{background:var(--accent);outline:0}.icon-picker,.group-delete-dialog,.settlement-dialog{width:min(600px,calc(100% - 28px));padding:24px;border:2px solid var(--ink);background:#fff;color:var(--ink)}.icon-picker::backdrop,.group-delete-dialog::backdrop,.settlement-dialog::backdrop{background:#141414ad}.icon-picker-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.icon-picker-head h2{margin:4px 0 18px;font-size:28px}.icon-picker-head>button{width:44px;height:44px;border:1px solid var(--ink);background:#fff;font-size:25px;cursor:pointer}.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.icon-choice{display:grid;justify-items:center;gap:7px;min-height:88px;padding:12px 6px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.icon-choice svg{width:28px;height:28px}.icon-choice[aria-pressed=true],.icon-choice:hover{border-color:var(--ink);background:var(--accent)}.active-group-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:center;margin:0 0 20px;padding:15px 16px;border:2px solid var(--ink);background:var(--accent);color:var(--ink)}.active-group-banner[hidden]{display:none}.active-group-banner strong{font-size:18px}.active-group-banner span{font-size:12px;line-height:1.45}.active-group-banner button{grid-column:2;grid-row:1/3;padding:9px 11px;border:1px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:11px;font-weight:900;cursor:pointer}.create-group-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-4px 0 20px}.create-group-row .button{margin:0}.create-group-row span{max-width:360px;color:var(--muted);font-size:11px;line-height:1.4}.group-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.group-actions .button{margin:0}.button-danger{background:#b42318;color:#fff}.button-danger:hover,.button-danger:focus-visible{background:#7a1710}.button-danger:disabled{background:#d9d5cf;color:#766f68;cursor:not-allowed}.group-delete-button{margin-left:auto!important;background:#fff;color:#9b1c14;border-color:#9b1c14}.group-delete-button:hover{background:#b42318;color:#fff}.group-delete-dialog>div>p{font-size:16px;line-height:1.55}.group-delete-actions,.settlement-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.group-delete-actions .button,.settlement-dialog-actions .button{margin:0}.group-delete-dialog .field{margin-top:14px}.settlement-summary{margin:-4px 0 18px;padding:12px;background:#f5f0e7;font-weight:800;line-height:1.45}.settlement-dialog .fields{margin-bottom:14px}.settlement-dialog .field input,.settlement-dialog .field select{width:100%}.settlement-dialog .payment-qr{margin:16px 0}.settlement-dialog .payment-actions{display:none}.expense-history{margin:18px 0}.expense-history>strong{display:block;margin-bottom:8px}.expense-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.expense-row span{grid-column:2;font-size:12px;color:var(--muted)}.expense-row b{grid-column:3;grid-row:1/3}.expense-row .expense-icon-button{grid-column:1;grid-row:1/3}.split-area{padding:52px 0 76px}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}.split-result{position:sticky;top:20px}.split-people-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.split-method{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.split-method select{padding:8px;border:1px solid #999;background:#fff;font:inherit}.split-people{display:grid;gap:10px;margin:10px 0 20px}.person-row{display:grid;grid-template-columns:1fr 1.25fr 92px auto;gap:9px}.person-row input{min-width:0;padding:11px;border:1px solid #999;font:inherit}.person-share-wrap{position:relative}.person-share-wrap input{width:100%;padding-right:28px}.person-share-wrap span{position:absolute;right:10px;top:12px;font-weight:800}.person-share-wrap[hidden]{display:none}.person-row button{border:0;background:none;font-size:22px;cursor:pointer}.item-split-panel{padding:18px;margin:6px 0 20px;background:#f5f0e7;border:1px solid var(--line)}.item-split-panel h3{margin:0 0 6px}.item-split-panel>div>p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.45}.receipt-item{padding:14px 0;border-top:1px solid var(--line)}.receipt-item-head{display:flex;justify-content:space-between;gap:15px}.receipt-item-head span{font-size:12px;font-weight:800}.receipt-item-people{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.receipt-item-people button{padding:7px 9px;border:1px solid #999;background:#fff;font:inherit;font-size:11px;cursor:pointer}.receipt-item-people button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.split-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.split-shares{margin:28px 0}.split-share{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #555}.split-share span{color:#bbb}.split-share b{color:var(--accent)}.group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.group-card{padding:24px;border:1px solid var(--ink);background:#fff}.group-card-active{outline:5px solid var(--accent);outline-offset:3px}.group-card h3{font-size:26px;margin:0 0 8px}.group-card>p{color:var(--muted)}.group-members{display:grid;gap:8px;margin:20px 0}.group-balance{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:8px}.group-balance small{grid-column:1/-1;color:var(--muted)}.nearby-button{grid-column:1/-1;padding:7px 9px;border:1px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:11px;font-weight:900;cursor:pointer}.nearby-invite{grid-column:1/-1;display:grid;grid-template-columns:145px 1fr;gap:12px;padding:12px;background:var(--ink);color:#fff}.nearby-invite img{display:block;width:145px;height:145px;background:#fff}.nearby-invite strong,.nearby-invite span{display:block}.nearby-invite span{margin:7px 0;color:#bbb;font-size:11px}.nearby-invite button{padding:8px;border:1px solid #fff;background:var(--accent);color:var(--ink);font:inherit;font-size:11px;font-weight:900;cursor:pointer}.settlements{padding:14px;background:#f5f0e7}.settlements p{margin:6px 0;font-size:13px}.settlement-action{width:100%;margin:10px 0 0;padding:9px;border:1px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.payment-qr{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;margin-top:12px;padding:14px;background:#fff;border:1px solid var(--ink)}.payment-qr img{display:block;width:150px;height:150px;margin-inline:auto}.payment-qr strong,.payment-qr span{display:block}.payment-qr span{margin-top:6px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.payment-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.payment-qr .payment-actions button{flex:1 1 120px;margin:0;padding:9px;border:1px solid var(--ink);background:var(--accent);color:var(--ink);font:inherit;font-size:11px;font-weight:900;cursor:pointer}.group-card .button{margin-top:16px}@media(max-width:900px){.split-layout{grid-template-columns:1fr}.split-result{position:static}.group-list{grid-template-columns:1fr}}@media(max-width:600px){.groups-panel-title,.group-view-actions{align-items:stretch}.group-view-actions{display:grid;grid-template-columns:1fr}.group-create-person{grid-template-columns:1fr 44px}.group-create-person .group-create-email{grid-column:1/-1;grid-row:2}.group-create-actions,.group-delete-actions,.settlement-dialog-actions{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.active-group-banner{grid-template-columns:1fr}.active-group-banner button{grid-column:1;grid-row:auto;margin-top:8px}.split-people-head{align-items:flex-start;flex-wrap:wrap}.split-people-head h3{width:100%}.person-row{grid-template-columns:1fr 82px auto}.person-row input[type=email]{grid-column:1/-1;grid-row:2}.split-actions{grid-template-columns:1fr}.split-result{padding:20px}.payment-qr,.nearby-invite{grid-template-columns:1fr}.payment-qr img,.nearby-invite img{width:min(220px,100%);height:auto;margin-inline:auto}.payment-actions{flex-direction:column;gap:10px}.payment-qr .payment-actions button{width:100%;flex:none;min-height:44px}}.tip-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:16px;border-top:2px solid var(--ink)}.tip-controls>div{grid-column:1/-1;display:flex;justify-content:space-between}.tip-controls label{display:grid;gap:6px;font-size:11px;font-weight:800}.tip-controls select{min-width:0;padding:10px;border:1px solid #999;background:#fff;font:inherit}@media(max-width:600px){.tip-controls{grid-template-columns:1fr}}.person-row{gap:8px}.person-row input{display:block;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #999;border-radius:0;background:#fff;color:var(--ink);font:inherit;font-size:16px}.person-row input:focus{outline:3px solid var(--accent);border-color:var(--ink)}.person-row>button{width:48px;min-height:48px;border:1px solid #999;background:#fff;font-size:22px;text-decoration:none}.person-row>button:hover,.person-row>button:focus-visible{background:var(--ink);color:#fff;outline:0}.split-method .custom-select{min-width:180px;margin-top:0}.split-method .custom-select-trigger{min-height:42px;padding-block:9px}.tip-controls .custom-select{margin-top:0}
