:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3f4f8;--surface:#fff;--ink:#1a2238;--muted:#5b6378;--line:#e0e3eb;--night:#1d2747;--night-2:#2a3762;--night-ink:#edf0f8;--night-muted:#aab3d0;--lamp:#f5b841;--lamp-glow:#f5b84173;--lamp-ink:#2b2000;--p-night:#a8660a;--p-night-bg:#fbf0dc;--p-month:#357556;--p-month-bg:#e2f0e8;--p-extra:#6e57a0;--p-extra-bg:#eee9f7;--have:#3f6497;--have-bg:#e5ecf7;--temp:#1d7378;--temp-bg:#ddf0f0;--danger:#b3261e;--focus:#3a6ff0;--radius-s:8px;--radius-m:14px;--radius-l:22px;--font:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--page:640px;--gutter:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#121933;--surface:#1a2343;--ink:#e9ecf6;--muted:#9ea7c2;--line:#2a3459;--night:#0d1430;--night-2:#1f2a52;--p-night:#f2b350;--p-night-bg:#f2b35024;--p-month:#7cc79f;--p-month-bg:#7cc79f24;--p-extra:#b9a3e6;--p-extra-bg:#b9a3e626;--have:#93b4e6;--have-bg:#93b4e626;--temp:#74d1d5;--temp-bg:#74d1d524;--danger:#ff8a80;--focus:#8fb0ff}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:140px}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,p{margin:0}.hero{background:radial-gradient(120% 80% at 85% 10%, var(--night-2) 0%, transparent 60%), var(--night);color:var(--night-ink);padding:calc(env(safe-area-inset-top) + 12px) var(--gutter) 18px}.hero>*{max-width:var(--page);margin-inline:auto}.hero-top{align-items:center;gap:10px;display:flex}.hero-top h1{letter-spacing:-.01em;margin-right:auto;font-size:1.125rem;font-weight:750}.sync-badge{color:var(--night-muted);align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.sync-badge>span{background:#6fcf97;border-radius:50%;width:7px;height:7px}.sync-badge.s-saving>span,.sync-badge.s-loading>span{background:var(--lamp);animation:1s ease-in-out infinite alternate pulse}.sync-badge.s-offline>span{background:#8a93b0}.sync-badge.s-error>span{background:#ff7a6e}@keyframes pulse{to{opacity:.3}}.hero-main{grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:14px;display:grid}.hero-line{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.6rem,6.4vw,2.25rem);font-weight:700;line-height:1.08}.hero-sub{color:var(--night-muted);margin-top:8px;font-size:.9375rem}.night-house{width:clamp(92px,26vw,128px);height:auto;overflow:visible}.house-body{fill:var(--night-2)}.house-chimney{fill:#253159}.house-step{fill:#33416f}.house-window,.house-door{fill:#121a36;transition:fill .5s,filter .5s}.house-window.is-on,.house-door.is-on{fill:var(--lamp);filter:drop-shadow(0 0 6px var(--lamp-glow))}.budget{gap:28px;margin:18px auto 0;display:flex}.budget div{min-width:0}.budget dt{color:var(--night-muted);font-size:.8125rem}.budget dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.25rem;font-weight:650}.budget small{color:var(--night-muted);font-size:.8125rem;font-weight:450}.meters{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.meter{text-align:left;border-radius:var(--radius-m);color:var(--night-ink);background:#ffffff0d;border:1px solid #ffffff1a;grid-template-columns:1fr auto;align-items:baseline;gap:2px 6px;min-height:44px;padding:10px 10px 12px;display:grid}.meter-label{font-size:.875rem;font-weight:600;line-height:1.15}.meter-count{color:var(--night-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.meter-bar{background:#ffffff1f;border-radius:2px;grid-column:1/-1;height:4px;margin-top:8px;display:flex;overflow:hidden}.meter-bar>span{border-radius:inherit;background:var(--meter,var(--lamp));height:100%;transition:width .4s;display:block}.meter-bar>span.is-temp{opacity:.4;border-radius:0 2px 2px 0}.meter.p-night{--meter:#f5b841}.meter.p-month{--meter:#7cc79f}.meter.p-extra{--meter:#b9a3e6}.meter.is-active{background:var(--night-ink);color:var(--night);border-color:var(--night-ink)}.meter.is-active .meter-count{color:var(--night-2)}.meter.is-active .meter-bar{background:#1d274726}.meter.is-active.p-night{--meter:#c27c0e}.meter.is-active.p-month{--meter:#357556}.meter.is-active.p-extra{--meter:#6e57a0}.toolbar{z-index:5;padding:10px var(--gutter);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.toolbar>*{max-width:var(--page);margin-inline:auto}.search{border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);height:44px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--focus)}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.views{background:var(--line);border-radius:12px;gap:4px;margin-top:8px;padding:3px;display:flex}.views button{height:36px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;font-size:.9375rem;font-weight:550}.views button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #141e3c1f}.list{max-width:calc(var(--page) + 2 * var(--gutter));padding:8px var(--gutter) calc(env(safe-area-inset-bottom) + 96px);margin:0 auto}.group{margin-top:14px}.group h2{font-size:inherit}.group-toggle{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 2px;display:flex}.group-name{letter-spacing:-.01em;flex:1;font-size:1.0625rem;font-weight:700}.group-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.chevron{color:var(--muted);transition:transform .2s}.group-toggle[aria-expanded=false] .chevron{transform:rotate(-90deg)}.items{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);margin:0;padding:0;list-style:none;overflow:hidden}.item{align-items:flex-start;display:flex}.item+.item{border-top:1px solid var(--line)}.check{background:0 0;border:0;flex:none;place-items:center;width:52px;min-height:52px;padding:0;display:grid}.check svg{border:2px solid color-mix(in srgb, var(--ink) 35%, transparent);fill:none;stroke:#0000;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;width:26px;height:26px;transition:background .16s,border-color .16s,transform .16s}.item.is-done .check svg{background:var(--night);border-color:var(--night);stroke:var(--lamp);animation:.26s tick}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .item.is-done .check svg{background:var(--lamp);border-color:var(--lamp);stroke:var(--night)}}@keyframes tick{50%{transform:scale(1.15)}}.item-body{flex-direction:column;flex:1;min-width:0;display:flex}.item-main{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:3px;min-width:0;padding:13px 14px 12px 0;display:flex}.item-line{align-items:baseline;gap:12px;display:flex}.item-name{overflow-wrap:anywhere;flex:1;font-weight:560;line-height:1.3}.item-price{font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-size:.9375rem}.item-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.875rem;display:flex}.item-meta:empty{display:none}.item-note{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem}.temp-toggle{background:0 0;border:0;align-self:flex-start;align-items:center;min-height:40px;margin:-12px 0 0 -8px;padding:0 14px 4px 0;display:flex}.temp-toggle>span{height:26px;color:color-mix(in srgb, var(--muted) 85%, transparent);border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:.8125rem;font-weight:550;display:inline-flex}.temp-toggle>span:before{content:"";border:1.5px solid;border-radius:3px;width:12px;height:12px}.temp-toggle[aria-pressed=true]>span{background:var(--temp-bg);color:var(--temp);font-weight:650}.temp-toggle[aria-pressed=true]>span:before{display:none}.item.is-done .item-name{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent)}.tag{border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600;line-height:1.6;display:inline-block}.tag.p-night{color:var(--p-night);background:var(--p-night-bg)}.tag.p-month{color:var(--p-month);background:var(--p-month-bg)}.tag.p-extra{color:var(--p-extra);background:var(--p-extra-bg)}.tag.t-have{color:var(--have);background:var(--have-bg)}.empty,.notice{border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);justify-items:start;gap:12px;margin-top:24px;padding:18px;display:grid}.notice{border-color:color-mix(in srgb, var(--danger) 40%, var(--line))}.button{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:600;display:inline-flex}.button.primary{background:var(--night);border-color:var(--night);color:var(--night-ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .button.primary{background:var(--lamp);border-color:var(--lamp);color:var(--lamp-ink)}}.button:disabled{opacity:.45;cursor:not-allowed}.button.danger{color:var(--danger)}.button.danger.is-armed{background:var(--danger);border-color:var(--danger);color:#fff}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.icon-button.on-night{color:var(--night-ink);margin-right:-10px}.fab{right:max(var(--gutter), calc((100vw - var(--page)) / 2));bottom:calc(env(safe-area-inset-bottom) + 18px);z-index:6;background:var(--lamp);height:54px;color:var(--lamp-ink);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 22px 0 18px;font-size:1rem;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 6px 18px #f5b84159,0 2px 6px #141e3c33}.sheet{border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--surface);width:100%;max-width:560px;max-height:92dvh;color:var(--ink);overscroll-behavior:contain;border:0;margin:auto auto 0;padding:0;overflow:auto}.sheet[open]{animation:.24s cubic-bezier(.2,.8,.2,1) sheet-in}.sheet::backdrop{background:#0a0f2380}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}@media (width>=700px){.sheet{border-radius:var(--radius-l);margin:auto}.sheet-handle{display:none}}.sheet-body{padding:8px 20px calc(env(safe-area-inset-bottom) + 20px);outline:none}.sheet-handle{background:var(--line);border-radius:2px;width:40px;height:4px;margin:2px auto 6px}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet-header h2{letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.sheet-header .icon-button{margin-right:-10px}.form{gap:14px;display:grid}.field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.field>span:first-child,.field>legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:.875rem;font-weight:600}.field>span:first-child{margin-bottom:0}.field input,.field textarea{border:1px solid var(--line);background:var(--paper);border-radius:12px;width:100%;min-height:46px;padding:10px 12px;font-size:1rem}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid var(--focus);outline-offset:-1px}.field input[aria-invalid=true]{border-color:var(--danger)}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-affix{display:block;position:relative}.input-affix input{padding-right:32px}.input-affix>span{color:var(--muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.field-error{color:var(--danger);font-size:.875rem}.segmented{background:var(--paper);border:1px solid var(--line);border-radius:12px;gap:4px;padding:3px;display:flex}.segmented label{flex:1;position:relative}.segmented input{opacity:0;margin:0;position:absolute;inset:0}.segmented span{text-align:center;min-height:40px;color:var(--muted);border-radius:9px;place-items:center;padding:4px 6px;font-size:.875rem;font-weight:550;line-height:1.15;display:grid}.segmented input:checked+span{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #141e3c26}.segmented input:focus-visible+span{outline:3px solid var(--focus)}.form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.form-actions .button.primary{flex:1;max-width:260px}.toggle-field{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.toggle-field input{width:22px;height:22px;accent-color:var(--temp);flex:none;margin:1px 0 0}.toggle-field span{gap:1px;display:grid}.toggle-field small{color:var(--muted);font-size:.875rem}.sync-line{color:var(--muted);margin-bottom:12px}.menu-list{gap:8px;display:grid}.menu-item{text-align:left;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--paper);gap:2px;padding:14px;display:grid}.menu-item span{color:var(--muted);font-size:.875rem}.confirm-box{border-radius:var(--radius-m);background:var(--p-night-bg);gap:10px;padding:14px;display:grid}.login{max-width:420px;min-height:100dvh;padding:32px var(--gutter);background:var(--night);color:var(--night-ink);align-content:center;justify-items:start;gap:12px;margin:0 auto;display:grid}body:has(.login){background:var(--night)}.login .night-house{width:110px;margin-bottom:8px}.login h1{letter-spacing:-.02em;font-size:2.25rem;font-weight:750}.login>p{color:var(--night-muted)}.login-form{gap:12px;width:100%;margin-top:12px;display:grid}.login .field>span:first-child{color:var(--night-muted)}.login .field input{color:var(--night-ink);background:#ffffff14;border-color:#ffffff29}.login .field-error{color:#ffb4ab}.login .button.primary{background:var(--lamp);border-color:var(--lamp);color:var(--lamp-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}