:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f5f0;--surface:#fff;--ink:#17332f;--muted:#526864;--accent:#12645a;--accent-strong:#0a5149;--accent-soft:#ddede8;--border:#cbd6d2;--focus:#145cdb}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}.privacy-panel+.privacy-panel{margin-top:1.5rem}.danger-panel{border-color:#d9a5a5}.danger-action{color:#852021}.hub-consent-card{width:min(100%,42rem)}.hub-household-picker{border:1px solid var(--border);border-radius:.75rem;gap:.75rem;padding:1rem;display:grid}.hub-household-picker label{align-items:center;gap:.75rem;min-height:2.75rem;display:flex}.hub-household-picker input{width:1.25rem;min-height:1.25rem}.hub-connections{gap:1.5rem;display:grid}.legal-copy{max-width:52rem}.legal-copy h2{margin-top:2rem}.field input[type=checkbox]{width:1.25rem;min-height:1.25rem}.offline-banner{z-index:1000;right:1rem;bottom:calc(5.75rem + env(safe-area-inset-bottom));color:#fff;background:#24302b;border-radius:.9rem;max-width:min(28rem,100% - 2rem);padding:.9rem 1rem;position:fixed;box-shadow:0 .75rem 2rem #0003}.offline-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.offline-page h1{font-size:clamp(2.25rem,8vw,3.5rem)}button,input,select,textarea{font:inherit}.shell{width:min(100% - 2rem,70rem);margin-inline:auto;padding-block:2rem 4rem}.hero{margin-bottom:2rem}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.875rem;font-weight:700}h1{letter-spacing:-.025em;margin:0;font-size:clamp(1.75rem,5vw,2.25rem);line-height:1.2}.lede{color:var(--muted);font-size:1.125rem}.empty-state{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;max-width:36rem;padding:2rem;box-shadow:0 1rem 3rem #24302b14}.empty-state h2{margin-top:0}.primary-action{background:var(--accent);color:#fff;border-radius:.5rem;align-items:center;min-height:3rem;padding-inline:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.button{cursor:pointer;border:0;justify-content:center}.button:disabled{cursor:wait;opacity:.7}.secondary-action{border:1px solid var(--border);background:var(--surface);min-height:3rem;color:var(--ink);cursor:pointer;border-radius:.5rem;align-items:center;padding-inline:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.landing-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.auth-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card,.panel{border:1px solid var(--border);background:var(--surface);border-radius:1.5rem;width:min(100%,34rem);padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 1rem 3rem #24302b14}.auth-card h1{font-size:clamp(2.25rem,8vw,3.5rem)}.auth-form{gap:1rem;margin-block:1.5rem;display:grid}.field{gap:.4rem;display:grid}.field label{font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--border);width:100%;min-height:3rem;color:var(--ink);background:#fff;border-radius:.75rem;padding:.7rem .9rem}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, white);border-color:var(--accent)}.field-error{color:#a2292a;min-height:1.1rem;margin:0;font-size:.875rem}.form-message{background:#edf5f2;border-radius:.75rem;margin:0;padding:.8rem}.form-message.error{color:#852021;background:#fff0ef}.form-message.success{color:var(--accent-strong)}.text-link{color:var(--accent-strong);font-weight:700}.app-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.app-header h1{font-size:clamp(2.25rem,7vw,4rem)}.panel h2{margin-top:0}.muted{color:var(--muted)}.household-form{margin-bottom:0}.section-nav{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.breadcrumb{color:var(--muted);gap:.5rem;margin-bottom:2rem;display:flex}.breadcrumb a{color:var(--accent-strong);font-weight:700}.narrow-shell{max-width:46rem}.page-header{margin-bottom:2rem}.page-header h1,.pet-detail-header h1{font-size:clamp(2.25rem,7vw,4rem)}.pet-form{border:1px solid var(--border);background:var(--surface);border-radius:1.5rem;gap:.75rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.pet-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field-hint{color:var(--muted);margin:0;font-size:.875rem}.pet-list{border:1px solid var(--border);background:var(--surface);border-radius:1.5rem;margin:0;padding:0;list-style:none;overflow:hidden}.pet-list li+li{border-top:1px solid var(--border)}.pet-row{min-height:5.5rem;color:var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;display:grid}.pet-row:hover,.pet-row:focus-visible{background:#edf5f2;outline:0}.pet-row strong,.pet-row small{display:block}.pet-row small{color:var(--muted);margin-top:.25rem}.pet-avatar,.pet-photo{object-fit:cover;background:#edf5f2;border-radius:50%}.pet-avatar{place-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;display:grid}.pet-photo{place-items:center;width:7rem;height:7rem;font-size:3rem;display:grid}.pet-detail-header{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.plan-notice{background:#fff7df;border-radius:.75rem;padding:1rem}.wide-panel{width:100%}.wide-panel .pet-form{box-shadow:none;border:0;padding:0}.danger-zone{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.5rem}.danger-action{color:#852021;cursor:pointer;background:#fff;border:1px solid #a2292a;border-radius:999px;min-height:3rem;padding-inline:1.25rem;font-weight:700}.pet-facts{gap:1rem;display:grid}.pet-facts div{grid-template-columns:8rem 1fr;display:grid}.pet-facts dt{font-weight:700}.pet-facts dd{margin:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.health-editor{margin-bottom:1.5rem}.health-editor summary{cursor:pointer;font-size:1.25rem;font-weight:700}.health-editor[open] summary{margin-bottom:1.5rem}.health-filters{align-items:end;gap:.75rem;margin-block:1.5rem 2rem;display:flex}.health-filters label{font-weight:700}.health-filters select{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;min-height:3rem;padding-inline:.75rem}.health-timeline{gap:1rem;padding:0;list-style:none;display:grid}.health-timeline article{border:1px solid var(--border);background:var(--surface);border-radius:1rem;padding:1.25rem}.health-event-heading{justify-content:space-between;gap:1rem;display:flex}.health-event-heading h3{margin:.3rem 0}.health-event-type{color:var(--accent-strong);text-transform:uppercase;font-size:.8rem;font-weight:700}.health-event-actions{align-items:start;gap:.75rem;display:flex}.health-event-actions form{margin:0}.health-event-actions button{color:#852021;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.due-date{background:#fff7df;border-radius:.75rem;padding:.75rem}.document-list{padding-left:1.25rem}.weekday-picker{border:0;flex-wrap:wrap;gap:.75rem;padding:0;display:flex}.weekday-picker legend{margin-bottom:.5rem;font-weight:700}.routine-list,.member-list{gap:.75rem;padding:0;list-style:none;display:grid}.routine-list li{border:1px solid var(--border);background:var(--surface);border-radius:1rem;grid-template-columns:4rem 1fr auto;align-items:center;gap:1rem;padding:1.25rem;display:grid}.routine-list li.is-complete{background:#edf5f2}.routine-list h3{margin:.25rem 0}.routine-list p{margin:.4rem 0 0}.routine-time{font-size:1.1rem;font-weight:700}.completion-note{color:var(--accent-strong);font-size:.9rem}.routine-actions,.member-actions{flex-wrap:wrap;gap:.4rem;display:flex}.routine-actions form,.member-actions form{margin:0}.text-danger,.member-actions button{cursor:pointer;background:0 0;border:0;padding:.4rem;text-decoration:underline}.text-danger{color:#852021}.member-list li{border:1px solid var(--border);background:var(--surface);border-radius:1rem;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;display:flex}.member-list strong,.member-list span{display:block}.member-list span{color:var(--muted);margin-top:.25rem}.invitation-link{overflow-wrap:anywhere;background:#edf5f2;border-radius:.75rem;padding:.75rem;display:block}.push-card{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.push-card h2{margin-bottom:.5rem}.push-card p{margin-block:0}.reminder-list,.delivery-list{gap:.75rem;padding:0;list-style:none;display:grid}.reminder-list li,.delivery-list li{border:1px solid var(--border);background:var(--surface);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.reminder-list li.is-paused{opacity:.65}.reminder-list h3,.reminder-list p{margin:.35rem 0 0}.delivery-list span{color:var(--muted)}.skip-link{z-index:1100;background:var(--surface);color:var(--ink);padding:.75rem 1rem;position:fixed;top:-5rem;left:.75rem}.skip-link:focus{top:.75rem}.app-shell{min-height:100vh;padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;min-height:4rem;padding:.5rem 1rem;display:flex}.household-name{font-weight:600}.household-switcher select,.pet-selector select,.health-filters input{border:1px solid var(--border);background:var(--surface);min-height:3rem;color:var(--ink);border-radius:.5rem;padding:.65rem .75rem}.profile-avatar{background:var(--accent-soft);width:2.75rem;height:2.75rem;color:var(--ink);border-radius:50%;place-items:center;font-weight:600;text-decoration:none;display:grid}.primary-nav{z-index:100;padding:.35rem max(.25rem, env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom)) max(.25rem, env(safe-area-inset-left));border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -.25rem 1.1rem #17332f14}.primary-nav a{min-height:3.65rem;color:var(--ink);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;font-size:.8rem;text-decoration:none;display:flex;position:relative}.primary-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-icon{font-size:1.2rem;line-height:1}.nav-count{color:#fff;text-align:center;background:#a53632;border-radius:999px;min-width:1.15rem;padding-inline:.25rem;font-size:.7rem;position:absolute;top:.1rem;right:calc(50% - 1.45rem)}.app-content:focus{outline:none}.page-heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-heading{margin-bottom:1.5rem}.section-heading p{color:var(--muted);margin:0;font-size:.875rem}.dashboard-shell{max-width:70rem}.dashboard-grid,.pet-cards{gap:1.5rem;display:grid}.dashboard-grid{margin-top:2rem}.pet-summary-grid,.attention-panel{margin-bottom:2rem}.pet-cards{gap:.75rem;margin-top:1rem}.summary-card{border:1px solid var(--border);background:var(--surface);min-height:4.5rem;color:var(--ink);border-radius:.75rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;display:grid}.summary-card small,.summary-list small,.settings-list small{color:var(--muted);display:block}.summary-list{border-top:1px solid var(--border);margin:.75rem 0 0;padding:0;list-style:none}.summary-list li{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;min-height:4rem;padding-block:.65rem;display:grid}.summary-list li.is-complete{color:var(--muted)}.attention-panel{background:#fff4d6;border:1px solid #e2bd7a;border-radius:.75rem;padding:1rem}.quick-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.empty-actions{flex-wrap:wrap;gap:.75rem;display:flex}.settings-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.settings-list li{border-bottom:1px solid var(--border)}.settings-list a{min-height:4.5rem;color:var(--ink);justify-content:space-between;align-items:center;gap:.75rem;text-decoration:none;display:flex}.permission-note,.account-panel{margin-top:1.5rem}.account-panel{border-top:1px solid var(--border);padding-top:1.5rem}.section-context{width:min(100% - 2rem,46rem);margin:1.5rem auto -1rem}.pet-selector{align-items:end;gap:.75rem;display:flex}.pet-selector label{align-self:center;font-weight:600}.pet-selector select{min-width:10rem}.pet-context{color:var(--muted);margin:0;font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (max-width:38rem){.app-header{flex-direction:column;align-items:stretch}.app-header .secondary-action{justify-content:center;width:100%}.pet-form-row{grid-template-columns:1fr;gap:0}.pet-detail-header{flex-direction:column;align-items:flex-start}.routine-list li{grid-template-columns:3.5rem 1fr}.routine-actions{grid-column:1/-1}.member-list li{flex-direction:column}.push-card,.reminder-list li,.delivery-list li{flex-direction:column;align-items:stretch}}@media (min-width:42rem){.pet-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:50rem){.app-shell{grid-template-rows:4rem 1fr;grid-template-columns:15rem 1fr;padding-bottom:0;display:grid}.topbar{grid-column:2}.primary-nav{border-top:0;border-right:1px solid var(--border);height:100vh;box-shadow:none;grid-area:1/1/3;grid-template-columns:1fr;align-content:start;gap:.25rem;padding:5.5rem .75rem .75rem;position:sticky;inset:0}.primary-nav:before{content:"TribooPets";font-size:1.25rem;font-weight:700;position:absolute;top:1.1rem;left:1.5rem}.primary-nav a{flex-direction:row;justify-content:flex-start;gap:.75rem;min-height:3.25rem;padding:.5rem 1rem;font-size:1rem}.nav-count{margin-left:auto;position:static}.app-content{grid-column:2}.dashboard-grid{grid-template-columns:1.2fr .8fr}.offline-banner{bottom:1rem}}.primary-action:hover,.primary-action:focus-visible{background:var(--accent-strong)}.primary-action:focus-visible{outline:3px solid var(--ink);outline-offset:3px}