@font-face{font-family:Born Strong;src:url(/assets/fonts/born-strong.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:"Source Sans 3";src:url(/assets/fonts/source-sans-3-latin-400-normal.woff2)format("woff2");font-style:normal;font-display:swap;font-weight:400}@font-face{font-family:"Source Sans 3";src:url(/assets/fonts/source-sans-3-latin-600-normal.woff2)format("woff2");font-style:normal;font-display:swap;font-weight:600}@font-face{font-family:"Source Sans 3";src:url(/assets/fonts/source-sans-3-latin-700-normal.woff2)format("woff2");font-style:normal;font-display:swap;font-weight:700}:root{color:#282828;font-synthesis:none;--teal:teal;--pale:#eef7f7;--muted:#718080;--line:#dce5e5;background:#fff;font-family:"Source Sans 3",sans-serif;font-size:16px}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:.375rem;outline:.25rem solid #e0a55a}button{background:0 0;border:0}h1,h2,h3,h4,h5{font-family:Born Strong,sans-serif;font-weight:700;line-height:1.25}h1{text-transform:uppercase;color:var(--teal);margin:1.125rem 0 1.5rem;font-size:clamp(2.75rem,5vw,4rem);line-height:1}@media (width<=48rem){h1{margin-block-end:1.5rem;font-size:clamp(2rem,7.5vw,3rem)}}@media (width<=24rem){h1{font-size:1.75rem}}h1 span{color:var(--teal)}h2{color:var(--teal);margin:0 0 1.125rem;font-size:1.625rem}h3{margin:0 0 .625rem;font-size:1.125rem}p{margin:0 0 1.25rem;line-height:1.6}small{font-size:.875rem}.eyebrow{letter-spacing:.1em;color:var(--teal);font-size:.875rem;display:block}.text--muted{color:var(--muted)}table{border-collapse:collapse;inline-size:100%;font-size:1rem}@media (width<=48rem){table{font-size:.875rem}}th,td{text-align:start}th:first-child,td:first-child{padding-inline-start:0}th:last-child,td:last-child{padding-inline-end:0}th{color:var(--muted);border-block-end:1px solid #a7baba;padding:.625rem .625rem 1rem;font-size:.75rem;font-weight:600}@media (width<=48rem){th{font-size:.75rem}}td{border-block-end:1px solid var(--line);padding:1.125rem .625rem}@media (width<=48rem){td{padding:1rem .5rem}}td strong{font-weight:600}tfoot td{color:var(--teal);border-block-start:2px solid var(--teal);border-block-end:0;font-size:1.125rem;font-weight:700}.avatar{background:var(--pale);block-size:2.25rem;inline-size:2.25rem;color:var(--teal);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:inline-grid}.avatar--large{block-size:3.375rem;inline-size:3.375rem;font-size:1.375rem}.button{background:var(--teal);color:#fff;border-radius:.25rem;justify-content:center;align-items:center;gap:1rem;padding-block:1rem;padding-inline:1.5rem;font-size:1.125rem;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.button:disabled{cursor:wait;opacity:.6}.button:hover:not(:disabled){background:#006d6d;transform:translateY(-.125rem)}.button--full{inline-size:100%}.button--small{padding-block:.75rem;padding-inline:1.25rem;font-size:1rem}.button--square{block-size:2.375rem;inline-size:2.375rem;color:var(--teal);background:0 0;border-radius:50%;place-items:center;padding:0;display:inline-grid}@media (width<=48rem){.button--square{block-size:1.875rem;inline-size:1.875rem}}.button--square:hover:not(:disabled){background:var(--pale)}.button--danger{background:#a43b3b}.text-link{color:var(--teal);align-items:center;gap:.75rem;padding:.375rem 0;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.text-link:hover{text-underline-offset:.25rem;text-decoration:underline}.text-link--muted{color:var(--muted)}.text-link--danger{color:#a43b3b}label{font-size:1rem;font-weight:600;display:block}input,select,textarea{color:#282828;background:#fff;border:1px solid #bccdcd;border-radius:.375rem;min-block-size:3.25rem;inline-size:100%;margin-block-start:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:400;display:block}input:focus,select:focus,textarea:focus{outline:.125rem solid var(--teal);outline-offset:.125rem}input::placeholder,textarea::placeholder{color:#94a1a1}input:disabled{color:var(--muted);background:#f6f8f8}select{padding-inline-end:2rem}textarea{resize:vertical;min-block-size:6.25rem}.skip-link{pointer-events:none;z-index:200;opacity:0;background:var(--teal);color:#fff;padding:.625rem 1.25rem;position:fixed;inset-block-start:.625rem;inset-inline-start:1.25rem;transform:translateY(-200%)}.skip-link:focus{pointer-events:auto;opacity:1;transform:translateY(0)}.main{min-block-size:calc(100dvh - 6.875rem);max-inline-size:72rem;margin:0 auto;padding:3rem 3rem 10rem}@media (width<=48rem){.main{padding:2.75rem 1.5rem 8rem}}@media (width<=24rem){.main{padding-inline:1.25rem}}.main:focus{outline:none}.main--auth{min-block-size:calc(100dvh - 12.875rem);max-inline-size:77.5rem;padding-block:2.375rem 3.5rem}@media (width<=48rem){.main--auth{padding-block:1.625rem 2.5rem}}.sr-only{white-space:nowrap;clip-path:inset(50%);border:0;block-size:.125rem;inline-size:.125rem;margin:-.125rem;padding:0;position:absolute;overflow:hidden}.sr-only+*{margin-block-start:0}.eyebrow,.brand,.bottom-nav,.category-wheel__center,.button,.invoice-editor__divider,.month-summary__month,.expense-chart__donut small{font-family:Born Strong,sans-serif;font-weight:700}.legal-page{max-width:52rem;margin:0 auto;padding:3rem 1.625rem 5rem}.legal-page h1{margin-block:2rem}.legal-page h2{margin-block:2rem .75rem;font-size:1.375rem}.legal-page p{max-width:70ch}.legal-page a{color:var(--teal);text-underline-offset:.2em}.legal-home{font-weight:600}.auth{grid-template-columns:1.15fr 1fr;align-items:start;gap:6.25rem;display:grid}@media (width<=62rem){.auth{gap:3.5rem}}@media (width<=48rem){.auth{grid-template-columns:1fr;gap:1.75rem}}.auth__intro h1{margin-block-start:1.25rem;font-size:clamp(2.75rem,4.7vw,4.25rem)}@media (width<=48rem){.auth__intro h1{font-size:3.125rem;line-height:1.04}}@media (width<=24rem){.auth__intro h1{font-size:2.625rem}}.auth__intro>p{color:#647575;max-inline-size:28.125rem;font-size:1rem}@media (width<=48rem){.auth__intro>p{max-inline-size:31.25rem;font-size:1rem}}.auth__illustration{max-inline-size:30rem;margin:2.125rem 0 1.25rem;position:relative}@media (width<=62rem){.auth__illustration{max-inline-size:30rem}}@media (width<=48rem){.auth__illustration{display:none}}.auth-panel{inline-size:100%;max-inline-size:26rem;margin-inline-start:auto;padding-block-start:1.5rem}@media (width<=48rem){.auth-panel{border-block-start:1px solid var(--line);max-inline-size:none;margin:0;padding:1.75rem 0 0}.auth-panel>.eyebrow{display:none}}.auth-panel h2{margin:1.125rem 0 .875rem;font-size:2.125rem}@media (width<=62rem){.auth-panel h2{font-size:1.75rem}}@media (width<=48rem){.auth-panel h2{margin-block-start:0;font-size:1.875rem}}.auth-panel>p{color:var(--muted);font-size:1rem}.auth-panel form{gap:1.375rem;display:grid}.auth-panel form>.button{margin-block-start:.25rem}.auth-panel form>small{color:var(--muted);margin-block-start:-.875rem}.auth-panel__tabs{border-block-end:1px solid var(--line);gap:1.875rem;margin:2rem 0 1.75rem;display:flex}@media (width<=48rem){.auth-panel__tabs{margin-block-start:1.5rem}}.auth-panel__tab{color:var(--muted);padding:0 0 .875rem;font-weight:600;position:relative}.auth-panel__tab--selected{color:var(--teal)}.auth-panel__tab--selected:after{content:"";background:var(--teal);block-size:.125rem;position:absolute;inset-block-end:-.125rem;inset-inline:0}.auth-panel__privacy{color:var(--muted);justify-content:center;align-items:center;gap:.75rem;margin-block-start:1.75rem;font-size:.875rem;line-height:1.4;display:flex}.auth-panel__privacy svg{color:var(--teal)}.message{border-radius:.375rem;padding:.875rem 1.125rem;font-size:1rem;line-height:1.4}.message--error{color:#9d3a2a;background:#fff2ef;border:1px solid #f0d3cc;margin-block-end:1.125rem}.category-wheel{aspect-ratio:1;background:#fff;border-radius:50%;inline-size:100%;max-inline-size:30rem;margin:auto;position:relative;overflow:hidden;container-type:inline-size}@media (width<=48rem){.category-wheel{max-inline-size:27.5rem}}.category-wheel__segment{background:var(--pale);block-size:100%;inline-size:100%;color:var(--teal);padding:0;transition:background .18s;position:absolute;inset:0}.category-wheel__segment:hover,.category-wheel__segment:focus-visible{background:#c5e3e3}.category-wheel__label{text-transform:uppercase;text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;inline-size:26%;font-size:clamp(.5rem,2.3cqw,.75rem);line-height:1.25;display:flex;position:absolute;transform:translate(-50%,-50%)}.category-wheel__label svg{flex-shrink:0;block-size:clamp(1rem,5cqw,1.5rem);inline-size:clamp(1rem,5cqw,1.5rem)}.category-wheel__center{background:var(--teal);color:#fff;aspect-ratio:1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;inline-size:26%;font-size:1.375rem;line-height:1.03;transition:background .18s;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .375rem #fff}.category-wheel__center:hover{background:#006d6d}@media (width<=62rem){.category-wheel__center{font-size:1.125rem}.category-wheel__center svg{block-size:1.375rem;inline-size:1.375rem}}@media (width<=48rem){.category-wheel__center svg{display:none}}@media (width<=24rem){.category-wheel__center svg{display:none}}@media (width<=48rem){.category-wheel__center{inline-size:25%;font-size:1.125rem}}@media (width<=24rem){.category-wheel__center{font-size:1rem}}@container (width<=25rem){.category-wheel__center>svg{display:none}}.category-wheel__center>span{font-size:clamp(.875rem,4.8cqw,1.375rem)}.empty-state{color:var(--muted);text-align:center;background:#f8fbfb;border-radius:.375rem;padding:2.875rem 1.5rem}.empty-state>svg{color:var(--teal);margin-block-end:1rem}.empty-state h3{color:#435353;font-family:inherit;font-size:1.125rem;font-weight:600}.empty-state p{margin-block-end:.75rem;font-size:1rem}.empty-state--compact{text-align:start;align-items:center;gap:1.375rem;padding:1.625rem;display:flex}@media (width<=62rem){.empty-state--compact{flex-wrap:wrap}}@media (width<=48rem){.empty-state--compact{gap:1rem;padding:1.5rem 1.125rem}}.empty-state--compact>svg{flex-shrink:0;margin:0}.empty-state--compact>div{flex:1}@media (width<=48rem){.empty-state--compact>div{min-inline-size:11.875rem}}.empty-state--compact p{margin:0}.empty-state--compact .text-link{flex-shrink:0}@media (width<=62rem){.empty-state--compact .text-link{margin-inline-start:3.25rem}}@media (width<=48rem){.empty-state--compact .text-link{margin-inline-start:2.875rem}}.payer-totals{max-inline-size:30rem;margin-block-start:2.375rem}@media (width<=48rem){.payer-totals{margin-block-start:1.875rem}}.payer-totals h2{margin-block-end:.375rem;font-size:1.25rem}.payer-totals>p{font-size:.875rem}.payer-totals>div{align-items:center;gap:.875rem;padding:.75rem 0;display:flex}.payer-totals strong{margin-inline-start:auto;font-weight:600}.invoice-table{inline-size:100%;overflow-x:auto}@media (width<=62rem){.invoice-table__cell--category{display:none}}.invoice-table__cell--amount-heading,.invoice-table__cell--amount{text-align:end;white-space:nowrap}.invoice-table__cell--date{white-space:nowrap;color:#5b6b6b;font-size:.875rem}@media (width<=48rem){.invoice-table__cell--date{font-size:.75rem}}@media (width<=24rem){.invoice-table__cell--date{font-size:.75rem}}.invoice-table__category-label{align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.invoice-table__note{max-inline-size:15rem;color:var(--muted);overflow-wrap:anywhere;display:block}@media (width<=48rem){.invoice-table__note{max-inline-size:9.375rem;font-size:.75rem}}.invoice-table__mobile-category{display:none}@media (width<=62rem){.invoice-table__mobile-category{color:var(--muted);margin-block-start:.25rem;font-size:.75rem;display:block}}.invoice-table__cell--person{font-size:.875rem}@media (width<=48rem){.invoice-table__cell--person{display:none}}.invoice-table__category-label i{border-radius:50%;flex-shrink:0;block-size:.625rem;inline-size:.625rem;display:inline-block}@media (width<=48rem){.invoice-table__cell--amount{font-size:1rem}}@media (width<=24rem){.invoice-table__cell--amount{font-size:.875rem}}.expense-filters{grid-template-columns:1.3fr 1fr 1fr;gap:1rem;margin-block-end:1.375rem;display:grid}@media (width<=48rem){.expense-filters{grid-template-columns:1fr 1fr;gap:.75rem}.expense-filters>.expense-filters__search{grid-column:1/-1}.expense-filters select{font-size:.875rem}}.expense-filters label{margin:0}.expense-filters select,.expense-filters input{background-color:#fff;block-size:3rem;min-block-size:3rem;margin:0;font-size:.875rem}.expense-filters__search{position:relative}.expense-filters__search>svg{color:var(--muted);position:absolute;inset-block-start:1rem;inset-inline-start:.875rem}.expense-filters__search input{padding-inline-start:2.625rem}.expenses-toolbar{border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;padding-block-end:1.625rem;display:flex}@media (width<=48rem){.expenses-toolbar{padding-block-end:1rem}.expenses-toolbar>.text--muted{font-size:.75rem}}.period-control{align-items:center;gap:.5rem;display:flex}@media (width<=48rem){.period-control{gap:0}}.period-control button{block-size:2.25rem;inline-size:2.25rem;color:var(--teal);border-radius:50%;place-items:center;display:grid}.period-control button:hover{background:var(--pale)}.period-control select{min-block-size:2.5rem;max-inline-size:15rem;color:var(--teal);background:#fff;border:0;margin-block-start:0;padding:.375rem 1.625rem .375rem .5rem;font-weight:600}@media (width<=48rem){.period-control select{max-inline-size:12.875rem;font-size:1rem}}@media (width<=24rem){.period-control select{max-inline-size:10.625rem}}.expense-chart{align-items:center;gap:5.625rem;padding:2.5rem 1.625rem 2.875rem;display:flex}@media (width<=62rem){.expense-chart{gap:2.5rem;padding-inline:0}}@media (width<=48rem){.expense-chart{flex-direction:column;gap:1.875rem;padding:1.875rem 0}}.expense-chart__donut{aspect-ratio:1;border-radius:50%;flex-shrink:0;place-items:center;inline-size:15rem;display:grid}@media (width<=62rem){.expense-chart__donut{inline-size:13.75rem}}@media (width<=48rem){.expense-chart__donut{inline-size:14.375rem}}.expense-chart__donut>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;block-size:73%;inline-size:73%;display:flex}.expense-chart__donut small{letter-spacing:.06em;color:var(--muted)}.expense-chart__donut strong{letter-spacing:-.04em;font-size:1.875rem;font-weight:600}.expense-chart__legend{flex:1;gap:1.25rem;display:grid}@media (width<=48rem){.expense-chart__legend{gap:.75rem;inline-size:100%}}.expense-chart__legend button{text-align:start;align-items:center;gap:.875rem;padding:.25rem 0;display:flex}@media (width<=48rem){.expense-chart__legend button{gap:.75rem}}.expense-chart__legend button>span{flex:1}.expense-chart__legend small{color:var(--muted);margin-block-start:.125rem;display:block}.expense-chart__legend strong{white-space:nowrap;font-size:1.125rem;font-weight:600}@media (width<=48rem){.expense-chart__legend strong{font-size:1rem}}@media (width<=24rem){.expense-chart__legend strong{font-size:1rem}}.expense-chart__legend i{border-radius:50%;flex-shrink:0;block-size:.75rem;inline-size:.75rem;display:inline-block}.expense-chart__legend button[aria-pressed=true]>span{color:var(--teal)}.intro{justify-content:space-between;align-items:flex-end;margin-block-end:3rem;display:flex}@media (width<=48rem){.intro{margin-block-end:2.375rem}}.intro p{color:#5a6666;max-inline-size:41.25rem;margin-block-end:0;font-size:1.125rem}@media (width<=48rem){.intro p{max-inline-size:31.25rem;font-size:1.125rem}}.help{max-inline-size:48.75rem;margin:auto}.faq{border-block-start:1px solid var(--line);padding:1.5rem 0}@media (width<=48rem){.faq{padding:1.375rem 0}}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1.125rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--teal);flex-shrink:0}.faq>p{color:#5c6c6c;margin:1rem 1.875rem 0 0}.faq[open] summary svg{transform:rotate(180deg)}.faq:last-child{border-block-end:1px solid var(--line)}.home-overview{grid-template-columns:1.05fr 1fr;align-items:center;gap:5rem;margin:.75rem 0 3.375rem;display:grid}@media (width>=90rem){.home-overview{margin-block:2.25rem 3.75rem}}@media (width<=62rem){.home-overview{gap:2.5rem}}@media (width<=48rem){.home-overview{grid-template-columns:1fr;gap:1.875rem;margin-block:2.75rem 2.25rem}}.home-overview__hint{color:var(--muted);text-align:center;margin:1.375rem 0 0;font-size:.875rem}.recent-invoices{border-block-start:1px solid var(--line);padding-block-start:1.875rem}@media (width<=48rem){.recent-invoices{padding-block-start:1.5rem}}.recent-invoices__heading{justify-content:space-between;align-items:center;gap:.75rem;margin-block-end:1.25rem;display:flex}@media (width<=48rem){.recent-invoices__heading>.text-link{font-size:.875rem}}.recent-invoices__heading h2{margin:0;font-size:1.375rem}@media (width<=48rem){.recent-invoices__heading h2{font-size:1.375rem}}.recent-invoices__list{display:grid}.recent-invoices__list>div{border-block-end:1px solid var(--line);align-items:center;gap:1rem;padding:1.125rem 0;display:flex}.recent-invoices__icon{background:var(--pale);block-size:2.75rem;inline-size:2.75rem;color:var(--teal);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.recent-invoices__list>div>div{flex:1}.recent-invoices__list small{color:var(--muted);margin-block-start:.125rem;display:block}.recent-invoices__list strong{font-weight:600}.month-summary{padding:1.125rem 0}@media (width<=48rem){.month-summary{border-block-start:1px solid var(--line);padding:1.625rem 0 0}}.month-summary>p{color:var(--muted);font-size:.875rem}.month-summary__bar{background:var(--pale);border-radius:.375rem;block-size:.25rem;overflow:hidden}.month-summary__bar span{border-radius:.375rem;block-size:100%;display:block}.month-summary__categories{gap:1.125rem;margin:1.875rem 0;display:grid}@media (width<=48rem){.month-summary__categories{gap:1.25rem}}.month-summary__categories>div>div:first-child{justify-content:space-between;align-items:center;gap:.625rem;margin-block-end:.5rem;font-size:.875rem;display:flex}.month-summary__categories span{align-items:center;gap:.625rem;display:flex}.month-summary__categories strong{white-space:nowrap;font-weight:600}.month-summary__heading{justify-content:space-between;align-items:center;gap:.625rem;display:flex}.month-summary__month{background:var(--pale);text-transform:uppercase;color:var(--teal);border-radius:.25rem;padding:.5rem .75rem;font-size:.875rem}.month-summary__total{letter-spacing:-.045em;margin:1.125rem 0 0;font-size:3.75rem;font-weight:600;line-height:1.25}@media (width<=62rem){.month-summary__total{font-size:3rem}}@media (width<=48rem){.month-summary__total{font-size:3.25rem}}.month-summary__categories i{border-radius:50%;flex-shrink:0;block-size:.625rem;inline-size:.625rem;display:inline-block}.invoice-editor{max-inline-size:48.75rem;margin:auto}.invoice-editor__photo-preview{background:var(--pale);color:var(--teal);border-radius:.375rem;align-items:center;gap:1.125rem;padding:1.5rem 1.75rem;display:flex}.invoice-editor__photo-preview h3{margin:0 0 .375rem;font-size:1.25rem}@media (width<=48rem){.invoice-editor__photo-preview h3{font-size:1.125rem}}.invoice-editor__photo-preview p{color:#5a7373;margin:0;font-size:.875rem}@media (width<=48rem){.invoice-editor__photo-preview p{font-size:.875rem}}.invoice-editor__photo-preview>svg{flex-shrink:0}.invoice-editor__photo-preview>span{white-space:nowrap;background:#fff;border-radius:.25rem;margin-inline-start:auto;padding:.375rem .625rem;font-family:Born Strong,sans-serif;font-size:.75rem}@media (width<=48rem){.invoice-editor__photo-preview>span{margin-inline-start:2.625rem}.invoice-editor__photo-preview{flex-wrap:wrap;gap:.875rem;padding:1.25rem}.invoice-editor__photo-preview>div{flex:1}}.invoice-editor__divider{color:#8b9a9a;align-items:center;gap:1.375rem;margin:2rem 0;font-size:.875rem;display:flex}.invoice-editor__divider:before,.invoice-editor__divider:after{content:"";background:var(--line);flex:1;block-size:.125rem}.invoice-form{gap:1.625rem;display:grid}@media (width<=48rem){.invoice-form{gap:1.5rem}}.invoice-form__row{grid-template-columns:1fr 1fr;gap:1.625rem;display:grid}@media (width<=48rem){.invoice-form__row{gap:1.125rem}.invoice-form__row--amounts{grid-template-columns:1fr}}.invoice-form__optional{color:var(--muted);font-weight:400}.invoice-form__actions{align-items:center;gap:1.75rem;margin-block-start:.5rem;display:flex}.invoice-form__actions>.button{flex:1}@media (width<=48rem){.invoice-form__actions{flex-direction:column;gap:1rem}.invoice-form__actions .button{inline-size:100%}}.invoice-form__delete{border-block-start:1px solid var(--line);padding-block-start:1.25rem}.invoice-form__amount{position:relative}.invoice-form__amount input{padding-inline-end:5.375rem}.invoice-form__amount>span{color:var(--muted);font-size:.875rem;font-weight:400;position:absolute;inset-block-start:.875rem;inset-inline-end:1rem}.invoice-form__delete-confirmation{flex-wrap:wrap;align-items:center;gap:1.125rem;display:flex}.invoice-form__delete-confirmation p{flex-basis:100%;margin:0}.invoice-form__delete-confirmation .button{min-block-size:2.5rem;padding:.625rem 1.125rem;font-family:inherit;font-size:1rem}.settings{max-inline-size:48.75rem;margin:auto}.settings__section{border-block-start:1px solid var(--line);padding:1.875rem 0}@media (width<=48rem){.settings__section{padding:1.625rem 0}}.settings__section h2{font-size:1.375rem}.settings__section>p{color:var(--muted)}.settings__section form>.button{margin-block-start:1.125rem}.settings__profile{align-items:center;gap:1rem;margin-block-end:2rem;display:flex}@media (width<=48rem){.settings__profile{flex-wrap:wrap;gap:.75rem}}.settings__profile p{color:var(--muted);margin:.125rem 0 0}@media (width<=48rem){.settings__profile p{font-size:.875rem}}.settings__profile>.text-link{margin-inline-start:auto}@media (width<=48rem){.settings__profile>.text-link{margin-inline-start:auto}}.household-invitation{background:var(--pale);border-radius:.375rem;margin-block-start:1.75rem;padding:1.625rem}@media (width<=48rem){.household-invitation{padding:1.375rem}}.household-invitation h3{color:var(--teal)}.household-invitation p{color:#567171;font-size:1rem}.household-invitation__result{margin-block-start:1.375rem}.household-invitation__result input{font-family:monospace;font-size:.875rem}.household-members{margin-block-start:1.875rem}.household-members h3{letter-spacing:.05em;color:var(--muted);font-size:.875rem}.household-members>div{align-items:center;gap:.75rem;margin-block-start:.875rem;display:flex}.household-members small{color:var(--muted);margin-inline-start:auto}.bottom-nav{z-index:30;background:var(--teal);color:#fff;padding-block-end:env(safe-area-inset-bottom);position:fixed;inset-block-end:0;inset-inline:0}.bottom-nav__items{max-inline-size:67.5rem;margin:auto;display:flex}.bottom-nav__link{box-sizing:border-box;color:#d2e9e9;text-align:center;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;gap:.625rem;min-inline-size:0;padding-block:1rem;font-size:1rem;text-decoration:none;transition:background .2s;display:flex;position:relative}@media (width<=48rem){.bottom-nav__link{gap:.5rem;padding-block:.5rem;font-size:.75rem}}@media (width<=24rem){.bottom-nav__link{font-size:.75rem}}.bottom-nav__link:hover{color:#fff;background:#ffffff0b}.bottom-nav__icon{flex:0 0 2rem;place-items:end center;block-size:2rem;inline-size:2rem;display:grid}.bottom-nav__icon svg{block-size:1.5rem;inline-size:1.5rem;display:block}.bottom-nav__label{white-space:normal;-webkit-hyphens:auto;hyphens:auto;max-inline-size:100%;padding-inline:.25rem;line-height:1.15}.bottom-nav__indicator{background:#c2e5e0;border-radius:.25rem;block-size:.25rem;inline-size:1.375rem;position:absolute;inset-block-start:0}.bottom-nav__link--active{color:#fff;background:#ffffff0b}.bottom-nav__icon--large svg{block-size:2rem;inline-size:2rem}@media (width<=48rem){.bottom-nav__icon--large svg{block-size:1.75rem;inline-size:1.75rem}}.footer{color:#809090;border-block-start:1px solid var(--line);justify-content:space-between;gap:1.25rem;max-inline-size:77.5rem;margin:auto;padding:1.5rem 3rem;font-size:.875rem;display:flex}.footer nav{gap:1rem;display:flex}.footer a{color:inherit;text-underline-offset:.2em}@media (width<=48rem){.footer{flex-direction:column;gap:.375rem;padding:1.375rem 1.625rem}}.footer--authenticated{padding-block-end:7.5rem}@media (width<=48rem){.footer--authenticated{padding-block-end:calc(6.75rem + env(safe-area-inset-bottom))}}.header{z-index:20;justify-content:space-between;align-items:center;max-inline-size:77.5rem;margin:auto;padding:1.875rem 3rem;display:flex;position:relative}@media (width>=90rem){.header{padding-block-start:2.5rem}}@media (width<=48rem){.header{padding:1.5rem 1.625rem}}@media (width<=24rem){.header{padding-inline:1.25rem}}.header__actions{align-items:center;gap:2rem;display:flex}.header__household{color:var(--muted);align-items:center;gap:.625rem;font-size:.875rem;display:flex}@media (width<=48rem){.header__household{display:none}}.header__toggle{block-size:2.875rem;inline-size:2.875rem;color:var(--teal);place-items:center;display:grid}.header__toggle svg{stroke-width:1.7px;block-size:1.875rem;inline-size:1.875rem}.header__menu{border:1px solid var(--line);background:#fff;border-radius:.5rem;inline-size:15rem;padding:.75rem;display:grid;position:absolute;inset-block-start:5.875rem;inset-inline-end:3rem;box-shadow:0 .75rem 2.875rem #143d3d20}@media (width<=48rem){.header__menu{inset-block-start:5.25rem;inset-inline-end:1.625rem}}.header__menu-item{text-align:start;border-radius:.25rem;align-items:center;gap:.875rem;padding:.75rem;display:flex}.header__menu-item:hover{background:var(--pale);color:var(--teal)}.brand{padding:0;line-height:0;display:block}.brand img{block-size:auto;inline-size:10.625rem;display:block}@media (width<=48rem){.brand img{inline-size:8.125rem}}.loading{color:var(--teal);text-align:center;padding:5.625rem 0}.toast{z-index:100;color:#1d664b;background:#e5f4ed;border:1px solid #b3d9c7;border-radius:.375rem;align-items:center;gap:.625rem;inline-size:max-content;max-inline-size:calc(100% - 1.875rem);padding:.875rem 1.125rem;display:flex;position:fixed;inset-block-start:1.25rem;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 .375rem 1.25rem #0001}@media (width<=48rem){.toast{font-size:.875rem;inset-block-start:.75rem}}.toast button{place-items:center;margin-inline-start:.625rem;display:grid}
