:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(20.5% .009 50);--surface:oklch(23.5% .01 50);--surface-raised:oklch(27% .011 50);--border:oklch(32% .012 50);--border-strong:oklch(40% .013 50);--text:oklch(96% .005 60);--text-muted:oklch(72% .012 50);--text-faint:oklch(56% .012 50);--accent:oklch(56.3% .225 21);--accent-hover:oklch(51.5% .21 21);--accent-soft:oklch(56.3% .225 21/.14);--accent-ink:oklch(18% .03 21);--accent-on:oklch(99% .003 21);--accent-rim:oklch(43% .18 21);--accent-shade:oklch(30% .12 21);--ok:oklch(76% .14 140);--ok-soft:oklch(76% .14 140/.14);--ok-rim:oklch(54% .12 140);--ok-ink:oklch(22% .04 140);--danger:oklch(72% .16 40);--danger-soft:oklch(72% .16 40/.14);--danger-rim:oklch(56% .15 40);--focus:oklch(80% .12 21);--gold:oklch(76% .09 82);--gold-hi:oklch(95% .05 95);--gold-lo:oklch(46% .07 66);--gold-stops:var(--gold-lo), var(--gold-hi) 18%, var(--gold) 36%, var(--gold-lo) 55%, var(--gold-hi) 78%, var(--gold) 100%;--trim:linear-gradient(135deg, var(--gold-stops));--trim-h:linear-gradient(90deg, var(--gold-stops));--trim-v:linear-gradient(180deg, var(--gold-stops));--trim-inner:inset 0 0 0 3px var(--well), inset 0 0 0 4px oklch(76% .09 82/.55);--bevel-hi:oklch(100% 0 0/.09);--bevel-lo:oklch(0% 0 0/.32);--sheen:linear-gradient(180deg, oklch(100% 0 0/.055), oklch(100% 0 0/0) 45%);--gloss:linear-gradient(180deg, oklch(100% 0 0/.24), oklch(100% 0 0/.06) 48%, oklch(100% 0 0/0) 52%);--well:oklch(17.5% .009 50);--surface-settled:oklch(20.5% .009 50);--surface-glass:oklch(23.5% .01 50/.82);--shadow-raised:inset 0 1px 0 var(--bevel-hi), inset 0 -1px 0 var(--bevel-lo), 0 1px 2px oklch(0% 0 0/.35), 0 6px 14px -6px oklch(0% 0 0/.5);--shadow-lifted:inset 0 1px 0 var(--bevel-hi), inset 0 -1px 0 var(--bevel-lo), 0 2px 3px oklch(0% 0 0/.35), 0 12px 22px -8px oklch(0% 0 0/.55);--shadow-pressed:inset 0 2px 4px oklch(0% 0 0/.4), inset 0 -1px 0 var(--bevel-hi);--shadow-well:inset 0 2px 6px oklch(0% 0 0/.45), inset 0 -1px 0 oklch(100% 0 0/.05);--candy-caramel:oklch(72% .12 70);--candy-caramel-rim:oklch(52% .1 62);--candy-caramel-ink:oklch(26% .05 60);--candy-highlight:radial-gradient(circle at 35% 28%, oklch(100% 0 0/.5), oklch(100% 0 0/0) 45%);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.06 0 0 0 0 0.03 0 0 0 0 0.02 0 0 0 0.95 -0.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--font-display:"Fraunces", Georgia, serif;--font-sans:"Geist", "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--sidebar-width:232px;--tabbar-height:64px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.12s;--dur-med:.22s}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--sheen), var(--surface-raised);box-shadow:var(--shadow-raised);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-weight:500;display:inline-flex}.button:hover:not(:disabled){border-color:var(--border-strong)}.button:active:not(:disabled){box-shadow:var(--shadow-pressed);transform:translateY(1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{background:var(--gloss), var(--accent);border-color:var(--accent-rim);color:var(--accent-on);text-shadow:0 1px 0 oklch(from var(--accent-shade) l c h / .6);box-shadow:inset 0 1px 0 oklch(100% 0 0/.28), inset 0 -2px 0 oklch(from var(--accent-rim) l c h / .7), 0 1px 2px oklch(0% 0 0/.4), 0 6px 14px -6px oklch(from var(--accent-shade) l c h / .7);font-weight:600}.button--primary:hover:not(:disabled){background:var(--gloss), var(--accent-hover);border-color:var(--accent-rim)}.button--primary:active:not(:disabled){box-shadow:inset 0 2px 4px oklch(from var(--accent-shade) l c h / .7), inset 0 -1px 0 oklch(100% 0 0/.12)}.button--sm{min-height:38px;padding:0 var(--space-3);gap:6px;font-size:14px}.button--ghost{box-shadow:none;color:var(--text-muted);background:0 0;border-color:#0000}.button--ghost:hover:not(:disabled){color:var(--text);background:var(--surface-raised);border-color:#0000}.button--danger{background:var(--gloss), var(--danger);border-color:var(--danger-rim);color:var(--accent-ink);font-weight:600}.icon-button{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-muted);cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field__label{color:var(--text-muted);font-size:14px}.field__input{width:100%;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--well);box-shadow:var(--shadow-well);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);font-size:16px}.field__input:hover{border-color:var(--border-strong)}.field__input:focus-visible{border-color:var(--focus);box-shadow:var(--shadow-well), 0 0 0 1px var(--focus);outline:none}.field__input[aria-invalid=true]{border-color:var(--danger)}textarea.field__input{min-height:80px;padding:var(--space-3);resize:vertical}select.field__input{appearance:none;padding-right:var(--space-6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b3abaf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat}.field__hint{color:var(--danger);font-size:13px}.switch{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;min-height:44px;display:flex}.switch input{appearance:none;border-radius:var(--radius-full);background:var(--well);width:44px;height:26px;box-shadow:var(--shadow-well), inset 0 0 0 1px var(--border);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);flex:none;margin:0;position:relative}.switch input:after{content:"";background:radial-gradient(circle at 35% 30%, oklch(100% 0 0), var(--text) 45%, oklch(80% .012 60));width:20px;height:20px;transition:transform var(--dur-med) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px oklch(0% 0 0/.5)}.switch input:checked{background:var(--gloss), var(--accent);box-shadow:inset 0 1px 3px oklch(from var(--accent-shade) l c h / .7), inset 0 0 0 1px var(--accent-rim)}.switch input:checked:after{transform:translate(18px)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;background:var(--surface-raised);box-shadow:inset 0 1px 0 var(--bevel-hi);color:var(--text-muted);font-size:12px;font-weight:500;display:inline-flex}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--danger-soft);border-radius:var(--radius-sm);background:var(--danger-soft);box-shadow:inset 0 1px 0 var(--bevel-hi);color:var(--danger);display:flex}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--grain), var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);font-variation-settings:"SOFT" 100;letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}.money{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.login{min-height:100dvh;padding:var(--space-5);place-items:center;display:grid}.login__form{gap:var(--space-4);width:min(360px,100%);padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);background:var(--sheen) padding-box, linear-gradient(var(--surface), var(--surface)) padding-box, var(--trim) border-box;box-shadow:var(--trim-inner), var(--shadow-lifted), 0 24px 48px -16px oklch(0% 0 0/.6);border:1px solid #0000;flex-direction:column;display:flex}.login__brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.login__brand img{filter:drop-shadow(0 2px 2px oklch(0% 0 0/.5))}.login__brand h1{letter-spacing:-.01em;font-size:30px}.login__key{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.login__or{align-items:center;gap:var(--space-3);color:var(--text-faint);font-size:13px;display:flex}.login__or:before,.login__or:after{content:"";background:var(--bevel-lo);height:1px;box-shadow:0 1px 0 var(--bevel-hi);flex:1}.shell{min-height:100dvh}.shell__main{min-width:0;padding:var(--space-4) var(--space-4) calc(var(--tabbar-height) + var(--space-5) + env(safe-area-inset-bottom))}.shell__topbar{padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-2) var(--space-2) var(--space-4);justify-content:space-between;align-items:center;display:flex}.shell__wordmark{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-variation-settings:"SOFT" 100;letter-spacing:-.01em;font-size:21px;font-weight:600;display:flex}.shell__wordmark img{filter:drop-shadow(0 2px 2px oklch(0% 0 0/.5))}.shell__brand{display:none}.shell__sidebar{z-index:10;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--trim-h) top / 100% 1px no-repeat, var(--surface-glass);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);position:fixed;inset:auto 0 0;box-shadow:0 -8px 20px -12px oklch(0% 0 0/.6)}.shell__nav{height:var(--tabbar-height);display:flex}.shell__link{border-radius:var(--radius-sm);min-height:44px;color:var(--text-faint);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.shell__link[aria-current=page]{color:var(--accent)}.shell__candy{--candy:var(--accent);--candy-rim:var(--accent-rim);--candy-ink:var(--accent-on);border:1px solid var(--candy-rim);background:var(--candy-highlight), var(--candy);width:30px;height:30px;box-shadow:inset 0 -2px 0 oklch(from var(--candy-rim) l c h / .8), 0 1px 2px oklch(0% 0 0/.45);color:var(--candy-ink);filter:saturate(.55)brightness(.8);transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:inline-grid}.shell__candy[data-candy=caramel]{--candy:var(--candy-caramel);--candy-rim:var(--candy-caramel-rim);--candy-ink:var(--candy-caramel-ink)}.shell__candy[data-candy=cocoa]{--candy:var(--surface-raised);--candy-rim:var(--border-strong);--candy-ink:var(--text-muted)}.shell__link:hover .shell__candy,.shell__link:focus-visible .shell__candy,.shell__link[aria-current=page] .shell__candy{filter:none}.shell__link:active .shell__candy{transform:scale(.9)}@media (width>=900px){.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);display:grid}.shell__sidebar{gap:var(--space-2);height:100dvh;padding:var(--space-5) var(--space-3);background:var(--trim-v) right / 1px 100% no-repeat, var(--grain), var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;display:flex;position:sticky;top:0;box-shadow:6px 0 18px -12px oklch(0% 0 0/.6)}.shell__topbar{display:none}.shell__brand{padding:0 var(--space-2) var(--space-5);font-size:23px;display:flex}.shell__nav{gap:var(--space-1);flex-direction:column;height:auto}.shell__link{justify-content:flex-start;gap:var(--space-3);min-height:46px;padding:0 var(--space-2);color:var(--text-muted);flex-direction:row;flex:none;font-size:15px}.shell__link:hover{color:var(--text);background:var(--bevel-hi)}.shell__link[aria-current=page]{color:var(--text);background:var(--sheen), var(--surface-raised);box-shadow:var(--shadow-raised)}.shell__main{padding:var(--space-6) var(--space-6) var(--space-7)}}.dialog{border-radius:var(--radius-lg);background:var(--sheen) padding-box, linear-gradient(var(--surface), var(--surface)) padding-box, var(--trim) border-box;width:min(520px,100% - 32px);max-height:calc(100dvh - 64px);box-shadow:var(--trim-inner), var(--shadow-lifted), 0 24px 48px -16px oklch(0% 0 0/.6);color:var(--text);border:1px solid #0000;padding:0;overflow:auto}.dialog[open]{animation:dialog-in var(--dur-med) var(--ease-out)}.dialog::backdrop{background:oklch(12% .008 50/.7)}.dialog__body{padding:var(--space-5)}.dialog__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) var(--space-4) 0;display:flex}.dialog__header h2{font-size:18px}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=640px){.dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;margin:auto 0 0}.dialog[open]{animation-name:sheet-in}@keyframes sheet-in{0%{transform:translateY(100%)}}}.page{gap:var(--space-5);flex-direction:column;display:flex}.page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.page__header h1{letter-spacing:-.01em;font-size:28px}.page__sub{margin-top:var(--space-1);color:var(--text-muted)}.empty{padding:var(--space-6) var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--well);box-shadow:var(--shadow-well);color:var(--text-muted)}.bill-list{border-radius:var(--radius-md);background:linear-gradient(var(--well), var(--well)) padding-box, var(--trim) border-box;box-shadow:var(--trim-inner), var(--shadow-well), 0 8px 18px -10px oklch(0% 0 0/.6);border:1px solid #0000;gap:6px;margin:0;padding:10px;list-style:none;display:grid}.bill-row{align-items:center;gap:2px var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--sheen), var(--surface);box-shadow:var(--shadow-raised);text-align:left;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name amount""next schedule";display:grid}.bill-row:hover{background:var(--sheen), var(--surface-raised);box-shadow:var(--shadow-lifted);transform:translateY(-1px)}.bill-row:active{background:var(--surface);box-shadow:var(--shadow-pressed);transform:translateY(1px)}.bill-row__name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:500;overflow:hidden}.bill-row__amount{text-align:right;grid-area:amount}.bill-row__next{color:var(--text-muted);grid-area:next;font-size:14px}.bill-row__schedule{justify-content:flex-end;align-items:center;gap:var(--space-2);color:var(--text-muted);white-space:nowrap;grid-area:schedule;font-size:14px;display:flex}.bill-row__chevron{color:var(--text-faint);display:none}@media (width>=760px){.bill-row{gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1.2fr) minmax(96px,auto) 18px;grid-template-areas:"name schedule next amount chevron";min-height:56px}.bill-row__schedule{justify-content:flex-start}.bill-row__next,.bill-row__schedule{font-size:15px}.bill-row__chevron{grid-area:chevron;display:block}}.archived{gap:var(--space-3);display:grid}.archived summary{align-items:center;gap:var(--space-2);width:fit-content;min-height:44px;color:var(--text-muted);cursor:pointer;font-weight:500;list-style:none;display:inline-flex}.archived summary::-webkit-details-marker{display:none}.archived summary:hover{color:var(--text)}.archived__chevron{transition:transform var(--dur-fast) var(--ease-out)}.archived[open] .archived__chevron{transform:rotate(90deg)}.archived__count{color:var(--text-faint)}.archived .bill-row{opacity:.7}.occurrence-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.occurrence{align-items:center;gap:var(--space-3);min-height:60px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-1);border-radius:var(--radius-sm);background:var(--sheen), var(--surface);box-shadow:var(--shadow-raised);transition:background-color var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);grid-template-columns:44px minmax(0,1fr);display:grid}.occurrence[data-settled]{background:var(--surface-settled);box-shadow:inset 0 0 0 1px var(--bevel-hi)}.occurrence__toggle{color:#0000;cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.occurrence__toggle svg{box-sizing:content-box;border:1px solid var(--border-strong);background:var(--well);box-shadow:var(--shadow-well);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:50%;padding:5px}.occurrence__toggle:hover:not(:disabled) svg{border-color:var(--accent);color:var(--accent)}.occurrence__toggle:active:not(:disabled) svg{transform:scale(.88)}.occurrence__toggle[aria-pressed=true] svg{border-color:var(--ok-rim);background:radial-gradient(circle at 35% 28%, oklch(100% 0 0/.55), oklch(100% 0 0/0) 42%), var(--ok);box-shadow:inset 0 -2px 0 var(--ok-rim), 0 1px 2px oklch(0% 0 0/.45);color:var(--ok-ink)}.occurrence__toggle[aria-pressed=true]:hover:not(:disabled) svg{border-color:var(--ok-rim);color:var(--ok-ink)}.occurrence__toggle:disabled{cursor:default}.occurrence__open{align-items:center;gap:var(--space-3);min-height:44px;color:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;padding:0;display:grid}.occurrence__open:hover .occurrence__name{text-decoration:underline;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint);text-underline-offset:3px}.occurrence__main{flex-direction:column;min-width:0;display:flex}.occurrence__name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.occurrence__meta{align-items:center;gap:var(--space-2);color:var(--text-muted);flex-wrap:wrap;font-size:14px;display:flex}.occurrence[data-settled] .occurrence__name,.occurrence[data-settled] .occurrence__amount{color:var(--text-muted)}.pay-sheet__due{margin-top:calc(var(--space-3) * -1);color:var(--text-muted)}.bill-form{gap:var(--space-4);flex-direction:column;display:flex}.bill-form__row{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.money-input{display:block;position:relative}.money-input>span{top:50%;left:var(--space-3);color:var(--text-faint);pointer-events:none;position:absolute;transform:translateY(-50%)}.money-input .field__input{padding-left:calc(var(--space-3) + 14px)}.bill-form__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.bill-form__actions .button--primary{min-width:120px}.summary{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);background:var(--sheen) padding-box, linear-gradient(var(--surface), var(--surface)) padding-box, var(--trim) border-box;box-shadow:var(--trim-inner), var(--shadow-lifted);border:1px solid #0000;flex-direction:column;display:flex}.summary__stats{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.summary__stats>div+div{padding-left:var(--space-4);border-left:1px solid var(--bevel-lo);box-shadow:inset 1px 0 0 var(--bevel-hi)}.summary__stats dt{color:var(--text-muted);font-size:14px}.summary__stats dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere;font-size:clamp(17px,4vw,24px);font-weight:500}.summary__left{color:var(--gold)}.summary__bar{border-radius:var(--radius-full);background:var(--well);height:8px;box-shadow:var(--shadow-well);overflow:hidden}.summary__bar span{border-radius:inherit;background:var(--gloss), var(--ok);transform-origin:0;height:100%;transition:transform var(--dur-med) var(--ease-out);display:block}.home__sections{align-items:start;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));display:grid}.home-section{border-radius:var(--radius-md);background:linear-gradient(var(--well), var(--well)) padding-box, var(--trim) border-box;box-shadow:var(--trim-inner), var(--shadow-well), 0 8px 18px -10px oklch(0% 0 0/.6);border:1px solid #0000}.home-section__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2);color:var(--text-muted);display:flex}.home-section__header h2{color:var(--text);font-size:16px}.home-section[data-tone=danger] .home-section__header h2,.home-section[data-tone=danger] .home-section__header .money{color:var(--danger)}.home-section .occurrence-list{padding:0 10px 10px}.home-section__empty{padding:var(--space-2) var(--space-4) var(--space-5);color:var(--text-muted)}@media (width<=480px){.summary{padding:var(--space-4)}.summary__stats{gap:var(--space-3)}.summary__stats>div+div{padding-left:var(--space-3)}.summary__stats dt{font-size:13px}}.settings{align-items:start;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));display:grid}.settings-section{border-radius:var(--radius-md);background:linear-gradient(var(--well), var(--well)) padding-box, var(--trim) border-box;box-shadow:var(--trim-inner), var(--shadow-well), 0 8px 18px -10px oklch(0% 0 0/.6);border:1px solid #0000;padding-bottom:10px}.settings-section__header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:62px;padding:var(--space-3) var(--space-3) var(--space-2) var(--space-4);display:flex}.settings-section__header h2{font-size:16px}.settings-section__note{padding:0 var(--space-4) var(--space-3);color:var(--text-muted)}.settings-list{gap:6px;margin:0;padding:0 10px;list-style:none;display:grid}.settings-row{align-items:center;gap:var(--space-3);min-height:60px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--sheen), var(--surface);box-shadow:var(--shadow-raised);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.settings-row__icon{color:var(--gold)}.settings-row__main{flex-direction:column;min-width:0;display:flex}.settings-row__name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.settings-row__meta{color:var(--text-muted);font-size:14px}.settings-row .badge{margin-right:var(--space-2)}