#pet-history{--p-bg:light-dark(#f3f5f0,#19201c);--p-paper:light-dark(#fff,#242e27);--p-text:light-dark(#213b2c,#e6eee6);--p-muted:light-dark(#526754,#b5c6b6);--p-line:light-dark(#d3ddcf,#4b5d4d);--p-soft:light-dark(#dcebd5,#354e34);--p-main:light-dark(#34583b,#b6d5ae);--p-on:light-dark(#fff,#1c2c1b);--p-red:light-dark(#a52b20,#ffb5ab);font:16px/1.5 system-ui,sans-serif;color:var(--p-text);max-width:460px;margin:auto}
#pet-history *{box-sizing:border-box}#pet-history .phone{background:var(--p-bg);padding:20px;border:1px solid var(--p-line);border-radius:24px}#pet-history header,#pet-history .row{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}#pet-history h2{font-size:26px;line-height:1.2;font-weight:500;margin:16px 0 10px}#pet-history h3{font-size:18px;line-height:1.4;font-weight:500;margin:8px 0}#pet-history small{font-size:12px;color:var(--p-muted)}#pet-history p{margin:8px 0}#pet-history button{font:inherit;min-height:44px;padding:9px 12px;border:1px solid var(--p-line);border-radius:12px;background:var(--p-paper);color:var(--p-text)}#pet-history button.primary{background:var(--p-main);color:var(--p-on);border-color:var(--p-main)}#pet-history button[aria-pressed=true]{background:var(--p-soft);border-color:var(--p-main)}#pet-history .danger{color:var(--p-red)}#pet-history .chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}#pet-history .pill{font-size:12px;padding:4px 8px;border-radius:6px;background:var(--p-soft)}#pet-history .record{display:block;text-align:left;width:100%;margin:10px 0;padding:16px;border-radius:14px;overflow-wrap:anywhere}#pet-history .record .title{display:block;font-weight:500;margin:5px 0}#pet-history .record .snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:var(--p-muted);margin:6px 0}#pet-history .record .chips{margin:8px 0}#pet-history .record .meta{display:block;font-size:12px;color:var(--p-muted)}#pet-history .panel{background:var(--p-paper);border:1px solid var(--p-line);border-radius:14px;padding:16px;margin:14px 0;overflow-wrap:anywhere}#pet-history .panel p{white-space:pre-wrap}#pet-history .panel .block{border-top:1px solid var(--p-line);padding-top:10px;margin-top:12px}#pet-history .muted{color:var(--p-muted)}#pet-history .full{width:100%;margin-top:12px}#pet-history input,#pet-history select,#pet-history textarea{font:inherit;color:var(--p-text);background:var(--p-paper);padding:10px;border:1px solid var(--p-line);border-radius:10px;width:100%;min-width:0}#pet-history label,#pet-history legend{display:block;font-weight:500;margin:16px 0 6px}#pet-history textarea{min-height:90px;resize:vertical}#pet-history fieldset{border:0;margin:0;padding:0;min-width:0}#pet-history details{border-top:1px solid var(--p-line);margin-top:16px}#pet-history summary{min-height:44px;padding:12px 0;font-weight:500}#pet-history .attach{display:flex;align-items:center;justify-content:space-between;gap:10px;overflow-wrap:anywhere;padding:10px 0;border-bottom:1px solid var(--p-line)}#pet-history .attach span{min-width:0}#pet-history .attach button{flex-shrink:0}#pet-history [hidden]{display:none!important}#pet-history .error{color:var(--p-red)}#pet-history .error:empty,#pet-history .notice:empty{display:none}#pet-history .notice{padding:12px;background:var(--p-soft);border-radius:12px;margin:12px 0}#pet-history .notice button{margin-top:8px}#pet-history .footer{display:block;margin-top:20px}#pet-history .paper{background:var(--p-paper);border:1px solid var(--p-line);padding:24px 18px;margin:16px 0;min-height:250px}#pet-history .paper .stamp{letter-spacing:2px;font-size:12px;color:var(--p-muted)}#pet-history .compact .snippet{display:none}
#pet-history .report-steps{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0;font-size:13px}#pet-history .report-steps span{padding-bottom:6px;border-bottom:2px solid var(--p-line)}#pet-history .report-steps [aria-current]{border-color:var(--p-main);font-weight:500}#pet-history .report-check{display:flex;align-items:flex-start;gap:10px;font-weight:400;min-height:44px;overflow-wrap:anywhere}#pet-history .report-check input{width:20px;height:20px;padding:0;margin:3px 0;flex-shrink:0;accent-color:var(--p-main)}#pet-history .report-file{margin-left:30px;font-size:14px}#pet-history .report-item{border-top:1px solid var(--p-line);padding-top:14px;margin-top:14px;overflow-wrap:anywhere}#pet-history .report-item p,#pet-history #report-purpose-preview p{white-space:pre-wrap}#pet-history button:disabled{opacity:.45;cursor:default}
#pet-history #profile-photo-preview{display:block;width:100px;height:100px;object-fit:cover;border-radius:18px;margin:12px 0}#pet-history .profile-thumb{width:48px;height:48px;object-fit:cover;border-radius:12px}#pet-history #profile-badge{display:flex;align-items:center;gap:12px;margin:14px 0;overflow-wrap:anywhere}#pet-history #profile-identity{overflow-wrap:anywhere;min-width:0;flex:1}

:root{color-scheme:light dark}body{margin:0;background:light-dark(#eaf0e8,#101713);font-family:system-ui,sans-serif}#pet-history{padding:20px 12px;max-width:680px}#pet-history .phone{border:0}#pet-history small{font-size:13px}#pet-history button{cursor:pointer}#pet-history .compact .snippet{display:none}#pet-history.compact .snippet{display:none}#pet-history .doc-image{display:block;max-width:100%;height:auto}#pet-history iframe{width:100%;height:70vh;border:1px solid var(--p-line)}#pet-history .storage-bar{font-size:13px;color:var(--p-muted);margin-top:16px}#pet-history .working{opacity:.6;pointer-events:none}#pet-history .backup-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}#pet-history .backup-actions button{font-size:14px}#fatal{max-width:560px;margin:40px auto;padding:20px}#pet-history input:focus,#pet-history select:focus,#pet-history textarea:focus,#pet-history button:focus-visible{outline:3px solid var(--p-main);outline-offset:2px}@media(max-width:480px){#pet-history{padding:0}#pet-history .phone{border-radius:0;padding:18px}}

#pet-history .phone{padding-bottom:110px}#pet-history #profile-open{display:none}
#pet-history #main-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(656px,100%);display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:6px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--p-paper);border:1px solid var(--p-line);border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -4px 18px #0000000a}
#pet-history #main-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;font-size:12px;min-height:56px;padding:6px 4px;color:var(--p-muted)}
#pet-history #main-nav button[aria-current=page]{background:var(--p-soft);color:var(--p-main);font-weight:600}
#pet-history #main-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}