/* Glass refinements: translucent enough to reveal the provided wallpaper, with
   subtle inner light so small copy remains legible in either appearance. */
.glass-card{background:linear-gradient(145deg,color-mix(in srgb,var(--glass-strong) 80%,transparent),var(--glass) 64%,color-mix(in srgb,var(--cyan) 5%,var(--glass)));border-color:var(--glass-border);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.34)}
.balance-card{background:linear-gradient(135deg,color-mix(in srgb,var(--glass-strong) 77%,transparent),color-mix(in srgb,var(--glass) 92%,transparent) 66%,color-mix(in srgb,var(--cyan) 12%,var(--glass)));}
.bottom-nav,.search-box,.icon-button{background:color-mix(in srgb,var(--glass-strong) 80%,transparent)}
.card-kicker{font-size:11px;letter-spacing:1.2px}.month-summary span{font-size:13px}.payer-info span{font-size:12px}.share-percent{font-size:11px}.movement-copy strong{font-size:14px}.movement-copy span,.movement-amount span{font-size:12px}.movement-amount strong{font-size:14px}.nav-item{font-size:10px}.brand .eyebrow{font-size:11px}.section-heading{margin-top:23px;margin-bottom:10px}.movements-heading{margin-top:24px}.page-heading{margin-top:2px;margin-bottom:16px}.brand h1{margin-bottom:0}.month-summary>div+div{border-left:0;padding-left:0}.avatar.has-photo{background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent}

