button{touch-action:manipulation}header{position:sticky;top:0;z-index:5;padding-bottom:8px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}.prototype-tag{position:fixed;bottom:3px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.7px;color:#aaa9a3;z-index:12;background:#1e1e1de8;padding:2px 9px;border-radius:8px;pointer-events:none}.sheet-label{display:block;font-size:10px;color:var(--muted);letter-spacing:.5px;margin-top:5px;text-align:center}.modal-head h2{font-size:18px;text-align:center}.modal-head{align-items:center}.circle-button{border:1px solid #3d3d39;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;flex-shrink:0;font-size:30px}.head-spacer{width:44px;flex-shrink:0}.full-sheet{width:min(100%,480px);max-width:480px;height:calc(100dvh - max(18px,env(safe-area-inset-top)));max-height:none;margin:auto auto 0;border:0;border-radius:30px 30px 0 0;background:var(--bg);padding:20px 16px max(35px,env(safe-area-inset-bottom))}.full-sheet .modal-head{background:var(--bg);top:-20px;padding-top:4px}.full-sheet::backdrop{background:#000b}.outline{border:1px solid currentColor;border-radius:30px;padding:12px 18px}.home-end{display:flex;align-items:center;flex-direction:column;gap:17px;margin-top:25px}.logoff{background:#f5f5ee;color:#222;border-radius:30px;padding:12px 25px}.cash-widget,.insight-chart{background:#35352f;border-radius:20px;padding:20px 16px;margin-top:27px}.cash-widget>.row{font-size:18px}.cash-widget small{font-size:13px}.horizontal-chart{margin:22px 0 18px}.horizontal-row{display:grid;grid-template-columns:85px 1fr;align-items:center;min-height:33px}.horizontal-row>button{position:relative;height:33px;text-align:left;padding:0 12px;border-left:1px solid #ddd;isolation:isolate}.horizontal-row>button::before{content:'';position:absolute;inset:0 auto 0 0;width:var(--bar-width);background:var(--bar-colour);z-index:-1}.horizontal-row button span{background:#35352fe0;border-radius:3px;padding:1px 4px}.cycle-caption{margin-top:-8px}.insight-chart{margin-top:25px}.insight-chart>small{font-size:16px}.insight-chart h2{line-height:1.45;margin:6px 0 18px;font-size:23px}.vertical-chart{display:flex;margin-top:25px;gap:8px}.chart-column{flex:1;min-width:0;padding:0;text-align:center;font-size:12px}.column-space{height:175px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;border-bottom:1px solid white}.column-space>span{white-space:nowrap;font-size:12px}.column-space i{display:block;width:75%;min-height:3px;border-top:1px solid #fff;max-height:135px}.column-label{display:block;margin-top:7px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-card{background:#35352f;border-radius:22px;text-align:left;padding:18px 16px;min-height:150px}.metric-card>.row{margin-bottom:18px}.metric-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff}.metric-icon svg{width:24px}.metric-arrow{background:#45453e;border-radius:50%;height:26px;width:26px;display:grid;place-items:center}.metric-card strong{display:block;font-size:22px;overflow-wrap:anywhere;margin-top:7px}.metric-card>.muted{font-size:15px}.list-row{padding:20px 0;border-bottom:1px solid var(--line);width:100%;display:flex;align-items:center;justify-content:space-between}.offers-empty{text-align:center;padding:55px 16px}.offers-empty h2{line-height:1.45}.gift-art{display:grid;place-items:center;margin:10px auto 45px;width:160px;height:150px;color:#e8dc00}.gift-art svg{width:135px;height:135px;stroke-width:.7}.reward-yellow{background:#e5da00;color:#20201d;border-radius:10px;padding:20px 16px;margin:20px 0 40px}.reward-yellow>strong{font-size:25px}.reward-yellow p{font-size:18px;margin:8px 0 23px}.settings-links{display:flex;flex-direction:column;gap:1px;margin:12px 0 22px}.settings-links button{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);text-align:left}.settings-links button svg{width:20px}.transaction-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:18px 0;border-bottom:1px solid var(--line);text-align:left}.transaction-row>span:first-child{min-width:0;flex:1}.transaction-row strong{display:block;font-weight:450;overflow-wrap:anywhere}.transaction-row small{display:block;margin-top:7px;font-size:12px;line-height:1.45}.transaction-row>span:last-child{white-space:nowrap;font-size:15px}.positive{color:#bcd975}.filter-chips{display:flex;gap:8px;margin:23px 0;overflow-x:auto;padding-bottom:3px}.filter-chips button{border:1px solid #77776f;white-space:nowrap;padding:10px 13px;border-radius:9px;font-size:15px}.filter-chips button.selected{background:#f8f7f1;color:#222;border-color:#f8f7f1}.recipient-letter{font-size:16px;margin-top:25px}.recipient-row{display:block;width:100%;padding:20px 0;border-bottom:1px solid var(--line);text-align:left}.recipient-row strong{display:block;font-size:17px;font-weight:450}.recipient-row span{display:block;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.center-empty{text-align:center;padding:35px 6px;display:block}.center-empty h2{font-size:23px;line-height:1.5}.center-empty p{font-size:16px}.transfer-labels{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#ffe14c;color:#222;margin:2px -16px 0;padding:10px 16px;font-size:14px}.transfer-picker{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 -8px 25px;min-height:260px;align-items:center}.transfer-picker fieldset{margin:0;padding:18px 0;border:0;min-width:0;max-height:370px;overflow-y:auto}.transfer-picker fieldset+fieldset{border-left:1px solid #333}.account-choice{margin:0;color:var(--muted);cursor:pointer;position:relative}.account-choice input{position:absolute;opacity:0;min-height:0;width:1px;height:1px}.account-choice>span{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:130px;padding:15px 7px;gap:6px;border-radius:22px;line-height:1.25}.account-choice>span>svg{color:#bca743;width:31px;height:31px;margin-bottom:4px}.account-choice strong{font-weight:450;font-size:16px;overflow-wrap:anywhere}.account-choice span span{font-size:12px}.account-choice input:checked+span{background:#30302f;color:#fff}.account-choice input:focus-visible+span{outline:2px solid var(--yellow);outline-offset:-2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cash-icon{display:block;color:var(--yellow);margin:45px 0 30px}.cash-icon svg{width:54px;height:54px;stroke-width:1}.cash-option{display:flex;width:100%;gap:12px;align-items:center;text-align:left;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);font-size:18px;line-height:1.5}.cash-option small{display:block;font-size:16px;margin-top:3px}.cash-option small+small{font-size:13px}.review-amount{font-size:36px;margin:24px 0;font-weight:600;overflow-wrap:anywhere}.review-details{display:grid;grid-template-columns:80px 1fr;gap:20px}.review-details dt{color:var(--muted)}.review-details dd{margin:0;overflow-wrap:anywhere}.budget-row{width:100%;padding:20px 0;text-align:left}.budget-row .row{font-size:14px}.budget-track{height:7px;border-radius:6px;background:#555;margin-top:12px;overflow:hidden}.budget-track i{display:block;height:100%;background:var(--yellow)}.back-link{margin-top:20px;padding:0;color:var(--muted)}.account-summary{display:flex;gap:25px;margin:28px 0}.account-summary small{display:block}.account-summary strong{font-size:24px;display:block;margin-top:8px}.welcome{min-height:90dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.welcome-mark{color:var(--yellow)}.welcome-mark svg{width:55px;height:55px;fill:currentColor}.form-feedback{position:sticky;bottom:0;padding:13px 16px;border-radius:12px;background:#f6f5ed;color:#222;box-shadow:0 2px 25px #0007;font-size:14px;margin-top:16px;z-index:8}body.light .cash-widget,body.light .insight-chart,body.light .metric-card{background:#e1e1d9}body.light .horizontal-row button span{background:#e1e1d9e8}body.light .account-choice input:checked+span{background:#ddd;color:#222}body.light .full-sheet,body.light .full-sheet .modal-head{background:var(--bg)}body.light label{color:#555}@media(max-width:360px){.metric-grid{gap:10px}.metric-card{padding:15px 12px}.metric-card strong{font-size:20px}.chart-column{font-size:11px}.column-space>span{font-size:10px}.filter-chips button{padding:9px 10px;font-size:14px}}
