:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#eceef3;--surface:#fff;--surface-2:#f4f5f8;--text:#0f1115;--ink-2:#4b4e57;--text-2:#686b74;--text-3:#3c40505c;--separator:#3c405021;--fill:#6e738724;--track:#6e73872b;--tint:#0060cf;--tint-strong:#0060cf;--tint-bg:#0060cf1a;--green:#087a08;--red:#c42f2f;--orange:#8a5b00;--glass-top:#ffffffd1;--glass-bottom:#ffffff94;--glass-edge:#ffffffc7;--glass-shine:#fffffff5;--glass-shadow:#1c264014;--bar-top:#ffffffb3;--bar-bottom:#ffffff75;--bar-shadow:#1c26402e;--tab-on:#ffffffe0;--glow-mix:#fff;--grain-opacity:.06;--grain-blend:multiply;--hue-blue:#2a78d6;--hue-orange:#eb6834;--hue-aqua:#1baf7a;--hue-yellow:#eda100;--hue-magenta:#e87ba4;--hue-green:#008300;--hue-violet:#4a3aa7;--hue-red:#e34948;--deep-blue:#1f5fae;--deep-orange:#bd4a1a;--deep-aqua:#0b7651;--deep-yellow:#8f5d00;--deep-magenta:#a8395f;--deep-green:#006b00;--deep-violet:#4a3aa7;--deep-red:#bb3030;--deep-gray:#5d5d66;--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#d03b3b;--radius:24px;--tabbar-h:64px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-bottom:max(10px, calc(var(--safe-bottom) - 12px));--rounded:ui-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#06070a;--surface:#1c1d21;--surface-2:#26272c;--text:#f4f5f7;--ink-2:#c8cad0;--text-2:#9da0a8;--text-3:#ebebf54d;--separator:#ffffff1a;--fill:#969baa33;--track:#969baa38;--tint:#62a8ff;--tint-strong:#1e6ad1;--tint-bg:#62a8ff29;--green:#5ad46f;--red:#ff6b6b;--orange:#fab219;--glass-top:#34363c94;--glass-bottom:#1e1f2480;--glass-edge:#ffffff17;--glass-shine:#ffffff1c;--glass-shadow:#0006;--bar-top:#46485099;--bar-bottom:#28292f8c;--bar-shadow:#0000008c;--tab-on:#ffffff21;--glow-mix:#000;--grain-opacity:.07;--grain-blend:soft-light;--hue-blue:#3987e5;--hue-orange:#d95926;--hue-aqua:#199e70;--hue-yellow:#c98500;--hue-magenta:#d55181;--hue-violet:#9085e9;--hue-red:#e66767;--status-good:#2fbf2f}}*{box-sizing:border-box}html,body{color:var(--text);overscroll-behavior-y:none;margin:0;font-size:17px;line-height:1.3}html{background:var(--bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}input,select{background:0 0;border:0;outline:none;min-width:0}:where(button,a,[tabindex],label.row):focus-visible{outline:2px solid var(--tint);outline-offset:2px}:where(.row,.group>button):focus-visible{outline-offset:-3px}input::placeholder{color:var(--text-3)}.splash{background:var(--bg);min-height:100vh}.screen{max-width:680px;padding:calc(var(--safe-top) + 8px) 16px calc(var(--tabbar-h) + var(--tabbar-bottom) + 28px);margin:0 auto;animation:.22s ease-out screen-in}@keyframes screen-in{0%{opacity:0}}button.card,.browse-card,.browse-pin,.chip,.pill,.icon-button,.tab-search{transition:transform .15s ease-out}button.card:active,.browse-card:active,.browse-pin:active{transform:scale(.97)}.chip:active,.pill:active,.icon-button:active,.tab-search:active{transform:scale(.94)}.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-frame{width:min(100%,680px);height:100%;margin:0 auto;position:relative}.glow{filter:blur(28px);background:radial-gradient(closest-side, color-mix(in oklab, var(--glow) 52%, var(--glow-mix)), transparent);border-radius:50%;animation:.6s ease-out both glow-in;position:absolute}@keyframes glow-in{0%{opacity:0}}.grain{opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-size:64px;position:absolute;inset:0}.group,.card,.hero-card,.kpi,.callout,.chart,.ranked,.summary-card,.suggestion,.cal-grid{background:linear-gradient(180deg, var(--glass-top), var(--glass-bottom));-webkit-backdrop-filter:blur(26px)saturate(1.7);backdrop-filter:blur(26px)saturate(1.7);border:1px solid var(--glass-edge);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--glass-shine), 0 1px 1px #10182808, 0 12px 32px var(--glass-shadow)}.lit,.callout,.hero-card{background:radial-gradient(120% 90% at 0% 0%, var(--lit,color-mix(in oklab, var(--tint) 13%, transparent)), transparent 62%), linear-gradient(180deg, var(--glass-top), var(--glass-bottom))}.tabbar,.tab-search,.icon-button,.chip,.search,.button,.segmented,.toast,.update-banner,.action-group,.action-cancel{-webkit-backdrop-filter:blur(28px)saturate(1.9);backdrop-filter:blur(28px)saturate(1.9);border:1px solid var(--glass-edge)}.tabbar,.tab-search,.icon-button,.chip,.search,.button,.update-banner,.action-group,.action-cancel{background:linear-gradient(180deg, var(--bar-top), var(--bar-bottom));box-shadow:inset 0 1px 0 var(--glass-shine), inset 0 -1px 0 #00000008, 0 6px 18px var(--glass-shadow)}.num{font-family:var(--rounded);font-variant-numeric:tabular-nums}.large-title{align-items:flex-end;gap:8px;padding:12px 4px 8px;display:flex}.large-title h1{letter-spacing:-.02em;flex:1;margin:0;font-size:34px;font-weight:800;line-height:1.15}.large-title .eyebrow{color:var(--text-2);text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:13px;font-weight:600;position:absolute;transform:translateY(-38px)}.header-actions{gap:8px;display:flex}.icon-button{width:44px;height:44px;color:var(--text);border-radius:22px;place-items:center;margin-bottom:2px;display:grid}.icon-button svg{width:22px;height:22px}.icon-button:active{background:var(--tab-on)}.section{margin:24px 0 0}.section-title{color:var(--ink-2);letter-spacing:-.01em;justify-content:space-between;align-items:baseline;gap:8px;margin:0 6px 8px;font-size:15px;font-weight:600;display:flex}.section-footer{color:var(--text-2);margin:8px 6px 0;font-size:13px;line-height:1.4}.center{text-align:center;margin-top:24px}.group{overflow:hidden}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 16px;display:flex;position:relative}.row+.row:before,.row+.field:before,.field+.row:before,.field+.field:before,.toggle-row+.field:before,.field+.toggle-row:before,.row+.toggle-row:before,.toggle-row+.row:before,details+details:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:16px;right:0}button.row:active,label.row:active,.bar-row:active{background:var(--fill)}.row-icon{flex:none;display:grid}.row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-title.danger,.danger-row{color:var(--red)}.row-subtitle{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.row-detail{color:var(--text-2);font-variant-numeric:tabular-nums;flex:none}.txn-row .row-title{font-size:16px;font-weight:600}.txn-row .row-detail{color:var(--text);font-size:16px;font-weight:700}.txn-row+.txn-row:before{left:64px}.row+.row:has(>.row-icon>.cat-icon.md):before{left:64px}.row+.row:has(>.row-icon>.cat-icon.sm):before{left:58px}.chevron{color:var(--text-3);margin-left:-4px;font-size:22px;line-height:1}.link-row{color:var(--tint)}.mono{white-space:normal;word-break:break-word;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.muted{color:var(--text-2)}.small{font-size:13px}.padded{padding:16px}.padded-sm{padding:10px 12px}.field{flex-wrap:wrap;align-items:center;gap:12px;min-height:44px;padding:6px 16px;display:flex;position:relative}.field-label{flex:none;width:34%;max-width:150px}.field-control{flex:1;min-width:0;display:flex}.field-control input,.field-control select{text-align:right;width:100%;color:var(--text-2);appearance:none;padding:6px 0}.field-control input:focus{color:var(--text)}.field-control select{text-align-last:right;color:var(--tint)}.field-hint{width:100%;color:var(--text-2);font-size:13px}.toggle-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:6px 16px;display:flex;position:relative}.switch{appearance:none;background:var(--fill);cursor:pointer;border-radius:16px;flex:none;width:51px;height:31px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .35s cubic-bezier(.3,1.35,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.switch:checked{background:#34c759}.switch:checked:after{transform:translate(20px)}.money{font-family:var(--rounded);font-variant-numeric:tabular-nums;white-space:nowrap}.money.pos{color:var(--green)}.muted .money.pos{color:var(--text-2)}.cat-icon{border-radius:11px;flex:none;place-items:center;display:grid}.cat-icon.md{width:36px;height:36px;font-size:19px}.cat-icon.sm{border-radius:9px;width:30px;height:30px;font-size:16px}.cat-icon.lg{border-radius:19px;width:64px;height:64px;font-size:34px}.icon-chip{color:#fff;box-shadow:inset 0 1px #ffffff47,0 2px 6px #1018281f}.icon-chip .glyph{width:60%;height:60%}.emoji-chip{box-shadow:inset 0 0 0 1px #ffffff59}.cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.card{text-align:left;flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.card-label{color:var(--ink-2);font-size:13px;font-weight:600}.card-value{font-family:var(--rounded);letter-spacing:-.02em;font-size:26px;font-weight:800}.card-sub{color:var(--text-2);text-overflow:ellipsis;font-size:12px;overflow:hidden}.hero{text-align:center;flex-direction:column;gap:2px;padding:8px 0 4px;display:flex}.hero-value{font-family:var(--rounded);letter-spacing:-.02em;font-size:40px;font-weight:800}.money.owed{color:var(--text)}.bar-row{text-align:left;grid-template-columns:1fr auto;gap:6px 12px;width:100%;padding:10px 16px;display:grid;position:relative}.bar-row+.bar-row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:16px;right:0}.bar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{background:var(--track);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.bar-fill{border-radius:3px;height:100%;display:block}.callout{text-align:left;width:100%;margin-top:12px;padding:14px 16px;display:block}.callout.warn{--lit:color-mix(in oklab, var(--status-warning) 26%, transparent)}.callout strong{font-weight:700}.callout p{color:var(--ink-2);margin:4px 0 0;font-size:15px;line-height:1.4}.toolbar{z-index:5;padding:calc(var(--safe-top) * 0) 16px 16px;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 80%, transparent), color-mix(in srgb, var(--bg) 45%, transparent));-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);margin:0 -16px -10px;position:sticky;top:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000 calc(100% - 14px),#0000)}.search{height:44px;color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex}.search svg{flex:none;width:18px;height:18px}.search input{color:var(--text);flex:1}.filters{flex-wrap:wrap;gap:8px;padding:10px 0 4px;display:flex}.chip{appearance:none;text-overflow:ellipsis;border-radius:999px;flex:none;max-width:calc(50% - 4px);padding:7px 14px;font-size:14px;font-weight:600}.chip.on{background:var(--text);color:var(--bg);border-color:#0000}.chip.link{color:var(--tint);box-shadow:none;background:0 0;border-color:#0000}.filter-summary{color:var(--text-2);margin:6px 4px 0;font-size:13px}:where(svg.glyph){vertical-align:-.14em;flex:none;width:1em;height:1em}.status-glyph{margin-right:4px}.button{width:100%;min-height:50px;color:var(--tint);text-align:center;border-radius:999px;padding:14px;font-weight:600;display:block}.button.primary{background:var(--tint-strong);color:#fff;box-shadow:inset 0 1px 0 #ffffff40, 0 8px 20px color-mix(in oklab, var(--tint-strong) 30%, transparent);border-color:#0000}.button:active,.pill:active{filter:brightness(.94)}.button.danger{color:var(--red)}.button-stack{flex-direction:column;gap:10px;width:100%;margin-top:16px;display:flex}.link{color:var(--tint)}.link:disabled{color:var(--text-3)}.strong{font-weight:600}.empty{text-align:center;flex-direction:column;align-items:center;padding:40px 24px;display:flex}.empty-icon{font-size:48px}.empty-icon.has-glyph{width:84px;height:84px;color:var(--tint);background:radial-gradient(100% 100% at 30% 20%, color-mix(in oklab, var(--tint) 16%, transparent), transparent 70%), linear-gradient(180deg, var(--glass-top), var(--glass-bottom));border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine), 0 12px 32px var(--glass-shadow);border-radius:50%;place-items:center;display:grid}.empty-icon .glyph{width:38px;height:38px}.empty h3{letter-spacing:-.01em;margin:14px 0 4px;font-size:22px;font-weight:700}.empty p{color:var(--ink-2);margin:4px 0;line-height:1.4}.tabbar-wrap{left:50%;bottom:var(--tabbar-bottom);z-index:10;gap:10px;width:min(100% - 28px,520px);display:flex;position:fixed;transform:translate(-50%)}.tabbar{min-width:0;height:var(--tabbar-h);box-shadow:inset 0 1px 0 var(--glass-shine), inset 0 -1px 0 #00000008, 0 14px 36px var(--bar-shadow);border-radius:999px;flex:1;padding:5px;display:flex}.tab-search{width:var(--tabbar-h);height:var(--tabbar-h);color:var(--text);box-shadow:inset 0 1px 0 var(--glass-shine), inset 0 -1px 0 #00000008, 0 14px 36px var(--bar-shadow);border-radius:50%;flex:none;place-items:center;display:grid}.tab-search svg{width:26px;height:26px}.tab-search.active{color:var(--tint)}.tabbar button{min-width:0;color:var(--text);border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;transition:background .2s,color .2s;display:flex}.tabbar,.tabbar button{position:relative}.tabbar button.active{color:var(--tint)}.tab-pill{background:var(--tab-on);width:calc(33.3333% - 3.33333px);box-shadow:inset 0 1px 0 var(--glass-shine), 0 2px 8px #10182814;transition:transform .42s var(--ease-spring);border-radius:999px;position:absolute;top:5px;bottom:5px;left:5px}.tab-icon svg{width:24px;height:24px}.tab-label{white-space:nowrap;font-size:11px;font-weight:600}.sheet-backdrop{z-index:20;background:0 0;transition:background .25s;position:fixed;inset:0}.sheet-backdrop.shown{background:#0006}.sheet{inset:calc(var(--safe-top) + 10px) 0 0;background:radial-gradient(440px 340px at 88% -60px, color-mix(in oklab, var(--hue-blue) 20%, transparent), transparent 70%), radial-gradient(400px 320px at -40px 62%, color-mix(in oklab, var(--hue-violet) 10%, transparent), transparent 70%), var(--bg);box-shadow:0 -1px 0 var(--glass-edge), 0 -10px 40px #0000001f;border-radius:28px 28px 0 0;flex-direction:column;max-width:680px;margin:0 auto;transition:transform .3s cubic-bezier(.2,.9,.3,1);display:flex;position:absolute;transform:translateY(100%)}.sheet-backdrop.shown .sheet{transform:none}.sheet-layer.closing .sheet-backdrop{pointer-events:none;background:0 0}.sheet-layer.closing .sheet{transform:translateY(100%)}.sheet-header{border-bottom:.5px solid var(--separator);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:16px 18px 12px;display:grid}.sheet-header .link{font-weight:500}.sheet-header .link.strong{font-weight:700}.sheet-header h2{text-align:center;margin:0;font-size:17px;font-weight:600}.sheet-header>:first-child{justify-self:start}.sheet-header>:last-child{justify-self:end}.sheet-body{-webkit-overflow-scrolling:touch;padding:0 16px calc(var(--safe-bottom) + 32px);overscroll-behavior:contain;flex:1;overflow-y:auto}.amount-entry{flex-direction:column;align-items:center;gap:12px;padding:20px 0 4px;display:flex}.big-amount{font-family:var(--rounded);justify-content:center;align-items:baseline;font-size:44px;font-weight:800;display:flex}.big-amount input{width:6ch;font-family:var(--rounded);font-variant-numeric:tabular-nums;font-size:44px;font-weight:800}.segmented{background:linear-gradient(180deg, var(--bar-bottom), var(--bar-top));border-radius:999px;gap:2px;width:100%;max-width:340px;padding:3px;display:flex;box-shadow:inset 0 1px 2px #1018280f}.segmented button{min-width:0;min-height:32px;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;padding:6px 8px;font-size:14px;font-weight:600;overflow:hidden}.segmented button.active{background:var(--tab-on);color:var(--text);box-shadow:inset 0 1px 0 var(--glass-shine), 0 2px 8px #1018281a;font-weight:700}.action-backdrop{z-index:40;background:#0006;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.action-sheet{width:100%;max-width:480px;padding:8px 8px calc(var(--safe-bottom) + 8px);flex-direction:column;gap:8px;animation:.25s cubic-bezier(.2,.9,.3,1) rise;display:flex}.action-group{border-radius:22px;overflow:hidden}.action-group,.action-cancel{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--surface) 84%, transparent))}.action-header{text-align:center;color:var(--text-2);border-bottom:.5px solid var(--separator);padding:14px 16px;font-size:13px}.action-header p{margin:4px 0 0}.action{width:100%;color:var(--tint);text-align:center;padding:17px;font-size:19px;display:block}.action+.action{border-top:.5px solid var(--separator)}.action.danger{color:var(--red)}.action-cancel{border-radius:22px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}.import-pick{padding-top:20px}.drop{border-radius:var(--radius);border:2px dashed color-mix(in oklab, var(--tint) 35%, transparent);background:radial-gradient(100% 80% at 50% 0%, color-mix(in oklab, var(--tint) 10%, transparent), transparent 70%), linear-gradient(180deg, var(--glass-top), var(--glass-bottom));text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:32px 16px;display:flex;position:relative}.drop input,.hidden-file{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.drop-icon{font-size:40px}.drop strong{color:var(--tint)}.error{color:var(--red);text-align:center}details.help{padding:12px 16px;position:relative}details.help summary{cursor:pointer;font-weight:500}details.help p{color:var(--text-2);margin:8px 0 0;font-size:15px;line-height:1.45}.swatches{flex-wrap:wrap;gap:12px;padding:14px 16px;display:flex}.swatch{border-radius:50%;width:30px;height:30px}.swatch.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text-2)}.lock{min-height:100vh;padding:calc(var(--safe-top) + 48px) 24px calc(var(--safe-bottom) + 32px);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;display:flex}.lock-icon{width:64px;height:64px;color:var(--tint);background:linear-gradient(180deg, var(--glass-top), var(--glass-bottom));border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine), 0 12px 32px var(--glass-shadow);border-radius:50%;place-items:center;display:inline-grid}.lock-icon .glyph{width:28px;height:28px}.lock h1{margin:12px 0 6px;font-size:22px;font-weight:600}.lock p{max-width:300px;margin:0}.dots{justify-content:center;gap:16px;margin:28px 0 12px;display:flex}.dots span{border:1.5px solid var(--text);border-radius:50%;width:13px;height:13px}.dots span.filled{background:var(--text)}.dots.shake{animation:.35s shake}@keyframes shake{25%{transform:translate(-10px)}75%{transform:translate(10px)}}.lock-error{color:var(--red);min-height:1.3em}.keypad{grid-template-columns:repeat(3,78px);justify-content:center;gap:16px 24px;display:grid}.key{width:78px;height:78px;font-family:var(--rounded);background:linear-gradient(180deg, var(--bar-top), var(--bar-bottom));-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine), 0 6px 18px var(--glass-shadow);border-radius:50%;font-size:32px}.key:active{background:var(--tab-on)}.key-text{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;font-family:inherit;font-size:18px;font-weight:600}.lock-forgot{margin-top:16px}.sheet .lock{min-height:auto;padding-top:32px}.toast{left:50%;bottom:calc(var(--tabbar-h) + var(--tabbar-bottom) + 14px);background:color-mix(in srgb, var(--text) 82%, transparent);box-shadow:0 10px 30px var(--bar-shadow);color:var(--bg);z-index:50;text-align:center;border-color:#0000;border-radius:999px;max-width:calc(100vw - 32px);padding:11px 20px;font-size:15px;font-weight:600;animation:.2s fade;position:fixed;transform:translate(-50%)}.update-banner{left:16px;right:16px;bottom:calc(var(--tabbar-h) + var(--tabbar-bottom) + 12px);border-radius:var(--radius);z-index:15;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:fixed}.badge{vertical-align:2px;background:var(--track);color:var(--ink-2);border-radius:999px;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.warn{background:color-mix(in srgb, var(--status-warning) 24%, transparent);color:var(--orange)}.warn-text{color:var(--orange)}.pos-text,.money.pos-text{color:var(--green)}.neg-text,.money.neg-text{color:var(--red)}.callout{position:relative}.callout.danger{--lit:color-mix(in oklab, var(--status-critical) 18%, transparent)}.callout-body{text-align:left;width:100%;padding-right:24px;display:block}.callout-close{width:28px;height:28px;color:var(--text-2);border-radius:14px;font-size:13px;position:absolute;top:8px;right:10px}.callout .link.small{margin-top:6px}.cards .card-value.muted{color:var(--text-3)}.cards .card .link{color:var(--tint)}.view-switch{justify-content:center;margin:22px 0 0;display:flex}.view-switch .segmented{max-width:none}.detail-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:20px 0 4px;display:flex}.detail-hero h2{letter-spacing:-.02em;margin:8px 0 0;font-size:24px;font-weight:800}.detail-hero p{margin:0}a.row{text-decoration:none}.intro{margin:16px 4px 4px}.suggestion{margin-top:12px;padding:14px 16px}.suggestion-top{align-items:center;gap:12px;display:flex}.suggestion-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.suggestion-actions .chip{flex:0 auto;min-width:0;font-size:14px}.spacer{flex:1}.pill{white-space:nowrap;background:var(--tint-bg);color:var(--tint);border-radius:999px;flex:none;padding:7px 14px;font-size:15px;font-weight:600}.pill.primary{background:var(--tint-strong);color:#fff}.calendar{margin-top:16px}.cal-head{justify-content:space-between;align-items:center;padding:0 4px 8px;display:flex}.cal-head .icon-button{font-size:24px;line-height:1}.cal-title{flex-direction:column;align-items:center;display:flex}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;padding:10px 8px;display:grid}.cal-dow{text-align:center;color:var(--text-2);padding:4px 0;font-size:12px}.cal-day{border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-height:44px;padding:6px 0;display:flex}.cal-day.past .cal-num{color:var(--text-2)}.cal-day.today .cal-num{color:var(--tint);font-weight:700}.cal-day.selected{background:var(--fill)}.cal-num{font-family:var(--rounded);font-variant-numeric:tabular-nums;font-size:15px}.cal-dots{gap:2px;height:6px;display:flex}.cal-dots i{border-radius:50%;width:6px;height:6px}:root{--chart-1:var(--hue-blue);--chart-2:var(--hue-orange);--chart-3:var(--hue-aqua);--chart-deemph:#c9ccd4;--chart-grid:#3c40501f;--chart-axis:#3c40504d;--chart-ink-muted:var(--text-2)}@media (prefers-color-scheme:dark){:root{--chart-deemph:#4a4c54;--chart-grid:#ffffff17;--chart-axis:#ffffff38}}.chart{margin:0;padding:14px 12px 6px}.chart-readout{justify-content:space-between;align-items:baseline;gap:8px;min-height:24px;padding:0 4px 6px;font-size:15px;display:flex}.readout-values{flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;display:flex}.readout-item{align-items:center;gap:4px;display:inline-flex}.key-line{border-radius:1px;width:12px;height:2px;display:inline-block}.key-rect{vertical-align:-1px;border-radius:2px;width:10px;height:10px;display:inline-block}.chart-svg{touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.chart-svg .grid{stroke:var(--chart-grid);stroke-width:1px}.chart-svg .axis-base{stroke:var(--chart-axis);stroke-width:1px}.chart-svg .ref-line{stroke:var(--text-2);stroke-width:1px}.chart-svg .tick{fill:var(--chart-ink-muted);font-variant-numeric:tabular-nums;font-size:10px}.chart-svg .tick-strong{fill:var(--text);font-weight:600}.chart-svg .ref-label{fill:var(--text-2)}.chart-svg .hit{fill:#0000}.chart-svg .col{cursor:pointer;outline:none}.chart-svg .col.active .hit{fill:var(--fill)}.chart-svg .col:focus-visible .hit{stroke:var(--tint);stroke-width:1.5px}.legend{color:var(--text-2);gap:16px;padding:6px 4px 0;font-size:13px;display:flex}.chart-table{color:var(--text-2);padding:6px 4px 8px;font-size:13px}.chart-table summary{cursor:pointer;color:var(--tint)}.chart-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:6px}.chart-table th,.chart-table td{text-align:right;border-bottom:.5px solid var(--separator);padding:4px 0;font-weight:400}.chart-table th[scope=row],.chart-table thead th:first-child{text-align:left}.ranked{padding:8px 0}.ranked-row{text-align:left;grid-template-columns:minmax(96px,42%) 1fr;align-items:center;gap:2px 10px;width:100%;padding:7px 16px;display:grid}.ranked-row:active{background:var(--fill)}.ranked-label{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.ranked-bar{align-items:center;gap:6px;min-width:0;display:flex}.ranked-fill{background:var(--chart-1);border-radius:0 4px 4px 0;flex:none;max-width:calc(100% - 64px);height:14px}.ranked-value{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.ranked-note{color:var(--text-2);grid-column:2;font-size:12px}.meter-row{text-align:left;width:100%;padding:10px 16px;display:block;position:relative}.meter-row+.meter-row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:16px;right:0}.meter-row:active{background:var(--fill)}.meter-head{justify-content:space-between;gap:8px;font-size:15px;display:flex}.meter-head .muted{font-variant-numeric:tabular-nums}.meter-track{background:color-mix(in srgb, var(--chart-1) 16%, transparent);border-radius:999px;height:8px;margin:7px 0 5px;display:block;position:relative;overflow:hidden}.meter-track.warning{background:color-mix(in srgb, var(--status-warning) 22%, transparent)}.meter-track.over{background:color-mix(in srgb, var(--status-critical) 18%, transparent)}.meter-fill{background:var(--chart-1);border-radius:999px;position:absolute;inset:0 auto 0 0}.meter-track.warning .meter-fill{background:var(--status-warning)}.meter-track.over .meter-fill{background:var(--status-critical)}.meter-pace{background:var(--text);opacity:.55;width:2px;position:absolute;top:-2px;bottom:-2px}.meter-sub{color:var(--text-2);font-size:13px;display:block}.meter-sub .status{color:var(--text);font-weight:600}.month-switch{justify-content:space-between;align-items:center;gap:8px;margin:4px 0 0;display:flex}.month-switch strong{font-size:17px}.month-switch .icon-button:disabled{opacity:.3}.hero-card{--lit:color-mix(in oklab, var(--hue-blue) 12%, transparent);flex-direction:column;gap:2px;margin-top:12px;padding:16px 18px;display:flex}.hero-number{font-family:var(--rounded);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:48px;font-weight:800;line-height:1.05}.kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.kpi{text-align:left;border-radius:20px;flex-direction:column;gap:2px;min-width:0;padding:12px;display:flex}.kpi-value{font-family:var(--rounded);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;overflow:hidden}.kpi .card-sub{font-size:11px}.section-title .link{text-transform:none;font-size:15px}button.hero-card{text-align:left;width:100%}.chart-svg .crosshair{stroke:var(--text-2);stroke-width:1px}.chart-svg .dot{stroke:var(--surface);stroke-width:2px}.chart-svg:focus-visible{outline:2px solid var(--tint);outline-offset:2px;border-radius:4px}.chart-controls{gap:8px;margin:12px 0 8px;display:flex}.chart-controls .segmented{max-width:none}.chart-controls .segmented button{padding:6px 4px;font-size:13px}.chart-controls .segmented:first-child{flex:1.6}.chart-controls .segmented:last-child{flex:1}.change-line{color:var(--text-2);font-size:15px}.goal-row{text-align:left;width:100%;padding:12px 16px;display:block;position:relative}.goal-row+.goal-row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:16px;right:0}.goal-row:active{background:var(--fill)}.goal-track{background:color-mix(in srgb, var(--chart-1) 16%, transparent);border-radius:999px;height:8px;margin:8px 0 6px;display:block;position:relative;overflow:hidden}.goal-track.done{background:color-mix(in srgb, var(--status-good) 20%, transparent)}.goal-fill{background:var(--chart-1);border-radius:999px;position:absolute;inset:0 auto 0 0}.goal-track.done .goal-fill{background:var(--status-good)}.goal-sub{color:var(--text-2);font-size:13px;line-height:1.4;display:block}.emoji-pick{border-radius:20px;width:40px;height:40px;font-size:22px}.emoji-pick.on{box-shadow:0 0 0 2px var(--tint)}.change-line.pos-text{color:var(--green)}.change-line.neg-text{color:var(--red)}.summary-card{flex-direction:column;gap:4px;margin-top:10px;padding:16px 18px;display:flex}.summary-card p{margin:0;font-size:15px;line-height:1.45}.callout .pill{margin-top:10px}.suggest-pill{margin-top:8px}.ask-items{margin:8px 0 0;padding:0;list-style:none}.ask-items li{border-top:.5px solid var(--separator);justify-content:space-between;gap:12px;padding:4px 0;font-size:15px;display:flex}.ask-meta{color:var(--text-2);font-size:12px;margin-top:8px!important}.suggest-row{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 16px;display:flex;position:relative}.suggest-row+.suggest-row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:16px;right:0}.suggest-top{align-items:center;gap:8px;width:100%;display:flex}.suggest-row .chip{max-width:100%}.confidence{color:var(--text-2);background:var(--fill);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:600}.confidence.high{color:var(--green)}.explain{padding:10px 16px 12px;font-size:15px;position:relative}.explain:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:16px;right:0}.explain ul{color:var(--text-2);margin:0 0 8px;padding-left:18px;line-height:1.45}.explain p{margin:6px 0}.explain-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.affix{color:var(--text-2);flex:none;align-self:center;padding:0 2px}.kpis.two{grid-template-columns:repeat(2,1fr)}.plan-answer .card-sub{font-size:15px;line-height:1.35}.plan-answer .hero-number{font-size:40px}.status-badge{color:var(--text);background:var(--fill);border-left:4px solid var(--text-2);border-radius:999px;align-self:flex-start;margin-top:8px;padding:3px 10px;font-size:14px;font-weight:600}.status-badge.good{border-left-color:var(--status-good)}.status-badge.warning{border-left-color:var(--status-warning)}.status-badge.critical{border-left-color:var(--status-critical)}.plan-block{margin-top:12px}.plan-note{color:var(--text-2);margin:10px 4px 0;font-size:15px}.plan-note strong{color:var(--text)}.plan-progress{background:var(--fill);border-radius:4px;height:8px;display:block;overflow:hidden}.plan-progress span{background:var(--chart-1);border-radius:4px;height:100%;display:block}.order-num{background:var(--fill);border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:600;display:inline-flex}.row-detail.strong{color:var(--text);font-weight:600}.plan-table-head{color:var(--text-2);text-transform:uppercase;font-size:13px}.row .row-detail+.row-detail{text-align:right;min-width:84px}.sheet-body>.segmented{margin-top:12px}.callout.good{--lit:color-mix(in oklab, var(--status-good) 18%, transparent)}.balance-result .causes{flex-direction:column;gap:8px;margin:8px 0;padding-left:18px;font-size:15px;display:flex}.balance-result .cause-line{color:var(--text-2);display:block}.balance-result .pill,.balance-result .small{margin-top:6px}.split-part{flex-direction:column;gap:6px;padding:10px 16px;display:flex;position:relative}.split-part+.split-part:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:16px;right:0}.split-top{align-items:center;gap:8px;display:flex}.split-num{background:var(--fill);border-radius:11px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:inline-flex}.split-amount{background:var(--fill);font-variant-numeric:tabular-nums;border-radius:8px;flex:none;width:90px;padding:6px 8px}.split-top .chip{flex:1;min-width:0}.split-bottom{flex-wrap:wrap;align-items:center;gap:4px 12px;padding-left:30px;display:flex}.split-bottom .toggle-row{gap:8px;min-height:0;padding:0;font-size:15px}.owed-name{background:var(--fill);border-radius:8px;width:100%;padding:6px 8px}.icon-button.small{width:28px;height:28px;font-size:13px}.tag-input{flex-wrap:wrap;justify-content:flex-end;gap:6px;width:100%;display:flex}.tag-chip{background:var(--fill);color:var(--tint);border-radius:14px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:14px;font-weight:600;display:inline-flex}.tag-chip button{width:20px;height:20px;color:var(--text-2);border-radius:10px;font-size:11px}.field-control .tag-input input{flex:1;width:auto;min-width:120px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;padding:8px;display:grid}.emoji-pick{border-radius:10px;height:44px;font-size:24px}.emoji-pick.on{background:var(--fill);outline:2px solid var(--tint)}.sheet-toolbar{justify-content:flex-end;padding:8px 20px 0;display:flex}.check-row{gap:10px}.check-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--tint);flex:none}.theme-blue{--g1:#1d4ed8;--g2:#6d28d9}.theme-orange{--g1:#c2410c;--g2:#b91c1c}.theme-green{--g1:#047857;--g2:#0f766e}.theme-purple{--g1:#6d28d9;--g2:#a21caf}.theme-pink{--g1:#be185d;--g2:#9f1239}.theme-teal{--g1:#0e7490;--g2:#1d4ed8}.theme-indigo{--g1:#3730a3;--g2:#1e3a8a}.theme-gold{--g1:#a16207;--g2:#c2410c}.story{z-index:200;background:linear-gradient(160deg, var(--g1), var(--g2));color:#fff;padding:calc(var(--safe-top) + 56px) 28px calc(var(--safe-bottom) + 72px);flex-direction:column;justify-content:center;transition:background .3s;display:flex;position:fixed;inset:0}.story-progress{top:calc(var(--safe-top) + 12px);gap:4px;display:flex;position:absolute;left:12px;right:12px}.story-progress span{background:#ffffff4d;border-radius:2px;flex:1;height:3px}.story-progress span.done,.story-progress span.now{background:#fff}.story-close{top:calc(var(--safe-top) + 24px);z-index:3;color:#fff;background:#0003;border-radius:18px;width:36px;height:36px;font-size:18px;position:absolute;right:14px}.story-tap{z-index:1;background:0 0;position:absolute;top:0;bottom:0}.story-tap.left{width:30%;left:0}.story-tap.right{width:70%;right:0}.story-card{animation:.35s ease-out story-in}@keyframes story-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.story-card{animation:none}}.story-emoji{margin-bottom:18px;font-size:56px;line-height:1}.story-kicker{text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin:0;font-size:17px;font-weight:600}.story-big{letter-spacing:-.5px;overflow-wrap:anywhere;margin:6px 0 0;font-size:44px;font-weight:800;line-height:1.08}.story-sub{opacity:.92;margin:12px 0 0;font-size:19px;line-height:1.35}.story-lines{flex-direction:column;gap:10px;margin:22px 0 0;padding:0;font-size:17px;line-height:1.35;list-style:none;display:flex}.story-lines li{background:#ffffff24;border-radius:12px;padding:10px 14px}.story-actions{left:28px;right:28px;bottom:calc(var(--safe-bottom) + 64px);z-index:2;position:absolute}.story-button{color:#111;background:#fff;border-radius:14px;width:100%;padding:14px;font-size:17px;font-weight:700}.story-count{bottom:calc(var(--safe-bottom) + 20px);text-align:center;opacity:.7;margin:0;font-size:13px;position:absolute;left:0;right:0}.recap-top{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.recap-card{border-radius:var(--radius);box-shadow:0 12px 32px var(--glass-shadow);color:#fff;background:linear-gradient(150deg, var(--g1), var(--g2));flex-direction:column;gap:4px;margin-top:12px;padding:16px 18px;display:flex}.recap-kicker{text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-size:13px;font-weight:600}.recap-big{overflow-wrap:anywhere;font-size:28px;font-weight:800;line-height:1.15}.recap-sub{opacity:.92;font-size:15px}.recap-line{opacity:.92;font-size:14px}.recap-teaser{text-align:left;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#1d4ed8,#6d28d9);flex-direction:column;gap:2px;width:100%;margin-top:12px;padding:14px 18px;display:flex;box-shadow:inset 0 1px #fff3,0 12px 32px oklab(49.0667% .0926302 -.222738/.25)}.recap-teaser .card-label,.recap-teaser .card-sub{color:#ffffffd9}.recap-teaser-main{font-size:20px}.row-actions{flex:none;gap:8px;display:flex}.payback-row .row-main,.what-row .row-main{min-width:0}.what-row button.row-main{text-align:left}.what-actions{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.what-actions select{max-width:150px;color:var(--tint);text-align:right;background:0 0;font-size:14px}.avatar{background:var(--fill);width:32px;height:32px;color:var(--text-2);border-radius:16px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.rent-readout{color:var(--text);min-height:20px;margin:0 4px 10px;font-size:15px;font-weight:600}.rent-track-wrap{padding:0 4px 4px}.rent-track{gap:2px;height:36px;display:flex;position:relative}.rent-zone{white-space:nowrap;min-width:0;height:100%;color:var(--text);align-items:center;padding:0 8px;font-size:13px;font-weight:600;transition:opacity .15s;display:flex;overflow:hidden}.rent-zone:first-child{border-radius:4px 0 0 4px}.rent-zone:nth-child(3){border-radius:0 4px 4px 0}.rent-zone.good{background:color-mix(in srgb, var(--status-good) 28%, var(--surface))}.rent-zone.warning{background:color-mix(in srgb, var(--status-warning) 38%, var(--surface))}.rent-zone.critical{background:color-mix(in srgb, var(--status-critical) 30%, var(--surface))}.rent-zone.dim,.takehome-part.dim{opacity:.45}.rent-zone-label{text-overflow:ellipsis;overflow:hidden}.rent-marker{background:var(--text);width:3px;box-shadow:0 0 0 2px var(--surface);pointer-events:none;border-radius:2px;margin-left:-1.5px;position:absolute;top:-6px;bottom:-2px}.rent-pin{background:var(--text);width:12px;height:12px;box-shadow:0 0 0 2px var(--surface);pointer-events:none;border-radius:6px;margin-left:-6px;position:absolute;top:-14px}.rent-track-wrap{padding-top:12px}.rent-range-row .row-detail{white-space:nowrap;font-size:15px}.rent-range-row .row-subtitle{white-space:normal}.rent-landlord{border-left:2px dashed var(--text-2);pointer-events:none;width:0;position:absolute;top:-4px;bottom:-4px}.rent-ticks{height:18px;color:var(--chart-ink-muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:12px;position:relative}.rent-ticks span{white-space:nowrap;position:absolute;transform:translate(-50%)}.rent-ticks span:first-child{transform:none}.rent-key-marker{background:var(--text);vertical-align:-1px;border-radius:5px;width:10px;height:10px;display:inline-block}.rent-key-landlord{border-left:2px dashed var(--text-2);vertical-align:-2px;width:0;height:12px;margin:0 3px;display:inline-block}.rent-key{width:24px;height:24px;color:var(--text);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.rent-key.good{background:color-mix(in srgb, var(--status-good) 28%, var(--surface))}.rent-key.warning{background:color-mix(in srgb, var(--status-warning) 38%, var(--surface))}.rent-key.critical{background:color-mix(in srgb, var(--status-critical) 30%, var(--surface))}.takehome{margin-top:12px}.takehome-bar{gap:2px;height:20px;padding:0 4px;display:flex;position:relative}.takehome-part{min-width:2px;height:100%;transition:opacity .15s}.takehome-part:first-child{border-radius:4px 0 0 4px}.takehome-part:last-of-type{border-radius:0 4px 4px 0}.takehome-limit{border-left:2px dashed var(--text-2);position:absolute;top:-4px;bottom:-4px}.takehome-legend{flex-wrap:wrap;row-gap:4px}.takehome-legend strong{color:var(--text);font-weight:600}.callout.top-callout{margin:4px 0 12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button.card:active,.browse-card:active,.browse-pin:active,.chip:active,.pill:active,.icon-button:active,.tab-search:active{transform:none}.glow{animation:none}.tabbar button{transition:none}}@media (prefers-reduced-transparency:reduce){.ambient{display:none}.group,.card,.hero-card,.kpi,.callout,.chart,.ranked,.summary-card,.suggestion,.cal-grid,.tabbar,.tab-search,.icon-button,.chip,.search,.button:not(.primary),.update-banner,.action-group,.action-cancel,.key:not(.key-text),.toolbar,.empty-icon.has-glyph,.lock-icon,.drop{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.segmented{background:var(--track);-webkit-backdrop-filter:none;backdrop-filter:none}.segmented button.active,.tab-pill{background:var(--surface-2)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tabbar,.tab-search,.update-banner,.action-group,.action-cancel,.toolbar{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.title-stack{flex:1;min-width:0}.title-date{color:var(--text-2);margin:0 0 2px;font-size:14px;font-weight:600}.back-pill{min-height:40px;color:var(--text);background:linear-gradient(180deg, var(--bar-top), var(--bar-bottom));-webkit-backdrop-filter:blur(28px)saturate(1.9);backdrop-filter:blur(28px)saturate(1.9);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine), 0 6px 18px var(--glass-shadow);border-radius:999px;align-items:center;gap:2px;margin:4px 0 -4px;padding:0 14px 0 8px;font-weight:600;display:inline-flex}.back-pill svg{width:20px;height:20px}.section-heading{letter-spacing:-.01em;align-items:center;gap:6px;margin:0;font-size:22px;font-weight:700;display:flex}.section-heading svg{width:20px;height:20px}.browse-head{justify-content:space-between;align-items:baseline;margin:10px 4px;display:flex}.browse-hint{margin:-4px 4px 10px}.browse-all{margin:26px 4px 10px}.browse-row .browse-pin-mark{flex:none;position:static}.browse-row.pinned .browse-pin-mark{color:#fff;background:var(--tint-strong)}.browse-row .row-detail{color:var(--ink);font-weight:700}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.browse-card{background:radial-gradient(115% 90% at 10% 6%, var(--lit), transparent 72%), linear-gradient(180deg, var(--glass-top), var(--glass-bottom));border-radius:22px;justify-content:space-between;gap:18px;min-height:112px;padding:14px;position:relative}.browse-card:active,.browse-pin:active{transform:scale(.98)}.browse-card-text{flex-direction:column;gap:2px;display:flex}.browse-card-title{font-size:16px;font-weight:700;line-height:1.25}.browse-card-sub{color:var(--ink-2);font-size:13px;font-weight:500;line-height:1.3}.browse-pin-mark{width:26px;height:26px;color:var(--text-2);background:var(--track);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.browse-pin-mark svg{width:16px;height:16px}.browse-card.pinned .browse-pin-mark{color:#fff;background:var(--tint-strong)}.browse-pin{gap:8px;padding:14px}.browse-pin-wide{grid-column:1/-1;display:grid}.browse-pin-wide:empty{display:none}.browse-pin-wide .recap-teaser{margin-top:0}.browse-pin-top{align-items:center;gap:8px;min-width:0;display:flex}.browse-pin-title{overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.2}.browse-pin-value{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:800;overflow:hidden}.search-ask{flex-direction:row;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 16px}.search-ask-label{color:var(--tint);font-size:13px;font-weight:600}.search-ask.is-question{--lit:color-mix(in oklab, var(--hue-blue) 22%, transparent);background:radial-gradient(120% 120% at 0% 0%, var(--lit), transparent 70%), linear-gradient(180deg, var(--glass-top), var(--glass-bottom))}.search-mode{bottom:calc(var(--tabbar-bottom) + var(--keyboard,0px));transition:bottom .2s}.search-dock{min-width:0;height:var(--tabbar-h);box-shadow:inset 0 1px 0 var(--glass-shine), inset 0 -1px 0 #00000008, 0 14px 36px var(--bar-shadow);flex:1;padding:0 10px 0 20px;font-size:17px}.search-dock>svg{width:20px;height:20px}.search-dock input::-webkit-search-cancel-button{display:none}.search-clear{background:var(--track);width:30px;height:30px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;display:grid}.search-clear svg{width:14px;height:14px}.tab-back svg{width:24px;height:24px}.search-chips{flex-wrap:wrap;gap:8px;display:flex}.search-chips .chip{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ask-examples .row-title{white-space:normal}.recent-icon{width:30px;color:var(--text-2);place-items:center;display:grid}.recent-icon svg{width:20px;height:20px}.top-hit{text-align:left;width:100%;color:var(--text);flex-direction:row;align-items:center;gap:14px;padding:14px 16px}.top-hit>svg{width:18px;height:18px;color:var(--text-2)}.top-hit-title{letter-spacing:-.01em;font-size:20px;font-weight:700}.answer-card{--lit:color-mix(in oklab, var(--hue-blue) 16%, transparent);background:radial-gradient(120% 90% at 0% 0%, var(--lit), transparent 62%), linear-gradient(180deg, var(--glass-top), var(--glass-bottom));gap:8px;margin-top:12px;padding:16px}.answer-head{align-items:center;gap:10px;display:flex}.answer-q{color:var(--ink-2);font-size:15px;font-weight:600}.answer-headline{letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1.3}.answer-detail{color:var(--ink-2);margin:0;line-height:1.4}.browse-pin-empty{color:var(--ink-2);font-size:15px;font-weight:600;line-height:1.3}.day-summary{gap:12px;margin-top:4px;padding:18px 18px 16px}.day-summary-head h2{color:var(--tint);align-items:center;gap:6px;margin:0;font-size:15px;font-weight:700;display:flex}.day-summary-head svg{width:18px;height:18px}.day-summary-text{letter-spacing:-.01em;text-wrap:pretty;margin:0;font-size:19px;font-weight:600;line-height:1.38}.day-summary-actions{flex-wrap:wrap;gap:8px;display:flex}.day-summary-actions .pill{font-size:14px}.today-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.tile-head{justify-content:space-between;align-items:center;display:flex}.readiness-tile{align-items:stretch;padding:14px 14px 14px 16px}.gauge-wrap{align-self:center;width:124px;height:108px;margin-top:2px;position:relative}.gauge-wrap.big{width:200px;height:176px}.gauge-wrap .gauge{position:absolute;top:0;left:0;overflow:visible}.gauge-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:30%;left:0;right:0}.gauge-score{font-size:44px;font-weight:800;line-height:1}.gauge-wrap.big .gauge-score{font-size:68px}.gauge-of{color:var(--text-2);font-size:12px;font-weight:600}.readiness-verdict{justify-content:center;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:800;display:flex}.readiness-verdict.small{margin-top:-6px;font-size:16px;font-weight:700}.verdict-dot{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 10px}.left-tile{gap:6px;padding:14px 16px}.left-value{letter-spacing:-.02em;margin-top:6px;font-size:34px;font-weight:800;line-height:1.1}.left-sub{color:var(--ink-2);font-size:14px;line-height:1.35}.left-sub strong{color:var(--text)}.left-bar{background:var(--track);border-radius:999px;height:10px;margin-top:auto;position:relative}.left-fill{background:var(--chart-1);border-radius:999px;position:absolute;inset:0 auto 0 0}.left-pace{background:var(--text);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-4px;bottom:-4px}.left-foot{color:var(--text-2);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.left-cta{align-self:flex-start;margin-top:auto;font-size:14px}.pace-card{gap:10px;margin-top:12px;padding:16px}.pace-head{align-items:center;gap:10px;display:flex}.pace-head h2{flex:1;margin:0;font-size:16px;font-weight:700}.pace-chart{margin:0}.pace-foot{color:var(--text-2);font:inherit;text-align:left;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px}.pace-readout{color:var(--text-2);justify-content:space-between;gap:8px;min-height:18px;font-size:13px;display:flex}.pace-readout strong{color:var(--text)}.pace-svg{touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.pace-svg .grid{stroke:var(--chart-grid)}.pace-svg .axis-base{stroke:var(--chart-axis)}.pace-svg .tick{fill:var(--chart-ink-muted);font-variant-numeric:tabular-nums;font-size:10px}.pace-svg .tick-strong{fill:var(--text);font-weight:700}.pace-line{stroke:var(--text-2);stroke-width:1.5px;stroke-dasharray:4 5}.pace-area{fill:var(--chart-1);opacity:.12}.pace-glow,.pace-you{fill:none;stroke:var(--chart-1);stroke-linecap:round;stroke-linejoin:round}.pace-glow{stroke-width:6px;opacity:.3;filter:blur(3px)}.pace-you{stroke-width:2.5px}.pace-dot{fill:var(--chart-1);stroke:var(--surface);stroke-width:3px}.pace-dot-pace{fill:var(--surface);stroke:var(--text-2);stroke-width:2px}.pace-svg .crosshair{stroke:var(--text-2);stroke-width:1px}.key-dash{border-top:2px dashed var(--text-2);vertical-align:middle;width:14px;display:inline-block}#bills{scroll-margin-top:16px}.on-hand{gap:8px;width:100%;margin-top:12px;padding:14px 16px}.on-hand-stats{flex-wrap:wrap;gap:8px 22px;display:flex}.on-hand-stat{flex-direction:column;display:flex}.on-hand-value{font-size:22px;font-weight:800;line-height:1.2}.todo-row{gap:0;padding:0}.todo-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 16px;display:flex}.todo-later{margin-right:14px;font-size:14px}.row-subtitle.wrap{white-space:normal}.todo-more .row-title{color:var(--tint);font-weight:600}.readiness-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px 8px 4px;display:flex}.readiness-hero p{max-width:320px;margin:2px 0 0;line-height:1.4}.factor-row{flex-direction:column;gap:6px;padding:12px 16px;display:flex;position:relative}.factor-row+.factor-row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:16px;right:0}.factor-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.factor-track{background:var(--track);border-radius:999px;height:8px;overflow:hidden}.factor-fill{background:var(--chart-1);border-radius:999px;height:100%;display:block}.factor-detail{color:var(--ink-2);font-size:14px}.health-ring{flex:none;position:relative}.health-ring svg{position:absolute;inset:0;overflow:visible}.health-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.health-score{font-weight:800;line-height:1}.health-band{color:var(--ink-2);margin-top:2px;font-weight:700}.health-hero{align-items:center;gap:10px;margin-top:8px;padding:22px 16px 12px}.health-meaning{text-align:center;max-width:320px;margin:4px 0 0;font-size:17px;font-weight:600;line-height:1.35}.pillar{gap:8px;margin-top:12px;padding:16px}.pillar-head{align-items:center;gap:10px;display:flex}.pillar-head h2{flex:1;margin:0;font-size:16px;font-weight:700}.pillar-score{font-size:22px;font-weight:800}.pillar-metric,.pillar-tip{margin:0;font-size:15px;line-height:1.4}.pillar-tip{color:var(--ink-2)}.health-teaser{flex-direction:row;align-items:center;gap:16px;width:100%;margin-top:12px;padding:16px}.health-teaser-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.health-teaser-label{color:var(--ink-2);align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.health-teaser-label svg{width:18px;height:18px}.health-teaser-title{font-size:17px;font-weight:700;line-height:1.3}.month-card{gap:12px;margin-bottom:12px;padding:14px 16px}.month-card-nav{justify-content:space-between;align-items:center;display:flex}.month-card-nav strong{font-size:17px}.round-button{background:var(--track);width:36px;height:36px;color:var(--text);border-radius:50%;place-items:center;display:grid}.round-button svg{width:18px;height:18px}.round-button:disabled{opacity:.35}.month-card-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.month-card-stats>div{flex-direction:column;display:flex}.month-stat{white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:800;overflow:hidden}.month-card-note{color:var(--text-2);font-size:12px}.filter-button{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.filter-button .glyph{width:16px;height:16px}.filters select.chip{text-overflow:ellipsis;flex:1 1 0;min-width:112px}.review-card{flex-direction:row;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px 14px}.review-card-title{font-size:15px;font-weight:700}.section-title .day-total{color:var(--ink-2);font-size:14px;font-weight:700}.section-title .day-total.pos{color:var(--green)}.detail-title{align-items:center;gap:12px;padding:16px 4px 12px;display:flex}.detail-title h2{letter-spacing:-.02em;flex:1;margin:0;font-size:28px;font-weight:800}.detail-title .pill{align-items:center;gap:4px;font-size:14px;display:inline-flex}.detail-title .pill svg{width:15px;height:15px}.sheet-body>.segmented{max-width:none;margin:0 auto 4px}.detail-hero-card{gap:4px;margin-top:12px;padding:16px}.detail-big{letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1.1}.detail-mid{font-size:26px;font-weight:800;line-height:1.2}.detail-stats{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.detail-stats>div{flex-direction:column;display:flex}.detail-hero-card .chart,.detail-hero-card .segmented{margin-top:8px}.detail-hero-card .chart{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:4px 0 0}.highlight-card,.detail-budget{gap:10px;margin-top:12px;padding:16px}.detail-budget-head{justify-content:space-between;align-items:baseline;display:flex}.detail-budget-head h3{margin:0;font-size:17px;font-weight:700}.detail-budget-text{color:var(--ink-2);margin:0;font-size:15px;line-height:1.4}.detail-budget-text strong{color:var(--text)}.detail-budget .left-bar{margin-top:4px}.place-row .row-main{gap:6px}.place-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.place-bar{background:var(--track);border-radius:999px;height:6px;display:block;overflow:hidden}.place-bar span{border-radius:999px;height:100%;display:block}.button-stack .button{justify-content:center;align-items:center;gap:8px;display:flex}.button-stack .button svg{width:18px;height:18px}.callout-actions{gap:8px;margin-top:12px;display:flex}.button.wide{margin-top:16px}.button:disabled{opacity:.5}.section-footer.danger{color:var(--status-critical)}.backup-ready{text-align:center;--lit:color-mix(in oklab, var(--status-good) 18%, transparent);background:radial-gradient(120% 90% at 50% 0%, var(--lit), transparent 70%), linear-gradient(180deg, var(--glass-top), var(--glass-bottom));align-items:center;gap:6px;margin-top:8px;padding:22px 18px}.backup-ready.has-problems{--lit:color-mix(in oklab, var(--status-warning) 22%, transparent)}.backup-ready strong{font-size:19px}.backup-ready-icon{color:#fff;background:var(--status-good);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.has-problems .backup-ready-icon{background:var(--status-warning)}.backup-ready-icon svg{width:26px;height:26px}.backup-problems{margin:0;padding:12px 16px 12px 34px;line-height:1.4}.onboarding{max-width:520px;min-height:100dvh;padding:calc(var(--safe-top) + 8px) 24px calc(var(--safe-bottom) + 20px);flex-direction:column;margin:0 auto;display:flex}.onboarding-top{justify-content:flex-end;align-items:center;min-height:44px;display:flex}.onboarding-page{flex-direction:column;flex:1;justify-content:center;animation:.35s ease-out story-in;display:flex}.onboarding-page .icon-chip{border-radius:20px;width:72px;height:72px}.onboarding-page h1{letter-spacing:-.02em;margin:22px 0 8px;font-size:32px;line-height:1.1}.onboarding-body{color:var(--ink-2);margin:0 0 20px;font-size:17px;line-height:1.45}.onboarding-points{gap:0;margin:0;padding:6px 16px;list-style:none}.onboarding-points li{align-items:center;gap:12px;padding:10px 0;font-size:16px;line-height:1.35;display:flex}.onboarding-points li+li{border-top:.5px solid var(--separator)}.onboarding-points svg{width:20px;height:20px;color:var(--status-good);flex:none}.onboarding-foot{padding-top:20px}.onboarding-dots{justify-content:center;gap:8px;margin-bottom:18px;display:flex}.onboarding-dots span{background:var(--track);border-radius:50%;width:8px;height:8px;transition:width .25s,background .25s}.onboarding-dots span.on{background:var(--tint);border-radius:4px;width:22px}.onboarding-layer{z-index:30;background:var(--bg);position:fixed;inset:0;overflow-y:auto}.about-head{text-align:center;flex-direction:column;align-items:center;padding:16px 0 4px;display:flex}.about-head .icon-chip{border-radius:18px;width:64px;height:64px}.about-head h2{margin:12px 0 2px;font-size:22px}.about-head p{margin:0}.prose{padding:8px 4px 24px;line-height:1.5}.prose-lead{margin:8px 0 4px;font-size:19px;font-weight:600;line-height:1.4}.prose h3{margin:22px 0 4px;font-size:17px}.prose p,.prose li{color:var(--ink-2);font-size:16px}.prose p{margin:4px 0}.prose ul{margin:4px 0;padding-left:22px}.whats-new section+section{margin-top:28px}.whats-new h3{margin-top:8px}.whats-new-date{color:var(--text-2)!important;font-size:14px!important}.whats-new li+li{margin-top:6px}:root{--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.3, 1.35, .5, 1)}.screen{transition:transform .45s var(--ease-out)}.screen.receded{transform:scale(.95)}.screen.intro>:not(.tabbar-wrap):not(.back-pill){animation:rise-in .5s var(--ease-out) both}.screen.intro>:nth-child(2){animation-delay:30ms}.screen.intro>:nth-child(3){animation-delay:60ms}.screen.intro>:nth-child(4){animation-delay:90ms}.screen.intro>:nth-child(5){animation-delay:.12s}.screen.intro>:nth-child(6){animation-delay:.15s}.screen.intro>:nth-child(7){animation-delay:.18s}.screen.intro>:nth-child(8){animation-delay:.21s}.screen.intro>:nth-child(n+9){animation-delay:.24s}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}:is(.screen.intro,.sheet) .chart-svg .col path{transform-box:fill-box;transform-origin:50% 100%;animation:bar-grow .6s var(--ease-out) both;animation-delay:calc(var(--i,0) * 35ms + .12s)}@keyframes bar-grow{0%{transform:scaleY(0)}}:is(.screen.intro,.sheet) .draw-line{stroke-dasharray:1;animation:draw-line 1s var(--ease-out) .15s both}@keyframes draw-line{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}:is(.screen.intro,.sheet) .draw-area{animation:.6s ease-out .7s both fade-in}@keyframes fade-in{0%{opacity:0}}:is(.screen.intro,.sheet) .gauge .seg-on{animation:.25s ease-out both seg-on;animation-delay:calc(var(--i,0) * 55ms + .15s)}@keyframes seg-on{0%{stroke:var(--track)}}:is(.screen.intro,.sheet) .gauge-glow,:is(.screen.intro,.sheet) .ring-glow{animation:.6s ease-out .6s both fade-in}:is(.screen.intro,.sheet) .ring-fill{stroke-dasharray:1;animation:draw-line .8s var(--ease-out) both;animation-delay:calc(var(--i,0) * 70ms + .15s)}:is(.screen.intro,.sheet) :is(.left-fill,.ranked-fill,.meter-fill,.goal-fill){transform-origin:0;animation:bar-fill .7s var(--ease-out) .2s both}@keyframes bar-fill{0%{transform:scaleX(0)}}.answer-card,.callout,.toast{animation:pop-in .35s var(--ease-spring) both}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(6px)}}.live-ring{fill:var(--chart-1);transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:2.6s ease-out infinite live-pulse}@keyframes live-pulse{0%{opacity:.45;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.live-glow{animation:3.2s ease-in-out infinite breathe}:is(.screen.intro,.sheet) .live-glow{animation:.6s ease-out .6s both fade-in,3.2s ease-in-out 1.2s infinite breathe}@keyframes breathe{50%{opacity:.25}}.shimmer{isolation:isolate;position:relative;overflow:hidden}.shimmer:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff38 50%,#0000 62%);animation:9s ease-in-out 1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-130%)}@keyframes shimmer{0%{transform:translate(-130%)}18%,to{transform:translate(130%)}}html.app-hidden *,html.app-hidden :after{animation-play-state:paused!important}.pill[aria-pressed=true] .glyph,.browse-pin-mark .glyph{animation:pop .4s var(--ease-spring)}@keyframes pop{40%{transform:scale(1.3)}}.backup-ready-icon,.celebrate-icon{animation:pop-in .45s var(--ease-spring) both}.backup-ready-icon .glyph *,.celebrate-icon>.glyph *{stroke-dasharray:30;animation:draw-check .45s var(--ease-out) .2s both}@keyframes draw-check{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}.celebrate{top:calc(var(--safe-top) + 10px);z-index:60;pointer-events:none;animation:celebrate-in 3.2s var(--ease-out) both;justify-content:center;padding:0 16px;display:flex;position:fixed;left:0;right:0}@keyframes celebrate-in{0%{opacity:0;transform:translateY(-16px)scale(.96)}10%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.celebrate-card{border:1px solid var(--glass-edge);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--surface) 84%, transparent));-webkit-backdrop-filter:blur(28px)saturate(1.9);backdrop-filter:blur(28px)saturate(1.9);max-width:420px;box-shadow:inset 0 1px 0 var(--glass-shine), 0 12px 32px var(--bar-shadow);border-radius:22px;align-items:center;gap:12px;padding:12px 18px 12px 12px;display:flex}.celebrate-icon{color:#fff;background:var(--status-good);width:40px;height:40px;box-shadow:0 0 18px color-mix(in oklab, var(--status-good) 55%, transparent);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.celebrate-icon>.glyph{width:22px;height:22px}.celebrate-burst span{width:6px;height:6px;animation:burst .9s var(--ease-out) .15s both;border-radius:50%;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateX(10px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateX(44px) scale(.4)}}.celebrate-text{flex-direction:column;gap:1px;line-height:1.3;display:flex}.celebrate-text strong{font-size:16px}.celebrate-text span{color:var(--ink-2);font-size:14px}@media (prefers-reduced-motion:reduce){.celebrate{animation:none}.screen.receded{transform:none}}:root[data-accent=green]{--tint:#1d7a3c;--tint-strong:#1d7a3c;--tint-bg:#1d7a3c1a}:root[data-accent=violet]{--tint:#6b3fd4;--tint-strong:#6b3fd4;--tint-bg:#6b3fd41a}:root[data-accent=orange]{--tint:#b04800;--tint-strong:#b04800;--tint-bg:#b048001a}:root[data-accent=pink]{--tint:#bf2475;--tint-strong:#bf2475;--tint-bg:#bf24751a}:root[data-accent=graphite]{--tint:#3d4351;--tint-strong:#3d4351;--tint-bg:#3d43511a}@media (prefers-color-scheme:dark){:root[data-accent=green]{--tint:#4cc76a;--tint-strong:#1e7f40;--tint-bg:#4cc76a29}:root[data-accent=violet]{--tint:#a98bff;--tint-strong:#6b3fd4;--tint-bg:#a98bff29}:root[data-accent=orange]{--tint:#ff9a4d;--tint-strong:#b54d0a;--tint-bg:#ff9a4d29}:root[data-accent=pink]{--tint:#ff7ab8;--tint-strong:#bf2475;--tint-bg:#ff7ab829}:root[data-accent=graphite]{--tint:#c3c8d2;--tint-strong:#4a505e;--tint-bg:#c3c8d229}}.accent-swatch{background:#0060cf;border-radius:50%;width:24px;height:24px;display:block;box-shadow:inset 0 0 0 1px #ffffff59,0 1px 3px #1018282e}.accent-swatch[data-swatch=green]{background:#1d7a3c}.accent-swatch[data-swatch=violet]{background:#6b3fd4}.accent-swatch[data-swatch=orange]{background:#b04800}.accent-swatch[data-swatch=pink]{background:#bf2475}.accent-swatch[data-swatch=graphite]{background:#3d4351}