:root{--bg: #f4f6f5;--surface: #ffffff;--surface-2: #f0f3f2;--border: #e1e6e4;--text: #17211e;--text-2: #5b6763;--primary: #0e7c66;--primary-soft: #e3f3ef;--primary-text: #ffffff;--success: #1f8a4c;--success-soft: #e4f4ea;--warn: #a35c00;--warn-soft: #fdf1df;--danger: #c0392b;--danger-soft: #fdeceb;--info: #2563a8;--info-soft: #e6eef9;--muted-soft: #eceeee;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(16, 24, 22, .05), 0 2px 10px rgba(16, 24, 22, .04);--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f1413;--surface: #171e1c;--surface-2: #1e2725;--border: #2a3532;--text: #e6eeeb;--text-2: #9aa8a4;--primary: #3cc2a2;--primary-soft: #183a33;--primary-text: #062a22;--success: #5fd08f;--success-soft: #173326;--warn: #f0b35c;--warn-soft: #3a2a12;--danger: #f08a7e;--danger-soft: #3c1d1a;--info: #7fb2ef;--info-soft: #18283c;--muted-soft: #252d2b;--shadow: none;color-scheme:dark}}:root[data-theme=dark]{--bg: #0f1413;--surface: #171e1c;--surface-2: #1e2725;--border: #2a3532;--text: #e6eeeb;--text-2: #9aa8a4;--primary: #3cc2a2;--primary-soft: #183a33;--primary-text: #062a22;--success: #5fd08f;--success-soft: #173326;--warn: #f0b35c;--warn-soft: #3a2a12;--danger: #f08a7e;--danger-soft: #3c1d1a;--info: #7fb2ef;--info-soft: #18283c;--muted-soft: #252d2b;--shadow: none;color-scheme:dark}.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;flex:none}.theme-toggle:hover{background:var(--surface-2)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar__actions{display:flex;align-items:center;gap:8px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:var(--primary)}code{background:var(--surface-2);padding:1px 6px;border-radius:5px;font-size:.92em}.container{width:100%;max-width:760px;margin:0 auto;padding:0 16px}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding-top:20px;padding-bottom:32px}.muted{color:var(--text-2)}.small{font-size:13px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar__inner{display:flex;align-items:center;justify-content:space-between;height:58px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand strong{display:block;font-size:16px;line-height:1.1}.brand small{color:var(--text-2);font-size:12px}.brand__logo{width:38px;height:38px;border-radius:50%;flex:none;object-fit:cover}.footer{color:var(--text-2);font-size:12px;text-align:center;padding-bottom:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.card__title{font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:var(--radius-sm);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,opacity .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--primary-text)}.btn--primary:not(:disabled):hover{filter:brightness(1.06)}.btn--ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn--ghost:not(:disabled):hover{background:var(--surface-2)}.btn--sm{min-height:36px;padding:0 12px;font-size:13px}.btn:focus-visible,.input:focus-visible,.section__head:focus-visible,.pet-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.input{flex:1;min-width:0;min-height:46px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:16px}.input[aria-invalid=true]{border-color:var(--danger)}.field-label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}.form-error{color:var(--danger);font-size:13px;margin-top:8px}.hint{color:var(--text-2);font-size:13px;margin-top:10px}.spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.spinner--lg{width:32px;height:32px;color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--surface-2);font-size:13px}.chip--strong{background:var(--primary-soft);color:var(--primary);font-weight:600}.chip--warn{background:var(--warn-soft);color:var(--warn);font-weight:600;font-size:12px}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;width:fit-content}.badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge--active{background:var(--info-soft);color:var(--info)}.badge--active .badge__dot{animation:pulse 1.6s ease-in-out infinite}.badge--success{background:var(--success-soft);color:var(--success)}.badge--neutral{background:var(--warn-soft);color:var(--warn)}.badge--muted{background:var(--muted-soft);color:var(--text-2)}@keyframes pulse{50%{opacity:.35}}.tag{display:inline-block;padding:1px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--surface-2);color:var(--text-2)}.tag--done,.tag--appt-done{background:var(--success-soft);color:var(--success)}.tag--current,.tag--appt-upcoming{background:var(--info-soft);color:var(--info)}.tag--medicine{background:var(--primary-soft);color:var(--primary)}.tag--service{background:var(--warn-soft);color:var(--warn)}.tag--appt-missed{background:var(--danger-soft);color:var(--danger)}.trend{display:inline-block;font-size:12px;font-weight:600;padding:1px 8px;border-radius:6px;width:fit-content}.trend--improved{background:var(--success-soft);color:var(--success)}.trend--unchanged{background:var(--muted-soft);color:var(--text-2)}.trend--worse{background:var(--danger-soft);color:var(--danger)}.avatar{flex:none;width:44px;height:44px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:700;font-size:18px}.avatar--lg{width:60px;height:60px;font-size:24px}.empty{color:var(--text-2);font-style:italic;font-size:14px}.note{margin-top:8px;padding:8px 12px;border-left:3px solid var(--warn);background:var(--warn-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14px}.callout{margin-top:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--primary-soft)}.callout p{margin-top:4px}.stack{display:flex;flex-direction:column;gap:10px}.state-box{text-align:center;padding:56px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.state-box h1{font-size:20px}.state-box p{color:var(--text-2)}.state-box__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.lookup{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.lookup__hero{text-align:center;padding:16px 0 4px}.lookup__logo{display:block;width:112px;height:112px;margin:0 auto 12px;border-radius:50%;object-fit:cover}.lookup__hero h1{font-size:22px;margin-bottom:6px}.lookup__hero p{color:var(--text-2)}.lookup__row{display:flex;gap:8px}.lookup__greeting{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.pet-switcher{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.pet-switcher::-webkit-scrollbar{display:none}.pet-switcher__item{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 14px 4px 4px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;font-weight:600;font-size:14px}.pet-switcher__item:hover{border-color:var(--primary)}.pet-switcher__item.is-active{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.pet-switcher__item.is-active .avatar{background:var(--surface)}.pet-switcher__item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.avatar--sm{width:32px;height:32px;font-size:14px}.lookup__result{display:flex;flex-direction:column;gap:14px}.pet-list{display:flex;flex-direction:column;gap:8px}.pet-list__title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2)}.pet-item{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;transition:border-color .15s}.pet-item:hover{border-color:var(--primary)}.pet-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pet-item__name{font-weight:700;font-size:16px}.pet-item__meta{color:var(--text-2);font-size:13px}.pet-item__arrow{color:var(--text-2);flex:none}.tracking{display:flex;flex-direction:column;gap:14px}.tracking__bar{display:flex;align-items:center;justify-content:space-between}.tracking__updated{color:var(--text-2);font-size:12px;margin-top:-8px}.link-back{font-weight:600;text-decoration:none;font-size:14px}.pet-header__top{display:flex;gap:14px;align-items:center}.pet-header__id{display:flex;flex-direction:column;gap:4px;min-width:0}.pet-header__id h1{font-size:22px;line-height:1.2}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}@media (min-width: 640px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;min-width:0}.stat__label{color:var(--text-2);font-size:12px}.stat__value{font-weight:700;font-size:15px;overflow-wrap:anywhere}.stat__value--mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.pet-header__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.highlight-grid{display:grid;gap:14px}@media (min-width: 640px){.highlight-grid{grid-template-columns:3fr 2fr}}.highlight{display:flex;flex-direction:column;gap:4px;border-left:4px solid var(--primary)}.highlight--accent{border-left-color:var(--info)}.highlight__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2)}.highlight__time{font-size:13px;color:var(--text-2)}.highlight__text{font-weight:600;font-size:15px}.progress{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-bottom:16px}.progress__fill{display:block;height:100%;background:var(--primary);border-radius:inherit;transition:width .4s}.timeline{list-style:none;margin:0;padding:0}.timeline__item{position:relative;display:flex;gap:12px;padding-bottom:18px}.timeline__item:last-child{padding-bottom:0}.timeline__item:not(:last-child):before{content:"";position:absolute;left:11px;top:26px;bottom:2px;width:2px;background:var(--border)}.timeline__item.is-done:not(:last-child):before{background:var(--primary)}.timeline__marker{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--border);background:var(--surface);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--primary-text)}.is-done .timeline__marker{background:var(--primary);border-color:var(--primary)}.is-current .timeline__marker{border-color:var(--info);box-shadow:0 0 0 4px var(--info-soft);background:var(--info)}.timeline__content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.timeline__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.timeline__title{font-weight:600}.is-upcoming .timeline__title{color:var(--text-2)}.timeline__time,.timeline__meta{font-size:13px;color:var(--text-2)}.timeline__note{font-size:14px;margin-top:2px}.sections{display:flex;flex-direction:column;gap:8px;margin-top:6px}.sections__title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:2px}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.section__head{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;min-height:56px}.section__index{flex:none;min-width:30px;height:26px;padding:0 6px;border-radius:7px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700;display:grid;place-items:center}.section__titles{flex:1;min-width:0;display:flex;flex-direction:column}.section__title{font-weight:600}.section__subtitle{font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section__chevron{flex:none;color:var(--text-2);transition:transform .2s}.is-open .section__chevron{transform:rotate(180deg)}.section__body{padding:4px 16px 16px;border-top:1px solid var(--border)}.sub-title{font-size:13px;font-weight:700;color:var(--primary);margin:14px 0 6px}.info-grid{margin:8px 0 0}.info-grid__row{display:grid;grid-template-columns:minmax(110px,38%) 1fr;gap:12px;padding:7px 0;border-bottom:1px dashed var(--border)}.info-grid__row:last-child{border-bottom:0}.info-grid dt{color:var(--text-2);font-size:14px}.info-grid dd{margin:0;font-size:14px;overflow-wrap:anywhere}.vitals{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.vital{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:1px;border:1px solid transparent}.vital.is-abnormal{border-color:var(--danger);background:var(--danger-soft)}.vital__label{font-size:12px;color:var(--text-2)}.vital__value{font-size:18px;font-weight:700}.vital__value small{font-size:12px;font-weight:500;color:var(--text-2)}.vital__range{font-size:11px;color:var(--text-2)}.vital__flag{font-size:11px;font-weight:700;color:var(--danger)}.sub-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-top:8px}.sub-card__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:6px}.order-list{list-style:none;margin:0;padding:0}.order-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 0;border-bottom:1px dashed var(--border)}.order-list li:last-child{border-bottom:0}.order-list__name{font-weight:600;font-size:14px}.journal{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.journal__item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.journal__head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.rx-list{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:8px}.rx-item{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px}.rx-item__head{display:flex;justify-content:space-between;gap:8px}.rx-item__name{font-weight:600}.rx-item__usage{font-size:14px}.appt-list{list-style:none;margin:8px 0 0;padding:0}.appt{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 0;border-bottom:1px dashed var(--border)}.appt:last-child{border-bottom:0}.appt__time{font-size:13px;color:var(--text-2);grid-column:1}.appt__title{font-weight:600;grid-column:1}.appt .tag{grid-column:2;grid-row:1 / span 2;align-self:center}.appt__note{grid-column:1 / -1}.appt.is-done .appt__title,.appt.is-cancelled .appt__title{color:var(--text-2)}.mini-title{font-size:13px;font-weight:600;color:var(--text-2);margin:10px 0 2px}.exam-group{margin-top:4px}.exam-group__name{display:block;font-size:13px;font-weight:600;margin-top:8px}.exam-range{white-space:nowrap}.assessment{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:14px}.tag--waiting{background:var(--warn-soft);color:var(--warn)}.task-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.task-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}.task-card__name{font-weight:600;font-size:14px}.link-btn{align-self:flex-start;background:none;border:0;padding:4px 0;color:var(--primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.link-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.task-result{border-top:1px dashed var(--border);margin-top:4px;padding-top:4px}.journal__tasks{margin-top:10px}.order-list__schedule{flex-basis:100%;color:var(--primary)}.method-chain{list-style:none;margin:8px 0 4px;padding:0;display:flex;flex-direction:column;align-items:flex-start}.method-chain li{padding:6px 12px;border-radius:var(--radius-sm);background:var(--surface-2);font-weight:600;font-size:14px}.method-chain li+li:before{content:"↓";display:block;margin:-4px 0 4px;color:var(--text-2);font-weight:400}.method-chain li+li{background:none;padding-top:0}.method-chain li.is-current{color:var(--primary)}.gallery{margin-top:10px;display:flex;flex-direction:column;gap:6px}.gallery__title{font-size:13px;color:var(--text-2)}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.gallery__thumb{aspect-ratio:1;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);cursor:zoom-in}.gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery__thumb:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000e0;display:grid;place-items:center;padding:48px 16px}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.lightbox__close,.lightbox__nav{position:absolute;background:#ffffff24;color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:22px;cursor:pointer;display:grid;place-items:center}.lightbox__close{top:12px;right:12px;font-size:18px}.lightbox__nav{top:50%;transform:translateY(-50%);font-size:30px}.lightbox__nav--prev{left:8px}.lightbox__nav--next{right:8px}.lightbox__count{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#fff;font-size:13px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}