.personal-head{padding:8px 20px 16px}.personal-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.personal-title h1{font:var(--font-title);margin:0}.owner-summary{display:flex;gap:12px;align-items:center}.owner-summary img{width:64px;height:64px;object-fit:cover;border-radius:50%}.owner-summary h2{font:var(--font-section);margin:0 0 4px}.owner-summary p{font-size:14px;color:#696454;margin:0}.owner-stats{display:flex;gap:16px;margin-top:8px;font-size:12px;color:#696454}.personal-section{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px}.personal-section h2{font:var(--font-section);margin:0}.personal-section button{font-size:12px;color:#594900;display:flex;align-items:center;gap:4px}.my-pets{display:flex;gap:12px;overflow:auto;scrollbar-width:none;padding:0 2px 4px}.my-pet{width:140px;min-width:140px;border:1px solid #a49b7c;border-radius:20px;background:white;padding:12px;text-align:left}.my-pet.on{border:2px solid #242116;background:#fff8da;padding:11px}.my-pet img{width:48px;height:48px;object-fit:cover;border-radius:14px;margin-bottom:8px;display:block}.my-pet b{font-size:16px;display:block;line-height:24px}.my-pet small{display:block;font-size:12px;line-height:18px;color:#696454;margin-top:4px}.my-pet.add{width:76px;min-width:76px;border:1px dashed #a49b7c;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#696454;gap:8px;background:none}.current-pet-card{background:white;border:1px solid #eee9d9;border-radius:20px;padding:16px;margin:16px 0}.current-pet-card .name{font-size:18px;font-weight:600}.current-pet-card p{font-size:14px;line-height:22px;color:#696454;margin:8px 0}.current-pet-card button{color:#594900;font-size:14px;display:flex;align-items:center;gap:6px;min-height:44px}.personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.personal-entry{padding:16px;border:1px solid #eee9d9;border-radius:20px;background:white;text-align:left;min-height:112px}.personal-entry .entry-icon{display:grid;place-items:center;background:#f8f0d6;color:#594900;border-radius:12px;width:40px;height:40px;margin-bottom:12px}.personal-entry.pink .entry-icon{background:#f7edc9;color:#65500d}.personal-entry strong{display:block;font-size:16px;line-height:24px}.personal-entry small{display:block;font-size:12px;line-height:20px;color:#696454;margin-top:4px}.personal-entry.full{grid-column:span 2;display:flex;align-items:center;gap:12px;min-height:88px}.personal-entry.full .entry-icon{margin:0;flex-shrink:0}.personal-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.personal-secondary button{font-size:12px;min-height:80px;background:#fff;border:1px solid #eee9d9;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.pet-context{margin:8px 20px 12px;padding:12px 16px;background:#fff;border:1px solid #eee9d9;border-radius:16px;display:flex;gap:12px;align-items:center;flex-shrink:0}.pet-context img{width:44px;height:44px;object-fit:cover;border-radius:12px}.pet-context b{font-size:16px;display:block}.pet-context small{font-size:12px;line-height:18px;display:block;color:#696454}.pet-context button{margin-left:auto;color:#594900;font-size:12px;min-width:44px}.record-top{padding:0 20px 12px;flex-shrink:0}.record-tabs{display:flex;gap:8px;margin-bottom:12px}.record-tabs button{flex:1;border-radius:12px;border:1px solid #a49b7c;font-size:14px;background:#fff}.record-tabs .on{background:#f3d66f;border-color:#f3d66f;font-weight:600}.date-bar{display:flex;gap:8px;align-items:center}.date-bar input{height:44px;min-width:0;flex:1;border:1px solid #a49b7c;background:#fff;border-radius:12px;padding:0 10px;font-size:14px}.date-bar button{min-width:44px;border:1px solid #a49b7c;border-radius:12px;background:#fff;font-size:12px;padding:0 10px}.date-bar button.on{background:#f8f0d6}.record-card{border:1px solid #eee9d9;border-radius:20px;background:#fff;padding:16px;margin:12px 0}.record-card .record-heading{display:flex;align-items:center;gap:12px}.record-card .record-mark{background:#f8f0d6;color:#594900;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.record-card.vaccine .record-mark{background:#f7edc9;color:#65500d}.record-card h2{font-size:16px;line-height:24px;margin:0}.record-card small{font-size:12px;line-height:20px;color:#696454}.record-amount{margin-left:auto;font-size:16px;font-weight:600;overflow-wrap:anywhere;max-width:100px}.record-card p{font-size:14px;line-height:22px;color:#696454;margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.next-date{padding:8px 12px;background:#fffdf5;border-radius:12px;margin-top:12px;font-size:14px;line-height:22px}.personal-form label,.record-form label{display:block;font-size:14px;font-weight:600;margin:16px 0 8px}.personal-form input,.personal-form select,.record-form input,.record-form select{width:100%;min-height:48px;border:1px solid #a49b7c;border-radius:12px;padding:10px 12px;background:#fff;font-size:16px;min-width:0}.personal-form textarea,.record-form textarea{width:100%;min-height:88px;resize:vertical;border:1px solid #a49b7c;border-radius:12px;padding:12px;background:#fff;font-size:16px;line-height:24px}.personal-form .photo-edit{display:flex;align-items:center;gap:16px;margin:12px 0}.photo-edit img{width:88px;height:88px;object-fit:cover;border-radius:24px}.photo-edit button{font-size:14px;color:#594900;border:1px solid #a49b7c;border-radius:12px;padding:0 12px}.personal-sheet{max-height:94%}.record-form{overflow:auto;scrollbar-width:none}.record-form .locked-pet{font-size:14px;padding:12px;border-radius:12px;background:#f8f0d6;color:#594900;margin:8px 0}.knowledge-head{padding:8px 20px 12px;flex-shrink:0}.knowledge-tabs{display:flex;gap:8px;margin-bottom:12px}.knowledge-tabs button{flex:1;border:1px solid #a49b7c;border-radius:12px;font-size:14px}.knowledge-tabs button.on{background:#f3d66f;border-color:#f3d66f;font-weight:600}.species-tabs{display:flex;gap:8px;margin:12px 0}.species-tabs button{padding:0 16px;border:1px solid #a49b7c;border-radius:12px;font-size:14px}.species-tabs .on{background:#f8f0d6}.traffic-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.traffic-tabs button{border:1px solid #a49b7c;border-radius:12px;padding:0 10px;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:5px;flex-shrink:0}.traffic-tabs button.on{border:2px solid #242116}.light{width:8px;height:8px;border-radius:50%;display:inline-block;background:#696454;flex-shrink:0}.light.red{background:#b3261e}.light.amber{background:#735300}.light.green{background:#206343}.knowledge-card{background:#fff;border:1px solid #eee9d9;border-radius:20px;padding:16px;margin:12px 0;width:100%;text-align:left;display:block}.knowledge-card h2{font-size:16px;line-height:24px;margin:8px 0}.knowledge-card p{font-size:14px;line-height:22px;color:#696454;margin:8px 0}.knowledge-card small{font-size:12px;color:#696454;line-height:20px}.knowledge-tag{display:inline-flex;gap:6px;align-items:center;font-size:12px;line-height:18px;padding:4px 8px;border-radius:8px;background:#fcedea;color:#b3261e}.knowledge-tag.amber{background:#f8f0d6;color:#735300}.knowledge-tag.blue{background:#f8f0d6;color:#594900}.breed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.breed-grid .knowledge-card{padding:12px;margin:0}.breed-grid img{width:100%;height:112px;object-fit:cover;border-radius:12px}.source-box{border:1px solid #eee9d9;border-radius:16px;background:white;padding:16px;margin:24px 0}.source-box p{font-size:12px;line-height:20px;color:#696454;margin:4px 0}.source-box a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#594900;overflow-wrap:anywhere}.knowledge-body h1{font:var(--font-title);margin:16px 0}.knowledge-body h2{font:var(--font-section);margin:24px 0 12px}.knowledge-body p{font-size:16px;line-height:26px;margin:12px 0}.knowledge-body .help{font-size:12px;line-height:20px;color:#696454}.privacy-summary{padding:16px;border-radius:20px;background:#f8f0d6;color:#594900;margin:12px 0}.privacy-summary h2{font-size:18px;line-height:26px;margin:0 0 8px}.privacy-summary p{font-size:14px;line-height:22px;margin:0}.privacy-controls{border:1px solid #eee9d9;border-radius:20px;background:#fff;padding:0 16px;margin:16px 0}.privacy-controls .switchrow:last-child{border:0}.settings-row{display:flex;align-items:center;gap:12px;border:1px solid #eee9d9;background:#fff;padding:12px 16px;border-radius:16px;width:100%;text-align:left;margin:12px 0}.settings-row strong{font-size:14px;display:block}.settings-row small{font-size:12px;line-height:20px;color:#696454;display:block}.pet-select-row{width:100%;display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eee9d9;text-align:left}.pet-select-row img{width:48px;height:48px;object-fit:cover;border-radius:14px}.pet-select-row b{font-size:16px;display:block}.pet-select-row small{font-size:12px;color:#696454}.pet-select-row .icon:last-child{margin-left:auto}.knowledge-list-note{font-size:12px;line-height:20px;color:#696454;margin:12px 0}.personal-form input[type=file]{display:none}.personal-form .help,.record-form .help{font-size:12px;color:#696454;line-height:20px}.settings-note{font-size:12px;line-height:20px;color:#696454;margin:16px 0}.profile-progress{padding:4px 8px;background:#f8f0d6;color:#735300;border-radius:8px;font-size:12px}.personal-form [aria-invalid=true],.record-form [aria-invalid=true]{border:2px solid #b3261e}

.knowledge-head .species-tabs{margin:0 0 12px}.knowledge-head .traffic-tabs{margin-top:12px;gap:6px}.traffic-tabs button{flex:1;padding:0 6px}.safety-icon{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:50%;font-weight:700}.safety-icon.green,.knowledge-tag.green{background:#e0f2e7;color:#206343}.safety-icon.amber{background:#f8f0d6;color:#735300}.safety-icon.red{background:#fcedea;color:#b3261e}.breed-hero{display:block;width:100%;height:240px;object-fit:contain;background:#fff;border-radius:20px;margin-bottom:20px}.breed-grid img{height:140px;object-fit:contain;background:#fffdf5}
.sketch-pet-card .carry-profile{display:block;width:100%;padding:0;text-align:left;background:transparent}
.carry-profile>img{display:block;width:100%;aspect-ratio:1.05;object-fit:cover}
.carry-profile>span{display:block;padding:8px 8px 0}
.carry-pet{display:flex;align-items:center;justify-content:space-between;gap:2px;width:100%;min-height:44px;padding:0 6px 0 8px;background:transparent;color:#625c4e;font-size:11px;white-space:nowrap}
.carry-pet>span{position:relative;flex:0 0 28px;height:16px;border-radius:999px;background:#dfddd6}
.carry-pet>span::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .16s ease}
.carry-pet[aria-checked=true]>span{background:#ffc44f}
.carry-pet[aria-checked=true]>span::after{transform:translateX(12px);background:#292920}
@media(prefers-reduced-motion:reduce){.carry-pet>span::after{transition:none}}