:root{--bg: oklch(97.6% .004 265);--surface: oklch(100% 0 0);--surface-2: oklch(96.5% .005 265);--surface-3: oklch(93.5% .008 265);--border: oklch(92.5% .006 265);--border-strong: oklch(87% .009 265);--text: oklch(24% .02 265);--muted: oklch(55% .017 265);--faint: oklch(68% .014 265);--danger: oklch(56% .17 25);--danger-soft: oklch(95.5% .032 25);--warn: oklch(62% .13 68);--warn-soft: oklch(95.5% .05 68);--ok: oklch(56% .13 158);--ok-soft: oklch(94.5% .05 158);--tone-amber: oklch(62% .13 68);--tone-amber-soft: oklch(95.5% .05 68);--tone-blue: oklch(58% .13 240);--tone-blue-soft: oklch(95.5% .04 240);--tone-green: oklch(56% .13 158);--tone-green-soft: oklch(94.5% .05 158);--tone-sky: oklch(58% .12 225);--tone-sky-soft: oklch(95.5% .04 225);--tone-violet: oklch(55% .16 295);--tone-violet-soft: oklch(95% .045 295);--tone-emerald: oklch(56% .13 158);--tone-emerald-soft: oklch(94.5% .05 158);--tone-rose: oklch(58% .17 8);--tone-rose-soft: oklch(95.5% .04 8);--tone-neutral: oklch(55% .017 265);--tone-neutral-soft: oklch(95% .006 265);--tone-gray: var(--tone-neutral);--tone-gray-soft: var(--tone-neutral-soft);--radius-lg: 18px;--radius: 13px;--radius-sm: 10px;--shadow: 0 1px 2px oklch(24% .02 265 / .05);--shadow-lifted: 0 10px 30px oklch(24% .03 265 / .12)}.app,[data-accent=pink]{--accent: oklch(62% .2 355);--accent-hover: oklch(56% .2 355);--accent-soft: oklch(95.5% .035 355);--accent-line: oklch(90% .055 355);--accent-text: oklch(100% 0 0)}[data-accent=violet]{--accent: oklch(55% .21 295);--accent-hover: oklch(49% .21 295);--accent-soft: oklch(95.5% .035 295);--accent-line: oklch(90% .055 295);--accent-text: oklch(100% 0 0)}[data-accent=emerald]{--accent: oklch(58% .14 162);--accent-hover: oklch(52% .14 162);--accent-soft: oklch(95% .045 162);--accent-line: oklch(89% .07 162);--accent-text: oklch(100% 0 0)}[data-accent=indigo]{--accent: oklch(51% .2 274);--accent-hover: oklch(45% .2 274);--accent-soft: oklch(95% .035 274);--accent-line: oklch(90% .055 274);--accent-text: oklch(100% 0 0)}@media(prefers-color-scheme:dark){:root{--bg: oklch(16.5% .012 265);--surface: oklch(21% .014 265);--surface-2: oklch(25% .016 265);--surface-3: oklch(29% .018 265);--border: oklch(27.5% .016 265);--border-strong: oklch(35% .018 265);--text: oklch(95% .006 265);--muted: oklch(70% .015 265);--faint: oklch(60% .014 265);--danger: oklch(73% .14 25);--danger-soft: oklch(29% .05 25);--warn: oklch(79% .12 68);--warn-soft: oklch(29% .045 68);--ok: oklch(75% .13 158);--ok-soft: oklch(28% .05 158);--tone-amber: oklch(80% .12 68);--tone-amber-soft: oklch(28% .045 68);--tone-blue: oklch(77% .1 240);--tone-blue-soft: oklch(28% .045 240);--tone-green: oklch(76% .12 158);--tone-green-soft: oklch(27.5% .05 158);--tone-sky: oklch(78% .1 225);--tone-sky-soft: oklch(28% .045 225);--tone-violet: oklch(78% .12 295);--tone-violet-soft: oklch(29% .05 295);--tone-emerald: oklch(76% .12 158);--tone-emerald-soft: oklch(27.5% .05 158);--tone-rose: oklch(78% .12 8);--tone-rose-soft: oklch(29% .05 8);--tone-neutral: oklch(72% .014 265);--tone-neutral-soft: oklch(26.5% .014 265);--shadow: 0 1px 2px oklch(0% 0 0 / .4);--shadow-lifted: 0 10px 30px oklch(0% 0 0 / .5)}.app,[data-accent=pink]{--accent: oklch(76% .14 355);--accent-hover: oklch(82% .13 355);--accent-soft: oklch(29% .06 355);--accent-line: oklch(35% .07 355);--accent-text: oklch(17% .02 265)}[data-accent=violet]{--accent: oklch(76% .14 295);--accent-hover: oklch(82% .13 295);--accent-soft: oklch(29% .06 295);--accent-line: oklch(35% .07 295);--accent-text: oklch(17% .02 265)}[data-accent=emerald]{--accent: oklch(76% .13 162);--accent-hover: oklch(82% .12 162);--accent-soft: oklch(28% .06 162);--accent-line: oklch(34% .07 162);--accent-text: oklch(17% .02 265)}[data-accent=indigo]{--accent: oklch(74% .13 274);--accent-hover: oklch(80% .12 274);--accent-soft: oklch(29% .06 274);--accent-line: oklch(35% .07 274);--accent-text: oklch(17% .02 265)}}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4{color:var(--text);line-height:1.25;letter-spacing:-.02em;font-weight:700}h1{font-size:1.3rem}h2{font-size:1.02rem}h3{font-size:.97rem}svg{flex:0 0 auto}.site-header{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--border)}.site-header>div{max-width:720px;margin:auto;padding:10px 16px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:8px;flex:0 0 auto}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent);color:var(--accent-text)}.brand-name{font-weight:800;font-size:1.15rem;letter-spacing:-.03em;color:var(--text)}.header-auth{display:flex;align-items:center;gap:6px;margin-left:auto}.icon-button{position:relative;display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.icon-button:hover{background:var(--surface-2);color:var(--text)}.icon-button-dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:999px;background:var(--danger);border:2px solid var(--surface)}.pet-picker{position:relative;flex:0 1 auto;min-width:0;margin-left:auto}.pet-picker-button{display:flex;align-items:center;gap:8px;max-width:100%;padding:4px 8px 4px 4px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:600}.pet-picker-button:hover{background:var(--surface-2);border-color:var(--border-strong)}.pet-picker-button .pet-avatar{width:30px;height:30px;border-radius:999px;font-size:.7rem}.pet-picker-name{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-picker-chevron{color:var(--faint)}.menu{position:absolute;z-index:40;top:calc(100% + 6px);right:0;min-width:min(280px,calc(100vw - 32px));padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lifted)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer}.menu-item:hover{background:var(--surface-2)}.menu-item.current{background:var(--accent-soft);color:var(--accent)}.menu-item-label{display:flex;flex-direction:column;line-height:1.2;min-width:0}.menu-item-danger{color:var(--danger)}.menu-item-danger:hover{background:var(--danger-soft)}.menu-glyph{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.menu-separator{height:1px;margin:6px 4px;background:var(--border)}main{max-width:720px;margin:auto;padding:16px 16px 40px}main.with-tab-bar{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.tab-bar{position:fixed;z-index:30;inset:auto 0 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.tab-link{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 4px;color:var(--faint);font-size:.69rem;font-weight:600;letter-spacing:-.01em;text-align:center}.tab-glyph{position:relative;display:grid;place-items:center;width:44px;height:30px;border-radius:10px}.tab-link.current{color:var(--accent)}.tab-link.current .tab-glyph{background:var(--accent-soft)}.tab-badge{position:absolute;top:-4px;right:3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.62rem;font-weight:800;line-height:16px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.muted{color:var(--muted)}.small{font-size:.87rem}.tiny{font-size:.78rem}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:4px 0}.page-title p{color:var(--muted);font-size:.88rem;margin-top:2px}.section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.card-tinted{background:var(--accent-soft);border-color:var(--accent-line)}.card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px 12px;flex-wrap:wrap;margin:0 0 14px;padding:0;height:auto}.card-title{display:flex;align-items:flex-start;gap:10px;flex:1 1 220px;min-width:0}.card-title>svg{color:var(--accent);margin-top:1px}.card-title p{margin-top:2px}.card-link{display:block}.card-link:hover{border-color:var(--border-strong);background:var(--surface-2)}.hero{display:flex;align-items:center;gap:14px;min-width:0}.hero h1{font-size:1.22rem}.hero-compact{align-items:flex-start;gap:12px;margin-bottom:14px}.hero-glyph{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--surface);color:var(--accent)}.hero-role{margin-top:10px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface);font-size:.85rem}.pet-card{display:flex;gap:14px;align-items:center;min-width:0}.pet-card>div{min-width:0}.pet-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:11px;object-fit:cover;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-weight:700;font-size:.86rem}.pet-avatar-lg{width:62px;height:62px;border-radius:16px;font-size:1.3rem}.pet-avatar-sm{width:28px;height:28px;border-radius:9px;font-size:.68rem}.user-avatar{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:.8rem;font-weight:700}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.76rem;font-weight:700}.avatar-lg{width:52px;height:52px;font-size:1.05rem}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:650;background:var(--tone-soft, var(--surface-2));color:var(--tone, var(--muted));white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.73rem;font-weight:600;white-space:nowrap}.badge-overdue{background:var(--danger-soft);color:var(--danger)}.badge-today{background:var(--warn-soft);color:var(--warn)}.badge-upcoming{background:var(--ok-soft);color:var(--ok)}.badge-accent{background:var(--accent-soft);color:var(--accent)}[data-tone=amber]{--tone: var(--tone-amber);--tone-soft: var(--tone-amber-soft)}[data-tone=blue]{--tone: var(--tone-blue);--tone-soft: var(--tone-blue-soft)}[data-tone=green]{--tone: var(--tone-green);--tone-soft: var(--tone-green-soft)}[data-tone=sky]{--tone: var(--tone-sky);--tone-soft: var(--tone-sky-soft)}[data-tone=violet]{--tone: var(--tone-violet);--tone-soft: var(--tone-violet-soft)}[data-tone=emerald]{--tone: var(--tone-emerald);--tone-soft: var(--tone-emerald-soft)}[data-tone=rose]{--tone: var(--tone-rose);--tone-soft: var(--tone-rose-soft)}[data-tone=neutral],[data-tone=gray]{--tone: var(--tone-neutral);--tone-soft: var(--tone-neutral-soft)}.chips{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:6px 14px;border:0;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.83rem;font-weight:600;cursor:pointer}.chip:hover{background:var(--surface-3);color:var(--text)}.chip.current{background:var(--accent);color:var(--accent-text)}.action-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.action-grid>form{display:contents}.action-tile{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:12px;border:1px solid var(--tone-soft, var(--border));border-radius:var(--radius);background:var(--tone-soft, var(--surface-2));color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .08s ease,filter .12s ease}.action-tile:hover{background:var(--tone-soft, var(--surface-2));filter:brightness(.97)}.action-tile:active{transform:scale(.97)}.action-tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.action-tile-glyph{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface);color:var(--tone, var(--muted))}.action-tile-plus{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.action-tile-label{font-size:.87rem;font-weight:650;line-height:1.25}.log{display:flex;flex-direction:column;gap:10px;list-style:none}.log-entry{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.log-entry form{display:inline}.log-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.log-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.log-action{display:flex;align-items:center;gap:7px;font-size:.9rem;font-weight:600}.log-check{color:var(--tone, var(--ok));display:grid;place-items:center}.log-note{padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:.84rem;font-style:italic}.reminder{display:flex;align-items:flex-start;gap:11px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.reminder form{display:inline}.reminder-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.reminder-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reminder-title{font-size:.95rem}.reminder-note{padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font-size:.84rem}.reminder-due{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.8rem}.reminder-done .reminder-title{text-decoration:line-through;color:var(--muted)}.tick{display:grid;place-items:center;width:24px;height:24px;padding:0;border:2px solid var(--border-strong);border-radius:8px;background:var(--surface);cursor:pointer}.tick:hover{border-color:var(--ok);background:var(--ok-soft)}.tick.checked,.tick.checked:hover{border-color:var(--ok);background:var(--ok);cursor:default}.tick.checked:after{content:"";width:11px;height:6px;border-left:2px solid var(--surface);border-bottom:2px solid var(--surface);transform:rotate(-45deg) translate(1px,-1px)}.view-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.view-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer}.view-button:hover{background:var(--surface-2)}.view-button.current,.view-button.current:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.tiles{display:flex;flex-direction:column;gap:8px;list-style:none}.tile-row{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius);background:var(--surface-2)}.tile-body{flex:1;min-width:0}.tile-glyph{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--surface);color:var(--accent)}.scan-thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm)}.member{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.member form{display:inline}.member-body{flex:1;min-width:0}.notice{display:flex;align-items:flex-start;gap:11px;padding:13px;border-radius:var(--radius);background:var(--accent-soft);color:var(--text)}.notice>svg{color:var(--accent);margin-top:1px}.notice p{margin-top:3px}.agenda-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.agenda-item:last-child,.agenda-item:has(+details.panel){border-bottom:0;padding-bottom:0}.agenda-item:first-child{padding-top:0}.agenda-item form{display:inline}.agenda-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.list{display:flex;flex-direction:column;list-style:none}.list>*+*{border-top:1px solid var(--border);padding-top:11px;margin-top:11px}.list-plain>*+*{border-top:0;padding-top:0;margin-top:6px}.facts{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:.89rem}.facts dt{color:var(--muted)}form{display:flex;flex-direction:column;gap:14px}fieldset{border:0;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.fields{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}label{font-size:.83rem;font-weight:650;color:var(--text)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{width:100%;min-width:0;max-width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{appearance:none;-webkit-appearance:none;padding:10px 12px;min-height:42px;line-height:1.2}input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{text-align:left}input[type=date]::-webkit-calendar-picker-indicator{margin-left:auto;opacity:.55}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}textarea{min-height:70px;resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]{width:auto;accent-color:var(--accent)}input[type=file]{padding:8px 10px;font-size:.86rem}.field.checkbox{flex-direction:row;align-items:center;gap:8px}.field.checkbox label{font-weight:500}input[data-invalid=true],select[data-invalid=true],textarea[data-invalid=true]{border-color:var(--danger)}.error{color:var(--danger);font-size:.79rem}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border:0;border-radius:var(--radius);background:var(--accent);color:var(--accent-text);font-size:.88rem;font-weight:650;cursor:pointer;white-space:nowrap}button:hover,.button:hover{background:var(--accent-hover)}button:disabled{opacity:.55;cursor:progress}.button-secondary{background:var(--surface-2);color:var(--text)}.button-secondary:hover{background:var(--surface-3)}.button-ghost{background:transparent;color:var(--muted);padding:7px 12px}.button-ghost:hover{background:var(--surface-2);color:var(--text)}.button-danger{background:transparent;color:var(--danger)}.button-danger:hover{background:var(--danger-soft)}.button-small{padding:7px 14px;font-size:.83rem}.button-icon{padding:8px;border-radius:999px;color:var(--faint)}details.panel{border-top:1px solid var(--border);padding-top:14px;margin-top:16px}details.panel+details.panel{margin-top:10px}details.panel>summary{cursor:pointer;font-weight:600;font-size:.87rem;color:var(--muted);list-style:none;display:flex;align-items:center;gap:7px}details.panel>summary:hover{color:var(--text)}details.panel>summary::-webkit-details-marker{display:none}details.panel>summary:before{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg) translate(1px,-1px)}details.panel[open]>summary:before{transform:rotate(45deg) translateY(-1px)}details.panel[open]>summary{margin-bottom:14px;color:var(--text)}.chart-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 14px));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lifted);padding:6px 10px;pointer-events:none;white-space:nowrap;z-index:2}.traits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 24px}.trait{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:.86rem}.meter{display:flex;gap:3px}.meter span{width:16px;height:5px;border-radius:999px;background:var(--surface-3)}.meter span.on{background:var(--accent)}.breed-photo{width:100%;max-height:210px;object-fit:cover;object-position:center 35%;border-radius:var(--radius);margin-bottom:14px;background:var(--surface-2)}.empty{padding:18px 0;color:var(--muted);font-size:.88rem}.empty-centered{text-align:center;padding:36px 20px}.landing{display:flex;flex-direction:column;gap:28px;padding-top:20px}.landing-hero h1{font-size:clamp(2rem,8vw,2.6rem);line-height:1.12;letter-spacing:-.035em;margin-bottom:16px}.landing-hero>p{color:var(--muted);font-size:1.02rem;line-height:1.55;margin-bottom:26px;max-width:34ch}.button-block{display:flex;width:100%;padding:16px 20px;font-size:1rem}.landing-reassurance{margin-top:10px;text-align:center}.landing-promises{display:flex;flex-direction:column;gap:12px}.landing-promise{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.landing-promise-glyph{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:14px;background:var(--tone-soft, var(--surface-2));color:var(--tone, var(--accent))}.landing-promise h3{margin-bottom:4px}.landing-promise p{color:var(--muted);font-size:.89rem;line-height:1.5}.landing-close{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;border-radius:var(--radius-lg);background:var(--accent-soft);text-align:center}.landing-close>svg{color:var(--accent);margin-bottom:2px}.landing-close h2{font-size:1.18rem}.landing-close p{color:var(--muted);font-size:.9rem;margin-bottom:10px}.landing-close .button-secondary{background:var(--surface)}.landing-footer{padding:4px 0 8px;color:var(--muted);font-size:.83rem;text-align:center}.form-container{max-width:380px;margin:40px auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;display:flex;flex-direction:column;gap:18px}.form-container h1{font-size:1.28rem}.form-container>div:first-child p{color:var(--muted);font-size:.87rem;margin-top:3px}.prompt{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;max-width:720px;margin:14px auto -4px;padding:14px;background:var(--surface);border:1px solid var(--accent-line);border-radius:var(--radius-lg)}.prompt-glyph{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.prompt-body{flex:1 1 220px;min-width:0}.prompt-body strong{display:block;font-size:.95rem;letter-spacing:-.015em}.prompt-body p{margin-top:2px;color:var(--muted);font-size:.85rem;line-height:1.45}.prompt-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto}@media(max-width:560px){.site-header>div{padding:10px 12px;gap:8px}.brand-name{font-size:1.05rem}.pet-picker{flex-shrink:1}main{padding:14px 12px 40px}.prompt{margin:12px 12px -4px}.prompt-actions{width:100%;margin-left:50px}.action-grid,.view-grid{grid-template-columns:repeat(2,1fr)}.agenda-item{align-items:flex-start;flex-direction:column;gap:10px}.agenda-actions{align-self:flex-end}}