*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--font-serif: ui-serif, Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--ivory: #faf6f0;--paper: #fffdf8;--ink: #1b1917;--ink-soft: #6f675c;--ink-faint: #9c9387;--rule: #e6ded1;--sage: #7f9179;--sage-tint: #eaefe6;--rose: #bc8880;--rose-tint: #f5e7e4;--column: 34rem;--nav-height: 4.25rem;--ease-paper: cubic-bezier(.22, .8, .28, 1);color-scheme:light dark;font-family:var(--font-sans);color:var(--ink);background-color:var(--ivory)}@media(prefers-color-scheme:dark){:root{--ivory: #14130f;--paper: #1c1a16;--ink: #f3ece0;--ink-soft: #a79e90;--ink-faint: #7d7568;--rule: #322e26;--sage: #9cb094;--sage-tint: #24291f;--rose: #cf9a92;--rose-tint: #2d211f}}body{min-height:100dvh;background-color:var(--ivory);color:var(--ink);font-size:16px;letter-spacing:.005em}.shell{min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}.screen{max-width:var(--column);margin-inline:auto;padding:2.25rem 1.5rem 3rem}.screen--paper{animation:paper-slide .3s var(--ease-paper) both}@keyframes paper-slide{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}h1,h2,h3{font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em}.masthead{text-align:center;padding-bottom:1.75rem}.masthead__eyebrow{font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.masthead__title{font-size:clamp(2rem,9vw,2.5rem);line-height:1.15;margin-top:.75rem}.masthead__date{display:inline-block;margin-top:.625rem;font-size:.875rem;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.masthead__date:hover{color:var(--ink);border-color:var(--sage)}.summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-block:1.25rem}.summary__cell{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding-inline:.5rem;text-align:center;border-left:1px solid var(--rule);color:inherit;text-decoration:none}.summary__cell:first-child{border-left:0}.summary__figure{font-family:var(--font-serif);font-size:1.375rem;line-height:1.2}.summary__cell--action .summary__figure{font-size:1.0625rem;color:var(--sage)}.summary__label{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.panels{display:flex;flex-direction:column}.panel{display:block;padding-block:1.75rem;border-bottom:1px solid var(--rule);color:inherit;text-decoration:none;transition:opacity .2s ease}.panel:active{opacity:.65}.panel__title{font-size:1.25rem}.panel__figure{font-family:var(--font-serif);font-size:1.75rem;line-height:1.2;margin-block:.5rem .875rem}.panel__of{font-size:.9375rem;color:var(--ink-faint)}.panel__meta{margin-top:.75rem;font-size:.8125rem;color:var(--ink-soft)}.panel__meta--overdue{color:var(--rose)}.screen__back{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);text-decoration:none}.screen__back-icon{width:.875rem;height:.875rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.screen__title{font-size:clamp(1.875rem,8vw,2.25rem);margin-top:.875rem}.screen__standfirst{margin-top:.375rem;font-size:.875rem;color:var(--ink-soft)}.screen__head{padding-bottom:1.5rem}.totals{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-block:1.25rem}.totals__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.125rem}.totals__grid div{display:flex;flex-direction:column;gap:.25rem}.totals__grid dt{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.totals__grid dd{font-family:var(--font-serif);font-size:1.125rem;margin:0}.totals__grid dd.is-over{color:var(--rose)}.progress{height:3px;border-radius:999px;background-color:var(--rule);overflow:hidden}.progress__fill{display:block;height:100%;border-radius:inherit;background-color:var(--sage);transition:width .42s var(--ease-paper),background-color .3s ease}.progress--rose .progress__fill{background-color:var(--rose)}.entries{list-style:none;padding:0;margin:0}.entry{border-bottom:1px solid var(--rule);transition:background-color .3s ease}.entry__row{display:flex;align-items:center;gap:.875rem;padding-block:.875rem}.entry__open{flex:1;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;background:none;border:0;padding:.25rem 0;text-align:left;color:inherit;cursor:pointer}.entry__label{display:flex;flex-direction:column;gap:.125rem;font-size:1rem;transition:color .3s ease}.entry__role{font-size:.75rem;color:var(--ink-faint)}.entry__amount,.entry__due{flex-shrink:0;font-size:.875rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;transition:color .3s ease}.entry.is-done .entry__label,.entry.is-done .entry__amount,.entry.is-done .entry__due{color:var(--ink-faint)}.entry.is-overdue{background-color:var(--rose-tint);box-shadow:inset 2px 0 0 var(--rose)}.entry.is-overdue .entry__due{color:var(--rose)}.entry__drawer{display:flex;flex-direction:column;gap:.875rem;padding:.25rem 0 1.25rem 2.375rem;animation:paper-slide .22s var(--ease-paper) both}.entry__remove{align-self:flex-start;background:none;border:0;padding:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer;border-bottom:1px solid var(--rule)}.entry__remove:hover{color:var(--rose)}.check{flex-shrink:0;width:1.5rem;height:1.5rem;padding:0;border:1px solid var(--rule);border-radius:50%;background-color:transparent;cursor:pointer;display:grid;place-items:center;transition:background-color .3s ease,border-color .3s ease}.check svg{width:.875rem;height:.875rem;fill:none;stroke:var(--paper);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.check__tick{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .42s var(--ease-paper) 60ms}.check.is-checked{background-color:var(--sage);border-color:var(--sage);animation:check-settle .32s var(--ease-paper)}.check--rose.is-checked{background-color:var(--rose);border-color:var(--rose)}.check.is-checked .check__tick{stroke-dashoffset:0}@keyframes check-settle{40%{transform:scale(.86)}to{transform:scale(1)}}.field{display:flex;flex-direction:column;gap:.375rem}.field label{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.field input,.field textarea{width:100%;background-color:var(--paper);color:var(--ink);border:0;border-bottom:1px solid var(--rule);border-radius:2px 2px 0 0;padding:.5rem .625rem;font-size:1rem;transition:border-color .2s ease}.field textarea{resize:vertical;line-height:1.5}.field input:focus-visible,.field textarea:focus-visible{outline:none;border-bottom-color:var(--sage)}.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}.add{display:flex;flex-direction:column;gap:1rem;margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--rule)}.add__title{font-size:1.0625rem}.add__submit{align-self:flex-start;margin-top:.25rem;padding:.625rem 1.375rem;background-color:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:999px;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}.add__submit:hover{background-color:var(--ink);color:var(--ivory)}.empty{padding-block:2.5rem;font-size:.9375rem;line-height:1.7;color:var(--ink-soft);border-bottom:1px solid var(--rule)}.empty--quiet{border-bottom:0;font-size:.8125rem;color:var(--ink-faint)}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:10;display:flex;justify-content:center;gap:.25rem;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));background-color:color-mix(in srgb,var(--ivory) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--rule)}.bottom-nav__link{flex:1;max-width:6rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem .25rem;text-decoration:none;color:var(--ink-faint);transition:color .2s ease}.bottom-nav__link.active{color:var(--ink)}.bottom-nav__icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bottom-nav__label{font-size:.6875rem;letter-spacing:.06em}.page{max-width:var(--column);margin-inline:auto;padding:4rem 1.5rem}.page h1{font-size:2.25rem}.page p{margin-top:.75rem;color:var(--ink-soft)}.page a{display:inline-block;margin-top:1.5rem;color:var(--ink)}:where(a,button,input,textarea):focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}