.settings-screen[hidden]{display:none}.settings-screen{position:fixed;inset:0;z-index:8;overflow-y:auto;overscroll-behavior:contain;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:linear-gradient(180deg,color-mix(in srgb,var(--glass) 48%,transparent),color-mix(in srgb,var(--glass-strong) 37%,transparent));backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);animation:settings-enter .24s ease-out}.settings-page{width:min(100%,720px);min-height:100%;margin:auto;padding:10px 22px 34px}.settings-topbar{height:52px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:17px}.settings-topbar h1{text-align:center;font-size:20px;letter-spacing:-.45px;margin:0}.back-button{width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);color:var(--ink);display:grid;place-items:center;box-shadow:inset 0 1px rgba(255,255,255,.55)}.back-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.settings-content{width:min(100%,540px);margin:0 auto}.profile-card{display:grid;grid-template-columns:76px minmax(0,1fr) 34px;align-items:center;gap:12px 14px;padding:18px;border-radius:23px;background:linear-gradient(132deg,color-mix(in srgb,var(--glass-strong) 78%,transparent),var(--glass) 78%)}.profile-photo-wrap{position:relative;width:72px;height:72px}.profile-photo{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:white;font-size:28px;font-weight:700;background:linear-gradient(145deg,#47b7ec,#5969e7);background-size:cover;background-position:center;border:2px solid var(--glass-border);box-shadow:0 5px 18px rgba(55,47,132,.2)}.profile-photo.has-photo{color:transparent}.photo-change{position:absolute;right:-2px;bottom:-1px;width:27px;height:27px;border:2px solid var(--glass-strong);border-radius:50%;background:linear-gradient(145deg,var(--accent-2),var(--accent));color:white;font-size:18px;line-height:1;display:grid;place-items:center}.profile-details{min-width:0}.profile-details h2{font-size:20px;letter-spacing:-.45px;margin:5px 0 2px;overflow-wrap:anywhere}.profile-details p{font-size:14px;color:var(--muted);margin:0}.profile-local-badge{font-size:9px;letter-spacing:.7px;color:var(--muted);font-weight:700}.profile-edit{grid-column:3;grid-row:1;border:0;background:none;color:var(--muted);font-size:26px}.profile-switch-label{grid-column:1/2;font-size:12px;color:var(--muted);align-self:center}.profile-switch{grid-column:2/4;width:100%;height:40px;border:1px solid var(--line);border-radius:12px;padding:0 11px;background:var(--field);font-size:14px;color:var(--ink)}.settings-group{margin-top:24px}.settings-group>h2{font-size:18px;letter-spacing:-.3px;margin:0 4px 10px}.settings-list{border-radius:20px;padding:3px 14px;overflow:hidden}.settings-row{width:100%;min-height:62px;display:flex;align-items:center;gap:12px;padding:10px 2px;color:var(--ink);text-align:left;text-decoration:none;border:0;border-bottom:1px solid var(--line);background:transparent}.settings-row:last-child{border-bottom:0}.settings-row:disabled{opacity:.72;cursor:not-allowed}.settings-icon{flex:none;width:34px;height:34px;border-radius:12px;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);font-size:18px}.settings-row-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.settings-row-copy strong{font-size:13px;font-weight:600}.settings-row-copy small{font-size:11px;color:var(--muted);line-height:1.35}.settings-value{font-size:12px;color:var(--muted);max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-chevron{color:var(--muted);font-size:21px;padding:0 3px}.settings-note,.settings-footer{font-size:11px;color:var(--muted);line-height:1.5;margin:9px 5px 0}.inline-select{max-width:132px;height:38px;padding:0 8px;border:1px solid var(--line);border-radius:11px;background:var(--field);font-size:12px;color:var(--ink)}.preference-row{cursor:pointer}.notification-row{border-bottom:0;padding-bottom:4px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:5px 4px 5px 48px;border-top:1px solid var(--line);font-size:13px;color:var(--ink);cursor:pointer}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{width:42px;height:24px;border-radius:99px;background:var(--line);position:relative;transition:background .2s;flex:none}.toggle-track::after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:var(--glass-strong);box-shadow:0 1px 4px #0003;transition:transform .2s}.toggle-row input:checked+.toggle-track{background:var(--accent)}.toggle-row input:checked+.toggle-track::after{transform:translateX(18px);background:white}.toggle-row input:focus-visible+.toggle-track{outline:3px solid color-mix(in srgb,var(--accent) 62%,transparent);outline-offset:2px}.pending-pill{flex:none;border:1px solid var(--line);background:var(--soft);border-radius:99px;color:var(--muted);font-size:9px;padding:6px 8px}.settings-footer{text-align:center;margin:22px 0 4px}.data-management{padding:12px 4px 15px;border-top:1px solid var(--line)}.data-management p{font-size:12px;color:var(--muted);line-height:1.55;margin:1px 0 12px}.danger-outline{width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--danger) 43%,transparent);border-radius:13px;color:var(--danger);background:color-mix(in srgb,var(--danger) 5%,transparent);font-weight:600;font-size:13px}.account-dialog input:not([type=checkbox]){font-size:16px}.photo-dialog{text-align:center}.photo-dialog .dialog-header{text-align:left}.photo-dialog>img{display:block;width:180px;height:180px;object-fit:cover;border-radius:50%;margin:16px auto;border:2px solid var(--glass-border);box-shadow:var(--shadow)}body.settings-open{overflow:hidden}
@keyframes settings-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:700px){.settings-screen{padding-top:22px}.settings-page{padding-top:10px}.settings-topbar{margin-bottom:23px}.settings-content{width:min(100%,560px)}.profile-card{padding:20px 22px}.settings-group{margin-top:26px}}
@media(max-width:380px){.settings-page{padding-left:15px;padding-right:15px}.profile-card{grid-template-columns:62px minmax(0,1fr) 28px;gap:11px;padding:14px}.profile-photo-wrap,.profile-photo{width:60px;height:60px}.profile-details h2{font-size:18px}.profile-local-badge{font-size:8px}.settings-row{gap:9px}.settings-row-copy strong{font-size:12px}.settings-row-copy small{font-size:10px}.settings-value{max-width:64px}.pending-pill{font-size:8px;padding:5px 6px}}
@media(prefers-reduced-motion:reduce){.settings-screen{animation:none}}
.settings-screen[hidden],.screen[hidden],.bottom-nav[hidden],.topbar[hidden]{display:none!important}
body.settings-open .toast{bottom:calc(20px + env(safe-area-inset-bottom))}
.month-summary{grid-template-columns:1fr}.settings-row:focus-visible,.back-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 62%,transparent);outline-offset:2px}
.settings-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.profile-local-badge{line-height:1.4}
.settings-screen{scrollbar-gutter:stable both-edges}
