:root{--bg: #fbf8f4;--bg-alt: #f3ede5;--surface: #ffffff;--fg: #231e1a;--muted: #6b625a;--accent: #b5452f;--accent-fg: #ffffff;--accent-soft: #f6e1d9;--accent-ink: #9a3623;--line: #e7dfd5;--ok: #27693f;--ok-soft: #dff0e5;--warn: #9a5b00;--warn-soft: #fbecc9;--danger: #a3261a;--shadow: 0 24px 60px -24px rgba(60, 35, 20, .35);--radius: 22px;--radius-sm: 12px;--nav-w: 15.5rem;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #151210;--bg-alt: #1c1815;--surface: #221d19;--fg: #f2ece5;--muted: #b3a89d;--accent: #ec8e74;--accent-fg: #2a1109;--accent-soft: #3a241d;--accent-ink: #ec8e74;--line: #342d28;--ok: #7fd09b;--ok-soft: #1d3326;--warn: #f0c36b;--warn-soft: #3a2f14;--danger: #ff9a8c;--shadow: 0 24px 60px -24px rgba(0, 0, 0, .7)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0}h1{font-size:clamp(1.6rem,4vw,2.1rem);font-weight:800;letter-spacing:-.03em}h2{font-size:1.2rem}h3{font-size:1.02rem}p{margin:0}a{color:var(--accent);text-underline-offset:.2em}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--muted)}.small{font-size:.9rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-fg);padding:.6rem 1rem;border-radius:0 0 12px;z-index:100}.skip:focus{left:0}.shell{min-height:100vh;min-height:100dvh;display:block}.side{display:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;padding-top:calc(.6rem + env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg);text-decoration:none;font-weight:700;letter-spacing:-.01em}.brand svg{color:var(--accent)}.topbar .household{margin-left:auto;min-width:0;flex:1;max-width:18rem}.main{padding:1.25rem 1rem 7rem;max-width:60rem;margin:0 auto}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom))}.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .2rem;border-radius:14px;color:var(--muted);text-decoration:none;font-size:.72rem;font-weight:600;min-width:0}.tabs a[aria-current=page]{color:var(--accent-ink);background:var(--accent-soft)}.nav-link{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:14px;color:var(--fg);text-decoration:none;font-weight:600}.nav-link:hover{background:var(--bg-alt)}.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink)}.nav-link svg{flex:none}@media(min-width:900px){.shell{display:grid;grid-template-columns:var(--nav-w) 1fr}.side{display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;height:100vh;padding:1.25rem 1rem;border-right:1px solid var(--line);background:var(--bg-alt);overflow-y:auto}.side nav{display:grid;gap:.15rem}.side .spacer{flex:1}.topbar,.tabs{display:none}.main{padding:2rem 2.5rem 4rem;width:100%}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.page-head p{color:var(--muted);margin-top:.35rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:grid;gap:1rem}.stack-sm{display:grid;gap:.5rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem}.card.flat{border-radius:var(--radius-sm);padding:.8rem 1rem}.card h2+p,.card h3+p{margin-top:.3rem}a.card{display:block;color:inherit;text-decoration:none}a.card:hover{border-color:var(--accent)}.list{display:grid;gap:.6rem;list-style:none;padding:0;margin:0}.item{display:flex;align-items:center;gap:.9rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:.8rem 1rem}.item .grow{flex:1;min-width:0}.item .title{font-weight:650;overflow-wrap:anywhere}.item .sub{color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}.badge{display:inline-block;border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:700;background:var(--accent-soft);color:var(--accent-ink);white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.avatar{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;flex:none}.empty{text-align:center;padding:2.5rem 1rem;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.empty h2{color:var(--fg);margin-bottom:.4rem}.empty .btn{margin-top:1rem}.section-title{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:1.6rem 0 .6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font:inherit;font-weight:650;cursor:pointer;border-radius:999px;padding:.6rem 1.2rem;border:1px solid transparent;background:var(--accent);color:var(--accent-fg);text-decoration:none;min-height:2.6rem}.btn:hover{filter:brightness(1.06)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;filter:none}.btn.secondary{background:var(--surface);color:var(--fg);border-color:var(--line)}.btn.secondary:hover{border-color:var(--accent);filter:none}.btn.ghost{background:transparent;color:var(--accent);padding-inline:.7rem}.btn.danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.btn.small{min-height:2.1rem;padding:.3rem .85rem;font-size:.92rem}.btn.icon{padding:.5rem;min-width:2.6rem}.field{display:grid;gap:.3rem}.field>label,.field>.label{font-weight:650;font-size:.93rem}.field .hint{color:var(--muted);font-size:.88rem}.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select,.field textarea{width:100%;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem .85rem;min-height:2.8rem}.field textarea{min-height:5rem;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.field input[type=file]{font:inherit}.check{display:flex;gap:.6rem;align-items:flex-start}.check input{margin-top:.3rem;accent-color:var(--accent);width:1.1rem;height:1.1rem;flex:none}.form-grid{display:grid;gap:.9rem;grid-template-columns:1fr}@media(min-width:560px){.form-grid.two{grid-template-columns:1fr 1fr}.form-grid .wide{grid-column:1 / -1}}fieldset{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .9rem .9rem;margin:0;min-width:0}legend{font-weight:650;font-size:.93rem;padding:0 .35rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--bg);cursor:pointer;font-weight:600;font-size:.92rem}.chip:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.chip input{accent-color:var(--accent)}dialog{border:1px solid var(--line);border-radius:var(--radius);padding:0;background:var(--surface);color:var(--fg);width:min(36rem,calc(100vw - 1.5rem));max-height:calc(100dvh - 1.5rem);box-shadow:var(--shadow)}dialog::backdrop{background:#140e0a80}dialog .dlg-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem .4rem}dialog .dlg-body{padding:.6rem 1.25rem 1.1rem;display:grid;gap:1rem;overflow-y:auto;max-height:calc(100dvh - 11rem)}dialog .dlg-foot{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap;padding:.8rem 1.25rem 1.1rem;border-top:1px solid var(--line)}dialog.wide{width:min(56rem,calc(100vw - 1.5rem))}.banner{border-radius:var(--radius-sm);padding:.75rem 1rem;border:1px solid var(--line);background:var(--bg-alt)}.banner.error{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.banner.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.banner.ok{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:5.5rem;z-index:60;background:var(--fg);color:var(--bg);padding:.6rem 1.1rem;border-radius:999px;font-weight:600;box-shadow:var(--shadow);max-width:calc(100vw - 2rem)}@media(min-width:900px){.toast{bottom:1.5rem}}.sync-dot{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted)}.sync-dot:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--ok)}@media(max-width:520px){.topbar .sync-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.sync-dot[data-phase=syncing]:before{background:var(--warn)}.sync-dot[data-phase=offline]:before,.sync-dot[data-phase=error]:before{background:var(--danger)}.auth{min-height:100dvh;display:grid;place-items:center;padding:1.5rem 1rem}.auth-card{width:min(30rem,100%)}.auth .brand{font-size:1.15rem;margin-bottom:1.5rem}.auth h1{margin-bottom:.6rem}.auth p+.stack,.auth p+form{margin-top:1.1rem}.words{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem .8rem;list-style:none;counter-reset:w;padding:1rem;margin:0;background:var(--bg);border:2px solid var(--accent);border-radius:var(--radius-sm)}.words li{counter-increment:w;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.02rem}.words li:before{content:counter(w) ". ";color:var(--muted);display:inline-block;min-width:2.2ch;text-align:right;margin-right:.3ch}@media(min-width:520px){.words{grid-template-columns:repeat(3,1fr)}}.pair-code{font-size:2.4rem;font-weight:800;letter-spacing:.25em;text-align:center;font-variant-numeric:tabular-nums;padding:.6rem;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--line)}.link-box{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .85rem;user-select:all}.due{display:grid;gap:.8rem}.due-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem;display:grid;gap:.8rem}.due-card.now{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.due-card .actions{display:flex;gap:.6rem;flex-wrap:wrap}.due-title{font-size:1.15rem;font-weight:750}.done-line{color:var(--muted);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.done-line svg{color:var(--ok)}.timeline{list-style:none;margin:0;padding:0 0 0 1.2rem;border-left:2px solid var(--line);display:grid;gap:.9rem}.timeline li{position:relative}.timeline li:before{content:"";position:absolute;left:calc(-1.2rem - 6px);top:.45rem;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.kv{display:grid;grid-template-columns:minmax(7rem,max-content) 1fr;gap:.3rem 1rem;margin:0}.detail-grid{display:grid;gap:1rem;grid-template-columns:1fr;align-items:start}@media(min-width:900px){.detail-grid{grid-template-columns:3fr 2fr}}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.sum-card{display:grid;gap:.2rem}.sum-card .big{font-size:2rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.bar-track{height:.55rem;border-radius:999px;background:var(--bg-alt);overflow:hidden}.bar-track>i{display:block;height:100%;background:var(--accent)}.bar-track>i[data-w="0"]{width:0}.bar-track>i[data-w="5"]{width:5%}.bar-track>i[data-w="10"]{width:10%}.bar-track>i[data-w="15"]{width:15%}.bar-track>i[data-w="20"]{width:20%}.bar-track>i[data-w="25"]{width:25%}.bar-track>i[data-w="30"]{width:30%}.bar-track>i[data-w="35"]{width:35%}.bar-track>i[data-w="40"]{width:40%}.bar-track>i[data-w="45"]{width:45%}.bar-track>i[data-w="50"]{width:50%}.bar-track>i[data-w="55"]{width:55%}.bar-track>i[data-w="60"]{width:60%}.bar-track>i[data-w="65"]{width:65%}.bar-track>i[data-w="70"]{width:70%}.bar-track>i[data-w="75"]{width:75%}.bar-track>i[data-w="80"]{width:80%}.bar-track>i[data-w="85"]{width:85%}.bar-track>i[data-w="90"]{width:90%}.bar-track>i[data-w="95"]{width:95%}.bar-track>i[data-w="100"]{width:100%}.amount{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.preview{display:grid;place-items:center;min-height:12rem;background:var(--bg);border-radius:var(--radius-sm);overflow:hidden}.preview img{max-height:60vh;object-fit:contain}.preview iframe{width:100%;height:60vh;border:0;background:#fff}.emergency{border:3px solid var(--accent);border-radius:var(--radius);padding:1.25rem;background:var(--surface);display:grid;gap:.9rem}.emergency h2{font-size:1.5rem}.emergency .phone{font-size:1.3rem;font-weight:800}.members .you{color:var(--muted)}.legal{margin-top:2rem;font-size:.85rem;color:var(--muted)}@media print{.side,.topbar,.tabs,.no-print,.toast{display:none!important}.shell{display:block}.main{padding:0;max-width:none}body{background:#fff;color:#000}.emergency{border-color:#000}}@media(prefers-reduced-motion:no-preference){.btn,.nav-link,.tabs a{transition:background-color .15s,border-color .15s,color .15s}}.code-field input{font-size:1.5rem;letter-spacing:.25em;text-align:center;font-variant-numeric:tabular-nums}.btn.disabled,label.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.row.nowrap{flex-wrap:nowrap}.topbar .household-name{flex:1;min-width:0;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.side .household-name{font-weight:700;overflow-wrap:anywhere;padding:0 .3rem}@media(max-width:640px){.topbar{gap:.6rem}.topbar .brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar .household{max-width:none}}.avatar.photo{object-fit:cover;background:var(--bg-alt)}.avatar.big{width:5rem;height:5rem;font-size:1.8rem}.photo-field{display:flex;align-items:center;gap:1rem}.crop{display:grid;gap:1rem;justify-items:center}.crop-view{border-radius:var(--radius-sm);touch-action:none;cursor:grab;max-width:100%;background:#000}.crop .field{width:100%}.emergency .animal-head{display:flex;gap:1rem;align-items:center}.grow-min{min-width:0;overflow-wrap:anywhere}.item.wrap{flex-wrap:wrap}.item.wrap .grow{flex:1 1 12rem}