:root{--brand:#1f7a64;--brand-deep:#145243;--accent:#ffb38a;--tint:#ddf2ea;--surface-100:#f4fbf8;--surface-200:#e9f6f0;--ink:#12302a;--ink-muted:#4d6b63;--line:#cfe8de;--alert:#b3361f;--ok:#1f7a64;--radius-md:12px;--radius-lg:24px;--display:"Baloo 2", system-ui, sans-serif;--sans:"Nunito Sans", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--surface-100);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}a{color:var(--brand)}h1,h2,h3{margin:0 0 8px;line-height:1.25}h2{font-size:20px}h3{font-size:16px}.display{font-family:var(--display);font-size:32px;line-height:1.15}.display.small{margin:0;font-size:28px}.lead{color:var(--ink);font-size:17px}.muted{color:var(--ink-muted)}.small{font-size:13px}.hint{color:var(--ink-muted);font-size:13px;display:block}.note{color:var(--ink-muted);text-align:center;font-size:14px}.ok{color:var(--ok);font-weight:600}.center{text-align:center;flex-direction:column;align-items:center;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}#root{max-width:520px;min-height:100dvh;margin:0 auto}.screen{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.content{flex-direction:column;gap:14px;padding:16px;display:flex}section{flex-direction:column;gap:10px;display:flex}.topbar{z-index:5;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;background:var(--surface-100);border-bottom:1px solid var(--line);grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:sticky;top:0}.topbar h1{text-align:center;margin:0;font-size:17px}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:28px}.btn{border-radius:var(--radius-md);border:1.5px solid var(--ink);background:var(--ink);color:#fff;min-height:48px;font:700 16px var(--sans);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--brand);border-color:var(--brand)}.btn.primary:active{background:var(--brand-deep)}.btn.outline{color:var(--ink);border-color:var(--line);background:#fff}.btn.google{color:#1f1f1f;background:#fff;border:1px solid #747775;font-family:Roboto,Arial,sans-serif;font-weight:600}.btn.google:active{background:#f2f2f2}.btn.link{color:var(--brand);background:0 0;border:0;min-height:40px}.btn.danger{color:var(--alert)}.btn.outline.danger{border-color:var(--alert)}.btn.small{min-height:36px;padding:0 12px;font-size:14px}.btn.big{width:100%;min-height:56px;font-size:18px}.btn:disabled,.btn.disabled{opacity:.45;pointer-events:none}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-size:14px;font-weight:700}input,select,textarea{font:16px var(--sans);color:var(--ink);border-radius:var(--radius-md);border:1.5px solid var(--line);background:#fff;width:100%;padding:12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:1px}.check{align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{width:22px;height:22px;accent-color:var(--brand);flex:none;margin-top:1px}.check.big{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:12px;font-size:16px}.check small{color:var(--ink-muted);font-size:13px;display:block}.divider{text-align:center;color:var(--ink-muted);font-size:14px}.banner{background:var(--surface-200);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin:0;padding:12px;font-size:14px;display:flex}.label{margin:0;font-weight:700}.landing{padding:calc(32px + env(safe-area-inset-top)) 20px 32px;flex-direction:column;gap:16px;min-height:100dvh;display:flex}.landing-logo{border-radius:18px;width:72px;height:72px}.landing-points{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.avatar{background:var(--tint);border-radius:50%;flex:none;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.ring{box-shadow:0 0 0 3px var(--surface-100), 0 0 0 6px var(--line)}.ring-ok{box-shadow:0 0 0 3px var(--surface-100), 0 0 0 6px var(--ok)}.ring-soon{box-shadow:0 0 0 3px var(--surface-100), 0 0 0 6px var(--accent)}.ring-late{box-shadow:0 0 0 3px var(--surface-100), 0 0 0 6px var(--alert)}.status-text{font-size:12px;font-weight:600}.st-ok{color:var(--ok)}.st-soon{color:#8a3b12}.st-late{color:var(--alert)}.st-empty{color:var(--ink-muted)}.hello{padding-top:calc(8px + env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex}.pill{background:var(--tint);color:var(--brand-deep);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.pets-row{gap:16px;padding:8px 4px 4px;display:flex;overflow-x:auto}.pet-chip{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;min-width:84px;display:flex}.pet-chip.add .add-circle{border:2px dashed var(--line);width:72px;height:72px;color:var(--brand);border-radius:50%;place-items:center;font-size:30px;display:grid}.reminder{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:8px;padding:12px;display:flex}.reminder.late{border-color:var(--brand)}.reminder>div:first-child{flex-direction:column;display:flex}.reminder-actions{gap:8px;display:flex}.card{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--line);font:inherit;color:inherit;background:#fff;flex-direction:column;gap:4px;width:100%;padding:16px;display:flex}.card.tint{background:var(--tint);border-color:#0000}.card.clickable{cursor:pointer}.empty{text-align:center;color:var(--ink-muted);border:1px dashed var(--line);border-radius:var(--radius-md);background:#fff;padding:20px}.bottomnav{z-index:10;border-top:1px solid var(--line);width:100%;max-width:520px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomnav a{color:var(--ink-muted);flex-direction:column;align-items:center;padding:4px 0;font-size:12px;font-weight:700;text-decoration:none;display:flex}.bottomnav a.active{color:var(--brand)}.tab-icon{font-size:20px;line-height:1.2}.plus{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-self:center;width:56px;height:56px;margin-top:-24px;font-size:32px;line-height:1;box-shadow:0 8px 18px #1f7a6459}.sheet-backdrop{z-index:20;background:#12302a66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface-100);width:100%;max-width:520px;padding:12px 16px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;flex-direction:column;gap:10px;display:flex}.sheet-handle{background:var(--line);border-radius:3px;align-self:center;width:40px;height:5px}.steps{gap:6px;display:flex}.steps span{background:var(--line);border-radius:3px;flex:1;height:6px}.steps span.on{background:var(--brand)}.choice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice{border:2px solid var(--line);border-radius:var(--radius-lg);font:700 18px var(--sans);color:var(--ink);cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.choice.small{padding:6px}.choice.selected{border-color:var(--brand)}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:36px;height:36px}.swatch.selected{outline:3px solid var(--brand);outline-offset:2px}.install-steps{flex-direction:column;gap:10px;padding-left:22px;font-size:17px;display:flex}.picker{gap:8px;display:flex;overflow-x:auto}.picker button{border:1.5px solid var(--line);font:600 14px var(--sans);color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;display:flex}.picker button.on{border-color:var(--brand)}.pet-head{align-items:center;gap:14px;display:flex}.pet-head h2,.pet-head h1{margin:0}.actions-row{gap:8px;display:flex}.actions-row .btn{flex:1}.tabs{background:var(--surface-200);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.tabs button{font:700 14px var(--sans);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:8px 4px}.tabs button.on{color:var(--ink);background:#fff}.block{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;gap:6px;padding:14px}.block-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.block h3{margin:0}.kv{border-bottom:1px solid var(--surface-200);justify-content:space-between;gap:12px;padding:6px 0;font-size:15px;display:flex}.kv:last-child{border-bottom:0}.kv span{color:var(--ink-muted)}.kv strong{text-align:right}.entry{border:0;border-bottom:1px solid var(--surface-200);font:inherit;color:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.entry>div{flex-direction:column;display:flex}.filters{gap:6px;display:flex;overflow-x:auto}.filters button,.filters select{border:1.5px solid var(--line);font:600 13px var(--sans);color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;width:auto;padding:6px 12px}.filters button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.bars{align-items:flex-end;gap:6px;height:160px;padding-top:20px;display:flex}.bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bar-fill{background:var(--accent);border-radius:6px 6px 0 0;width:100%;max-width:28px;min-height:4px}.bar-value,.bar-label{color:var(--ink-muted);white-space:nowrap;font-size:11px}.viewer{z-index:30;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.viewer header,.viewer footer{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.viewer footer{border-top:1px solid var(--line);padding-bottom:calc(8px + env(safe-area-inset-bottom));border-bottom:0}.viewer img,.viewer iframe{object-fit:contain;background:#f6f6f6;border:0;flex:1;width:100%;min-height:0}.qr{border:1px solid var(--line);background:#fff;border-radius:16px;width:240px;height:240px;padding:8px}.code{font:700 36px var(--display);letter-spacing:4px}.map-wrap{position:relative}.map{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-200);height:340px;overflow:hidden}.search-here{position:absolute;top:10px;left:50%;transform:translate(-50%)}.pin{background:var(--brand);border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0004}.badges{flex-wrap:wrap;gap:6px;display:flex}.price{color:var(--ink-muted);font-weight:800}.center-card{gap:8px}.includes{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.print-sheet{flex-direction:column;gap:14px;padding:20px;display:flex}.sheet-table{border-collapse:collapse;width:100%;font-size:14px}.sheet-table th,.sheet-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}.sheet-table th{color:var(--ink-muted);white-space:nowrap;font-weight:700}@media print{.no-print{display:none!important}body{background:#fff}}.legal p{margin:0 0 12px}.loading{min-height:100dvh;color:var(--ink-muted);place-items:center;display:grid}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;border-radius:var(--radius-md);z-index:40;text-align:center;max-width:calc(100% - 32px);padding:12px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.avatar.medal{border:3px solid #fff;justify-content:center;align-items:flex-end}.avatar.medal img.art{object-fit:contain;width:92%;height:92%}.breed-tabs{background:var(--tint);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.breed-tabs button{height:40px;font:800 15px var(--sans);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:11px}.breed-tabs button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #12302a1f}.breed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:46dvh;padding:2px;display:grid;overflow-y:auto}.breed-grid button{font:700 12px/1.2 var(--sans);color:var(--ink);text-align:center;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 10px;display:flex}.breed-grid button.selected{border-color:var(--brand)}.senior .lead{font-size:20px;line-height:1.45}.senior input,.senior select,.senior textarea{font-size:19px}.senior .btn{min-height:56px;font-size:19px}.senior .choice{padding:18px;font-size:20px}.assist-box{border-top:1px solid var(--line);text-align:center;margin-top:20px;padding-top:16px}.btn.big{min-height:56px;font-size:18px}.help-fab{z-index:11;right:max(16px,50% - 244px);bottom:calc(78px + env(safe-area-inset-bottom));background:var(--brand);color:#fff;font:700 17px var(--sans);cursor:pointer;border:0;border-radius:999px;padding:12px 18px;position:fixed;box-shadow:0 6px 18px #0003}.member{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.invite-code{letter-spacing:4px;color:var(--brand-deep);font-size:30px}.help-space{height:72px}.lp{max-width:560px;padding:env(safe-area-inset-top) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;min-height:100dvh;margin:0 auto;display:flex}.lp-top{justify-content:space-between;align-items:center;padding:14px 0 4px;display:flex}.lp-logo{width:auto;height:52px;display:block}.lp-hero{flex-direction:column;gap:16px;padding:20px 0 28px;display:flex}.lp-hero .display,.lp-hero .lead{margin:0}.lp-section{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding:24px 0;scroll-margin-top:12px;display:flex}.lp-section p{margin:0}.lp-h2{font-family:var(--display);color:var(--ink);margin:0;font-size:24px;line-height:1.2}.lp-features{flex-direction:column;gap:12px;display:flex}.lp-feature{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;align-items:flex-start;gap:14px;padding:16px;display:flex}.lp-feature h3{margin:0 0 2px;font-size:17px}.lp-feature p{font-size:15px}.lp-icon{background:var(--tint);width:44px;height:44px;color:var(--brand);border-radius:12px;flex:none;place-items:center;display:grid}.lp-soon{background:var(--tint);border-radius:var(--radius-lg);border:0;margin:8px 0;padding:20px}.lp-chips{flex-wrap:wrap;gap:8px;display:flex}.lp-chip{color:var(--brand-deep);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.lp-qr-box{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.lp-qr{border:1px solid var(--line);background:#fff;border-radius:12px;width:180px;height:180px;padding:8px}.lp-footer{text-align:center;margin-top:auto;padding-top:16px;font-size:13px}