:root{--ink: #302b40;--bg: #f8f7fb;--surface: #fdfcfe;--lila: #efe8f8;--lila-2: #e4d9f2;--rosa: #f6dde1;--accent: #7154a5;--accent-strong: #5f4490;--muted: #5e5870;--line: #e3ddee;--line-strong: #8a84a0;--err: #9b2239;--err-bg: #fceef1;--err-line: #ebbfc8;--ok: #1d6643;--ok-bg: #e5f4eb;--warn: #74500a;--warn-bg: #fff4d9;--danger: #a02440;--danger-strong: #87203a;--skel: #eae4f3;--on-accent: #fdfcfe;--s1: 4px;--s2: 8px;--s3: 16px;--s4: 24px;--s5: 32px;--s6: 48px;--s7: 64px;--r-control: 12px;--r-card: 16px;--tap: 44px;--nav-h: 60px;--fs-xs: .875rem;--fs-sm: 1rem;--fs-md: 1.125rem;--fs-lg: 1.3125rem;--fs-xl: 1.5rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--font-title: Nunito, Arial, sans-serif;--font-body: "DM Sans", Arial, sans-serif;--ease: cubic-bezier(.23, 1, .32, 1);--t-fast: .15s;--t-base: .2s}@supports (color: oklch(0% 0 0)){:root{--ink: oklch(30.4% .038 295);--bg: oklch(97.8% .005 298);--surface: oklch(99.2% .003 308);--lila: oklch(94.1% .023 306);--lila-2: oklch(90.2% .036 305);--rosa: oklch(91.9% .028 7);--accent: oklch(51.3% .126 298);--accent-strong: oklch(45.3% .121 298);--muted: oklch(47.5% .039 296);--line: oklch(90.7% .024 302);--line-strong: oklch(62.8% .042 295);--err: oklch(45.8% .156 16);--err-bg: oklch(96.1% .016 3);--err-line: oklch(84.6% .052 4);--ok: oklch(45.6% .092 158);--ok-bg: oklch(95.4% .02 160);--warn: oklch(45.9% .092 77);--warn-bg: oklch(96.9% .037 88);--danger: oklch(47% .159 13);--danger-strong: oklch(42% .138 11);--skel: oklch(92.8% .021 304);--on-accent: var(--surface)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font:400 var(--fs-sm)/1.5 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-title);font-weight:800;color:var(--ink);text-wrap:balance}h1{font-size:var(--fs-2xl);line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--s2)}h2{font-size:var(--fs-lg);line-height:1.25;margin-bottom:var(--s2)}h3{font-size:var(--fs-md);line-height:1.3;margin-bottom:var(--s1)}p{line-height:1.55;max-width:70ch}a{color:var(--accent)}img{max-width:100%;display:block}code{overflow-wrap:anywhere}.muted{color:var(--muted)}.small{font-size:var(--fs-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.field-label,legend.field-label{font-size:var(--fs-xs);font-weight:700;color:var(--ink);padding:0}.field-hint{font-size:var(--fs-xs);color:var(--muted);font-weight:400;margin:0;line-height:1.4}.field-label .optional{font-weight:400;color:var(--muted)}fieldset{border:0;margin:0;padding:0;min-width:0}legend.field-label{margin-bottom:var(--s2)}input,select,textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);font-size:1rem;line-height:1.4;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}input::placeholder,textarea::placeholder{color:#6f6982;opacity:1}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}input:disabled,select:disabled,textarea:disabled{background:var(--lila);color:var(--muted);cursor:not-allowed}input[type=date],input[type=datetime-local]{display:block;min-width:0;-webkit-appearance:none;appearance:none}textarea{resize:vertical;min-height:112px}input[type=checkbox]{width:24px;height:24px;min-height:0;padding:0;accent-color:var(--accent);flex:none}.password-wrap{position:relative}.password-wrap input{padding-right:88px}.password-toggle{position:absolute;right:2px;top:2px;bottom:2px;min-width:var(--tap);padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--accent-strong);font-weight:700;font-size:var(--fs-xs)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap);padding:10px 18px;border:1px solid transparent;border-radius:var(--r-control);font-size:var(--fs-sm);font-weight:700;line-height:1.2;text-decoration:none;text-align:center;transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.button:active:not(:disabled){transform:scale(.97)}.button:disabled,.button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.button[aria-busy=true]{cursor:progress}.button-primary{background:var(--accent);color:var(--on-accent)}.button-secondary{background:var(--lila);color:var(--accent-strong);border-color:var(--lila-2)}.button-danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.button-ghost{background:transparent;color:var(--accent-strong)}.button-block{width:100%}@media(hover:hover)and (pointer:fine){.button-primary:hover:not(:disabled){background:var(--accent-strong)}.button-secondary:hover:not(:disabled){background:var(--lila-2)}.button-danger:hover:not(:disabled){background:var(--err-bg)}.button-ghost:hover:not(:disabled){background:var(--lila)}}.link-button{border:0;background:transparent;color:var(--accent-strong);font-weight:700;padding:0 var(--s2);min-height:var(--tap);text-decoration:underline;text-underline-offset:3px;border-radius:8px}.link-button:disabled{opacity:.55;cursor:not-allowed}.alert{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);border:1px solid;border-radius:var(--r-control);padding:12px var(--s3);margin:0 0 var(--s3);font-size:var(--fs-xs);line-height:1.5}.alert>p{margin:0}.alert-error{color:var(--err);background:var(--err-bg);border-color:var(--err-line)}.alert-warning{color:var(--warn);background:var(--warn-bg);border-color:#e8cf8f}.alert-success{color:var(--ok);background:var(--ok-bg);border-color:#a9d6bd}.alert-info{color:var(--ink);background:var(--lila);border-color:var(--lila-2)}.alert .link-button{color:inherit}.skeleton-list{display:grid;gap:var(--s2)}.skeleton{height:76px;border-radius:var(--r-card);background:var(--skel);animation:pulse 1.4s ease-in-out infinite}.skeleton.is-short{height:44px;width:60%}@keyframes pulse{50%{opacity:.55}}.empty{text-align:center;padding:var(--s5) var(--s3);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--r-card)}.empty h3{margin-bottom:var(--s1)}.empty p{margin:0 auto var(--s3);color:var(--muted)}.empty .button{margin-top:var(--s1)}.empty-welcome{background:var(--rosa);border:0;padding:0 0 var(--s4);overflow:hidden}.empty-welcome img{width:100%;height:160px;object-fit:cover;object-position:72% 40%;margin-bottom:var(--s3)}.empty-welcome h3,.empty-welcome p{padding-inline:var(--s3)}.empty-welcome p{color:var(--ink)}.auth-page{min-height:100vh;min-height:100dvh;padding:max(var(--s3),env(safe-area-inset-top)) var(--s3) calc(var(--s4) + env(safe-area-inset-bottom));max-width:520px;margin:0 auto}.auth-brand img{height:32px;width:auto}.auth-story{margin:var(--s3) 0}.auth-illustration{width:100%;height:112px;object-fit:cover;object-position:72% 38%;border-radius:var(--r-card);background:var(--lila)}.auth-story h1{margin:var(--s3) 0 0;font-size:var(--fs-xl)}.auth-story p{display:none;color:var(--muted)}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s3)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--s1);padding:var(--s1);border-radius:var(--r-control);background:var(--lila);margin-bottom:var(--s3)}.segmented button{min-height:44px;border:2px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--accent-strong);border-color:var(--accent)}.auth-card h2{font-size:var(--fs-lg);margin-bottom:var(--s1)}.auth-card-sub{color:var(--muted);font-size:var(--fs-xs);margin-bottom:var(--s3)}.form-stack{display:grid;gap:var(--s3)}.form-stack .button{margin-top:var(--s1)}.verification-panel{background:var(--lila);border-radius:var(--r-control);padding:var(--s3);margin-bottom:var(--s3)}.verification-panel .alert{margin-bottom:var(--s2)}.verification-actions{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.app-shell{min-height:100vh;min-height:100dvh}.sidebar{display:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:56px;padding:env(safe-area-inset-top) max(var(--s3),env(safe-area-inset-right)) 0 max(var(--s3),env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line)}.topbar-brand img{height:32px;width:auto}.topbar-greeting{display:none;font-weight:700;color:var(--muted)}.content{padding:var(--s3) max(var(--s3),env(safe-area-inset-right)) calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--s5)) max(var(--s3),env(safe-area-inset-left));max-width:1100px;margin:0 auto}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface);border-top:1px solid var(--line);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.bottom-nav button{min-height:var(--nav-h);border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.75rem;font-weight:700;padding:var(--s1);transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.bottom-nav button[aria-current=page]{color:var(--accent-strong);background:var(--lila)}.bottom-nav button:active{background:var(--lila)}.bottom-nav svg,.nav-item svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}body:has(.pet-form) .bottom-nav{display:none}body:has(.pet-form) .content{padding-bottom:var(--s4)}.page-heading{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s3)}.page-heading h1{margin:0}.page-heading p{margin:0;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap}.section-heading h2{margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s3);margin-bottom:var(--s3)}.panel>h2:first-child{margin-top:0}.count-pill{border-radius:999px;background:var(--lila);color:var(--accent-strong);padding:2px 12px;font-size:var(--fs-xs);font-weight:700}.toggle-row{display:flex;align-items:center;gap:var(--s2);min-height:var(--tap);font-size:var(--fs-xs);font-weight:500;color:var(--muted)}.pet-list{display:grid;gap:var(--s2)}.pet-card{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:76px;padding:var(--s3);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.pet-card:active{transform:scale(.98)}@media(hover:hover)and (pointer:fine){.pet-card:hover{border-color:var(--accent)}}.pet-avatar{width:52px;height:52px;border-radius:var(--r-control);background:var(--lila);display:grid;place-items:center;font-size:1.75rem;flex:none}.pet-card-body{min-width:0;display:grid;gap:2px;flex:1}.pet-card-body strong{font-family:var(--font-title);font-size:var(--fs-md);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-card-body span{color:var(--muted);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.qr-lookup{background:var(--lila);border-color:var(--lila-2)}.qr-lookup h2{font-size:var(--fs-md)}.qr-lookup p{color:var(--muted);font-size:var(--fs-xs)}.qr-lookup-form{display:grid;gap:var(--s2)}.pet-form{display:flex;flex-direction:column;min-height:calc(100dvh - 56px - var(--s4))}.pet-form-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3)}.pet-form-head h1{margin:0;font-size:var(--fs-xl)}.back-button{min-height:var(--tap);min-width:var(--tap);display:inline-flex;align-items:center;gap:var(--s1);border:0;background:transparent;color:var(--accent-strong);font-weight:700;padding:0 var(--s2) 0 0;border-radius:var(--r-control)}.back-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pet-form-fields{display:grid;gap:var(--s4);flex:1;align-content:start}.option-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s2)}.option-grid .option{grid-column:span 2}.option-grid .option:nth-child(n+4){grid-column:span 3}.option{position:relative;display:block}.option input{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;margin:0;cursor:pointer}.option-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1);min-height:88px;padding:var(--s2);border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);font-weight:700;font-size:var(--fs-sm);transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);position:relative}.option-emoji{font-size:2rem;line-height:1}.option:active .option-body{transform:scale(.97)}.option input:checked+.option-body{border:2px solid var(--accent);background:var(--lila);color:var(--accent-strong);padding:calc(var(--s2) - 1px)}.option input:checked+.option-body:after{content:"";position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fdfcfe' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat}.option input:focus-visible+.option-body{outline:2px solid var(--accent);outline-offset:2px}.option-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--s1);padding:var(--s1);background:var(--lila);border-radius:var(--r-control)}.option-row .option-body{flex-direction:row;min-height:48px;border:2px solid transparent;background:transparent;font-size:var(--fs-xs);text-align:center}.option-row .option input:checked+.option-body{background:var(--surface);border:2px solid var(--accent);padding:var(--s2)}.option-row .option input:checked+.option-body:after{display:none}.form-bar{position:sticky;bottom:0;z-index:30;display:grid;gap:var(--s2);margin:var(--s4) calc(-1 * var(--s3)) calc(-1 * var(--s4));padding:var(--s3) var(--s3) calc(var(--s3) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.form-bar .alert{margin:0}.form-bar-actions{display:grid;grid-template-columns:1fr 2fr;gap:var(--s2)}.pet-hero{display:flex;align-items:center;gap:var(--s3);background:var(--lila);border-radius:var(--r-card);padding:var(--s3);margin-bottom:var(--s3)}.pet-hero .pet-avatar{width:72px;height:72px;font-size:2.5rem;background:var(--surface);border-radius:var(--r-card)}.pet-hero h1{margin:0;font-size:var(--fs-xl);overflow-wrap:anywhere}.pet-hero p{margin:0;color:var(--muted)}.pet-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-bottom:var(--s3)}.tabs{display:flex;gap:var(--s1);margin:0 calc(-1 * var(--s3)) var(--s3);padding:0 var(--s3);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;border-bottom:1px solid var(--line)}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;scroll-snap-align:start;min-height:var(--tap);padding:0 var(--s3);border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700;white-space:nowrap;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.tab[aria-selected=true]{color:var(--accent-strong);border-bottom-color:var(--accent)}.detail-grid{display:grid;gap:var(--s3)}.facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.facts dt{font-size:var(--fs-xs);color:var(--muted);margin-bottom:2px}.facts dd{margin:0;font-weight:700;overflow-wrap:anywhere}.qr-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-control);padding:var(--s2);width:max-content;max-width:100%;margin:var(--s3) auto}.qr-code-text{font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--s3);overflow-wrap:anywhere}.timeline{display:grid;gap:var(--s3)}.timeline-item{display:grid;grid-template-columns:36px 1fr;gap:var(--s3)}.timeline-icon{width:36px;height:36px;border-radius:50%;background:var(--lila);color:var(--accent-strong);display:grid;place-items:center;font-weight:800}.timeline-title{display:flex;flex-direction:column}.timeline-title time{font-size:var(--fs-xs);color:var(--muted)}.timeline-content{color:var(--ink);font-size:var(--fs-xs);white-space:pre-wrap;overflow-wrap:anywhere}.timeline-content p{margin:0 0 var(--s1)}.inline-form{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s3);margin-bottom:var(--s3);display:grid;gap:var(--s3)}.reminder-list{display:grid;gap:var(--s2)}.reminder-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:var(--s2) var(--s3);padding:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);width:100%;text-align:left}.reminder-symbol{width:40px;height:40px;border-radius:var(--r-control);background:var(--lila);display:grid;place-items:center;font-size:1.25rem}.reminder-text{min-width:0;display:grid;gap:2px}.reminder-text strong{overflow-wrap:anywhere}.reminder-text span{font-size:var(--fs-xs);color:var(--muted)}.reminder-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.reminder-actions .button{padding-inline:var(--s2);font-size:var(--fs-xs)}button.reminder-row{transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}button.reminder-row:active{transform:scale(.98)}.status{display:inline-flex;align-items:center;border-radius:999px;padding:2px 10px;font-size:var(--fs-xs);font-weight:700;white-space:nowrap;background:var(--warn-bg);color:var(--warn)}.status-completed{background:var(--ok-bg);color:var(--ok)}.status-cancelled{background:var(--lila);color:var(--muted)}.member-list{list-style:none;margin:0 0 var(--s3);padding:0;display:grid;gap:var(--s2)}.member-row{display:grid;gap:var(--s2);padding:var(--s3);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-control)}.member-main{display:flex;align-items:center;gap:var(--s3);min-width:0}.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--lila-2);color:var(--accent-strong);display:grid;place-items:center;font-weight:800;flex:none}.member-info{min-width:0;flex:1;display:grid}.member-info strong{overflow-wrap:anywhere}.member-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-info span{font-size:var(--fs-xs);color:var(--muted)}.member-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}.member-actions .button{flex:1 1 auto;font-size:var(--fs-xs)}.family-block{padding-top:var(--s3);margin-top:var(--s3);border-top:1px solid var(--line)}.family-block h3{margin-bottom:var(--s2)}.family-leave{margin-top:var(--s4)}.push-panel{display:grid;gap:var(--s2)}.push-panel h2{margin:0}.push-panel p{margin:0;font-size:var(--fs-xs);color:var(--muted)}.push-panel .button{justify-self:start}.admin-placeholder{background:var(--rosa);border-radius:var(--r-card);padding:var(--s4) var(--s3)}.admin-placeholder h2{margin-bottom:var(--s1)}.admin-placeholder p{margin:0}.account-block{margin-top:var(--s4)}.boot{min-height:100vh;min-height:100dvh;display:grid;place-items:center;align-content:center;gap:var(--s3)}.boot img{height:40px;width:auto;animation:pulse 1.4s ease-in-out infinite}@media(min-width:768px){h1{font-size:var(--fs-3xl)}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:var(--s4) var(--s3);background:var(--lila);border-right:1px solid var(--lila-2)}.sidebar-brand{padding:0 var(--s2) var(--s5)}.sidebar-brand img{height:36px;width:auto}.sidebar nav{display:grid;gap:var(--s1)}.nav-item{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:var(--tap);padding:0 var(--s3);border:0;border-radius:var(--r-control);background:transparent;color:var(--ink);font-weight:700;text-align:left;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.nav-item[aria-current=page]{background:var(--surface);color:var(--accent-strong)}.nav-item:hover{background:var(--lila-2)}.nav-item[aria-current=page]:hover{background:var(--surface)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--lila-2);padding-top:var(--s3);display:grid;gap:var(--s2)}.user-chip{display:flex;align-items:center;gap:var(--s2);min-width:0}.user-chip strong,.user-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.user-chip small{color:var(--muted)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--lila-2);color:var(--accent-strong);display:grid;place-items:center;font-weight:800;flex:none}.topbar{justify-content:flex-end;padding-inline:var(--s5)}.topbar-brand{display:none}.topbar-greeting{display:block}.content{padding:var(--s5) var(--s5) var(--s7)}.bottom-nav{display:none}.page-heading{flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:var(--s4)}.panel{padding:var(--s4)}.pet-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.qr-lookup-form{grid-template-columns:1fr auto}.detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr)}.tabs{margin-inline:0;padding-inline:0}.pet-actions{display:flex}.pet-form{min-height:0;max-width:640px}.option-grid{grid-template-columns:repeat(5,1fr)}.option-grid .option,.option-grid .option:nth-child(n+4){grid-column:auto}.form-bar{position:static;margin:var(--s4) 0 0;padding:0;border:0;background:transparent}.form-bar-actions{grid-template-columns:auto auto;justify-content:end}.reminder-row{grid-template-columns:40px minmax(0,1fr) auto auto}.reminder-actions{grid-column:auto;grid-template-columns:repeat(3,auto)}.member-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.member-actions .button{flex:none}.auth-page{max-width:1180px;padding:var(--s5);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,440px);grid-template-areas:"brand brand" "story card";gap:var(--s5) var(--s7);align-content:start}.auth-brand{grid-area:brand}.auth-brand img{height:40px}.auth-story{grid-area:story;margin:0;align-self:center}.auth-illustration{height:340px;object-position:68% 40%}.auth-story h1{font-size:var(--fs-3xl);margin-top:var(--s4)}.auth-story p{display:block}.auth-card{grid-area:card;align-self:center;padding:var(--s4)}}@media(min-width:1280px){.app-shell{grid-template-columns:264px minmax(0,1fr)}.pet-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:360px){.reminder-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.button:active:not(:disabled),.pet-card:active,.option:active .option-body,button.reminder-row:active{transform:none}}.button-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}@media(max-width:767px){.page-heading>.button{width:100%}}.section{margin-bottom:var(--s4)}