.on-top{max-width:var(--ds-page-max);margin-inline:auto}.on-journey{width:calc(100% - 2 * var(--ds-space-8));max-width:var(--ds-section-max);margin:var(--ds-space-5) auto var(--ds-space-10)}.on-layout{grid-template-columns:var(--ds-rail-width) minmax(0, 1fr);align-items:start;gap:var(--ds-space-section);width:calc(100% - 2 * var(--ds-space-8));max-width:var(--ds-section-max);margin:0 auto var(--ds-space-16);display:grid;position:relative}.on-guide-done .on-layout,.on-story-resume .on-layout{margin-top:var(--ds-space-section)}.on-companion{align-self:start;position:sticky;top:30px}.on-companion[data-story] .on-companion-art{aspect-ratio:auto;width:100%}.on-main,.on-runtime-content{gap:var(--ds-space-4);flex-direction:column;min-width:0;display:flex;position:relative}.on-runtime-content:empty{display:none}.on-main :is(.on-heading,.on-helper,.on-actions,.on-review-position){margin:0}.on-main .on-heading{margin-bottom:var(--ds-space-2)}.on-main .on-actions{margin-top:var(--ds-space-2)}.on-story-lead{margin-right:calc(var(--ds-space-16) + var(--ds-space-6))}.on-desktop-back{z-index:1;position:absolute;top:0;right:0}.on-refusal-lane{margin-right:calc(var(--ds-space-16) + var(--ds-space-12))}.on-choices{gap:var(--ds-space-3);grid-template-columns:minmax(0,1fr);display:grid}.on-goals{gap:var(--ds-space-2)}.on-method-link{width:max-content;max-width:100%;margin:var(--ds-space-2) auto 0;display:flex}.on-account{gap:var(--ds-space-5);display:grid}.on-field{min-width:0}.on-doors{gap:var(--ds-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.on-door{gap:var(--ds-space-3);flex-direction:column;display:flex}.on-door-heading{align-items:start;gap:var(--ds-space-4);flex-direction:column;display:flex}.on-door-footnote{align-items:center;gap:var(--ds-space-1);margin:var(--ds-space-1) 0;display:flex}.on-door-footnote svg{flex:none}.on-door>[data-ui-button]{width:100%;margin-top:auto}.on-auth{gap:var(--ds-space-4);display:grid}.on-auth>.calm-text-link{justify-content:center}.on-google{width:100%}.on-password{align-items:center;gap:var(--ds-space-2);display:flex}.on-password>input{flex:1;min-width:0}.on-checkbox{align-items:flex-start;gap:var(--ds-space-2);display:flex}.on-live-auth>.calm-text-link{margin:var(--ds-space-2) auto 0;display:flex}.on-live-auth-escape{align-self:center}.on-upload{align-items:center;gap:var(--ds-space-3);text-align:center;flex-direction:column;display:flex}.on-upload label{position:relative}.on-file{align-items:center;gap:var(--ds-space-3);display:flex}.on-file>div{overflow-wrap:anywhere;flex:1;min-width:0}.on-analysis{justify-items:center;gap:var(--ds-space-4);text-align:center;display:grid}.on-analysis ol{align-self:stretch;gap:var(--ds-space-4);text-align:left;margin:0;display:grid}.on-analysis li{align-items:center;gap:var(--ds-space-3);display:flex}.on-review-grid{align-items:start;gap:var(--ds-space-4);grid-template-columns:minmax(0,1fr);display:grid}.on-list,.on-allocation-group{min-width:0}.on-row-divider{margin:0}.on-row{grid-template-columns:var(--ds-art-sm) minmax(0, 1fr) auto max-content;align-items:center;column-gap:var(--ds-space-2);min-height:var(--ds-row-min-lg);margin-block:var(--ds-space-2);grid-template-rows:auto auto;display:grid}.on-row>.calm-illustration{grid-row:1/3}.on-row-copy{overflow-wrap:anywhere;text-align:left;grid-area:1/2;align-self:end;min-width:0}.on-row-details{grid-area:2/2;align-self:start;min-width:0;display:grid}.on-row-money{justify-content:flex-end;align-items:center;gap:var(--ds-space-1);min-width:var(--ds-control-height);min-height:var(--ds-control-height);white-space:nowrap;grid-area:1/3/3;display:flex}.on-switch{flex:none;grid-area:1/4/3;justify-self:end;position:relative}.on-switch:before{content:"";inset:calc(var(--ds-space-2) * -1) calc(var(--ds-space-1) * -1);position:absolute}.on-add-budget{margin-top:var(--ds-space-2);align-self:start}.on-balance input{width:100%}.on-meter-caption{justify-content:space-between;gap:var(--ds-space-1) var(--ds-space-3);margin-top:var(--ds-space-3);flex-wrap:wrap;display:flex}.on-budget-meter .calm-money{white-space:nowrap}.on-allocation{align-items:start;gap:var(--ds-space-4);grid-template-columns:minmax(0,1fr);display:grid}.on-envelope{align-items:center;gap:var(--ds-space-2);min-height:var(--ds-row-min-lg);scroll-margin-top:calc(var(--ds-space-16) * 2 + var(--ds-space-8));grid-template-columns:32px minmax(0,1fr) max-content 40px;display:grid}.on-envelope-name{overflow-wrap:anywhere;min-width:0}.on-amount-input{flex:none;min-width:0;position:relative}.on-amount-input input{min-width:76px;max-width:140px}.on-calculation-label{align-items:center;gap:var(--ds-space-2);display:inline-flex}.on-summary>.on-calculation{margin:var(--ds-space-1) 0 var(--ds-space-4)}.on-done-recap{display:grid;overflow:hidden}.on-done-account{margin:var(--ds-space-5)}.on-done-account-header{align-items:center;gap:var(--ds-space-3);display:flex}.on-done-account-header>div{overflow-wrap:anywhere;min-width:0;display:grid}.on-done-account-balance{justify-content:space-between;align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-4);display:flex}.on-done-budget-summary{justify-content:space-between;align-items:center;gap:var(--ds-space-5);margin:0 var(--ds-space-3) var(--ds-space-3);display:flex}.on-done-margin{min-width:0;display:grid}.on-done-budget-count{justify-items:end;display:grid}.on-resume-identity{align-items:center;gap:var(--ds-space-3);display:flex}.on-resume-location{margin:var(--ds-space-4) 0}.on-resume-actions{flex-wrap:wrap}.on-import-result{align-items:center;gap:var(--ds-space-3);display:flex}.on-import-result>div{flex:1;min-width:0;display:grid}.on-import-flow{gap:var(--ds-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.on-import-flow>div{gap:var(--ds-space-1);min-width:0;display:grid}.on-import-flow strong{white-space:nowrap}.on-category-overview-heading{margin-bottom:calc(var(--ds-space-2) * -1)}.on-proposed-category-groups{gap:var(--ds-space-2);display:grid}.on-category-group-heading{margin:var(--ds-space-3) 0 var(--ds-space-1)}.on-proposed-category-groups>section:first-child .on-category-group-heading{margin-top:0}.on-proposed-category>summary{cursor:pointer;list-style:none;display:block}.on-proposed-category>summary::-webkit-details-marker{display:none}.on-proposed-category-row{align-items:center;gap:var(--ds-space-2);min-height:var(--ds-row-min);grid-template-columns:40px minmax(0,1fr) max-content 12px;display:grid}.on-proposed-category-copy{overflow-wrap:anywhere;min-width:0;display:grid}.on-proposed-category-money{white-space:nowrap}.on-proposed-category[open] .on-proposed-category-row>svg{rotate:90deg}.on-category-operations{margin-bottom:var(--ds-space-3);overflow:hidden}.on-category-operations [data-appearance=row]{grid-template-columns:minmax(0,1fr) max-content 14px;display:grid}.on-category-operation-copy{overflow-wrap:anywhere;min-width:0;display:grid}.on-import-next-actions>.on-import-see-all{order:-1;align-self:center;width:auto}.on-import-next-actions>.on-helper{order:2}.on-import-list-heading{justify-content:space-between;align-items:baseline;gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.on-import-search{margin-top:var(--ds-space-4)}.on-import-filters{margin:var(--ds-space-3) 0 var(--ds-space-4)}.on-import-transaction-row{align-items:center;gap:var(--ds-space-2);display:flex}.on-import-transaction{align-items:center;gap:var(--ds-space-2);min-width:0;min-height:var(--ds-row-min);text-align:left;flex:1;grid-template-columns:40px minmax(0,1fr) max-content;display:grid}.on-import-tx-copy{justify-items:start;gap:var(--ds-space-1);overflow-wrap:anywhere;min-width:0;display:grid}.on-import-transaction .tx-money{white-space:nowrap;align-items:baseline;display:inline-flex}.on-import-transaction-row>.on-switch{grid-area:auto}.on-import-detail-amount{justify-content:space-between;align-items:baseline;gap:var(--ds-space-2);margin:var(--ds-space-6) 0;flex-wrap:wrap;display:flex}.on-import-detail-meta{margin-bottom:var(--ds-space-6)}.on-import-category-picker{gap:var(--ds-space-2);flex-wrap:wrap;min-width:0;display:flex}.on-import-category-legend{margin:0 0 var(--ds-space-3)}.on-import-category-choice{align-items:center;gap:var(--ds-space-2);display:inline-flex}.on-import-remove{width:100%;margin:var(--ds-space-5) 0 var(--ds-space-2)}.on-import-sheet>[data-ui-button=primary]{width:100%;margin-top:var(--ds-space-4)}.on-sheet{overflow:auto}.on-story-sheet{max-width:var(--ds-state-max)}.on-editor{gap:var(--ds-space-4);display:grid}.on-editor-identity{display:block}.on-editor-pay-month{gap:var(--ds-space-2);display:grid}.on-editor-pay-month>[role=radiogroup]{margin-top:var(--ds-space-1)}.on-art-fieldset{min-width:0}.on-picker{gap:var(--ds-space-2);margin-top:var(--ds-space-3);flex-wrap:wrap;display:flex}.on-more-icons{margin-top:var(--ds-space-1)}.on-editor-enabled{align-items:center;gap:var(--ds-space-2);min-height:var(--ds-control-height);display:flex}.on-editor-delete{justify-content:center}.on-budget-sheet{max-height:88dvh}.on-budget-sheet .on-editor>[data-ui-button=primary]{position:sticky;bottom:0}.on-method{gap:var(--ds-space-3);display:grid}.on-icon-grid{gap:var(--ds-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.on-icon-grid>.on-card{justify-items:center;gap:var(--ds-space-3);text-align:center;display:grid}.on-icon-sizes{align-items:center;gap:var(--ds-space-3);display:flex}@media (min-width:768px){.on-sheet{width:calc(100% - 2 * var(--ds-space-6));max-width:var(--ds-state-max);max-height:min(78vh, calc(var(--on-visible-height,100dvh) - 2 * var(--ds-space-6)));margin:0;inset:50% auto auto 50%;translate:-50% -50%}}@media (max-width:767px){.on-sheet{bottom:var(--on-visible-bottom,0);width:100%;max-width:none;max-height:min(92dvh, calc(var(--on-visible-height,100dvh) - 24px));scroll-padding-bottom:calc(var(--ds-space-16) + var(--ds-space-6))}.on-story-sheet{max-width:none}}@media (min-width:1280px){.on-story-review .on-journey,.on-story-review .on-layout{max-width:var(--ds-page-max)}.on-story-review .on-journey{margin-bottom:var(--ds-space-8)}.on-story-review .on-layout{grid-template-columns:var(--ds-rail-width) minmax(0, 1fr);gap:var(--ds-space-16)}.on-story-review .on-heading h1 br{display:none}.on-review-grid{grid-template-rows:min-content 1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.on-review-grid>.on-list:nth-child(2){grid-area:1/1}.on-review-grid>.on-list:nth-child(3){grid-area:1/2/3}.on-review-grid>.on-balance{grid-area:2/1}.on-row{grid-template-columns:var(--ds-art-sm) minmax(0, 1fr) auto max-content;min-height:var(--ds-row-min)}.on-allocation{grid-template-columns:repeat(2,minmax(0,1fr))}.on-envelope{grid-template-columns:var(--ds-art-sm) minmax(0, 1fr) max-content 40px;min-height:var(--ds-row-min)}}@media (min-width:768px) and (max-width:1023px){.on-layout{grid-template-columns:var(--ds-rail-width) minmax(0, 1fr);gap:var(--ds-space-10);width:calc(100% - 2 * var(--ds-space-10))}.on-journey{width:calc(100% - 2 * var(--ds-space-10))}.on-doors{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.on-journey{width:calc(100% - 2 * var(--ds-space-5));max-width:var(--ds-state-max);margin:var(--ds-space-3) auto var(--ds-space-6)}.on-layout{width:calc(100% - 2 * var(--ds-space-5));max-width:var(--ds-state-max);margin:0 auto var(--ds-space-8);display:block}.on-guide-done .on-layout,.on-story-resume .on-layout{margin-top:var(--ds-space-8)}.on-companion{width:var(--ds-mascot-md);position:absolute;top:0;right:0}.on-companion[data-story]{top:var(--ds-space-2);width:var(--ds-mascot-lg)}.on-companion[data-pose=welcome] .on-companion-art{width:var(--ds-mascot-lg);margin-left:calc(var(--ds-space-2) * -1)}.on-layout:has(.on-main[data-guide-editing=true]) .on-companion{visibility:hidden}.on-desktop-back{display:none}.on-refusal-lane{margin-right:0}.on-story-lead{min-height:128px;margin-right:calc(var(--ds-space-16) + var(--ds-space-12));flex-direction:column;justify-content:center;align-items:start;display:flex}.on-layout:has(.on-companion[data-story]) .on-story-lead{margin-right:calc(var(--ds-mascot-lg) + var(--ds-space-3))}.on-doors{gap:var(--ds-space-3);grid-template-columns:minmax(0,1fr)}.on-door-manual{order:-1}.on-door{grid-template-columns:var(--ds-art-lg) minmax(0, 1fr);column-gap:var(--ds-space-3);display:grid}.on-door-heading{display:contents}.on-door-heading>.calm-illustration{grid-row:1/3}.on-door-heading .calm-badge{grid-column:2;justify-self:start}.on-door>h2{grid-column:2}.on-door>:is(p,[data-ui-button],.on-door-footnote){grid-column:1/-1}.on-row{grid-template-columns:var(--ds-art-xs) minmax(0, 1fr) auto max-content}.on-row-money svg{display:none}.on-envelope{grid-template-columns:var(--ds-art-xs) minmax(0, 1fr) max-content 40px;min-height:var(--ds-row-min-lg)}.on-amount-input input{max-width:var(--ds-column-amount)}.on-import-flow{gap:var(--ds-space-2)}.on-proposed-category-row,.on-import-transaction{grid-template-columns:35px minmax(0,1fr) max-content 12px}.on-import-transaction{grid-template-columns:35px minmax(0,1fr) max-content}.on-done-account{margin:var(--ds-space-4)}.on-done-budget-summary{flex-wrap:wrap}.on-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:359px){.on-layout,.on-journey{width:calc(100% - 2 * var(--ds-space-4))}.on-companion{width:var(--ds-mascot-sm)}.on-companion[data-story],.on-companion[data-pose=welcome] .on-companion-art{width:var(--ds-mascot-md)}.on-story-lead{margin-right:calc(var(--ds-space-16) + var(--ds-space-8))}.on-layout:has(.on-companion[data-story]) .on-story-lead{margin-right:calc(var(--ds-mascot-md) + var(--ds-space-3))}.on-row{grid-template-columns:var(--ds-art-xs) minmax(0, 1fr) auto max-content}.on-import-category-picker{flex-direction:column;align-items:stretch}.on-actions:has(>.on-error){display:contents}.on-actions:has(>.on-error)>[data-ui-button]{bottom:calc(env(safe-area-inset-bottom) + var(--ds-space-3));z-index:var(--ds-layer-sticky);position:sticky}}