.pubpet{width:min(1080px,calc(100vw - (var(--tp-space-4) * 2)));margin:0 auto;padding:var(--tp-space-12) 0 var(--tp-space-16);color:var(--tp-text)}.pubpet__hero{display:grid;gap:var(--tp-space-8);align-items:center;margin-bottom:var(--tp-space-16)}@media(min-width:768px){.pubpet__hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:var(--tp-space-12)}}.pubpet__intro{display:flex;flex-direction:column;gap:var(--tp-space-2)}.pubpet__species{margin:0;font-family:var(--tp-font-mono),monospace;font-weight:var(--tp-weight-mono);font-size:var(--tp-text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--tp-text-tertiary)}.pubpet__name{margin:0;font-family:var(--tp-font-display),system-ui,sans-serif;font-weight:var(--tp-weight-display);font-size:var(--tp-text-2xl);line-height:var(--tp-leading-display);letter-spacing:-.01em;color:var(--tp-text)}.pubpet__nick{margin:0;font-family:var(--tp-font-accent),cursive;font-weight:var(--tp-weight-accent);font-size:var(--tp-text-xl);line-height:1.1;color:var(--tp-accent-text)}.pubpet__count{margin:var(--tp-space-1) 0 0;font-family:var(--tp-font-mono),monospace;font-weight:var(--tp-weight-mono);font-size:var(--tp-text-sm);color:var(--tp-text-tertiary)}.pubpet__cover{display:block;overflow:hidden;border:1px solid var(--tp-border);border-radius:var(--tp-radius-lg);background:var(--tp-surface-note)}.pubpet__cover img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.pubpet__about{margin:0 0 var(--tp-space-12);display:flex;flex-direction:column;gap:var(--tp-space-4)}.pubpet__bio{margin:0;max-width:62ch;font-size:var(--tp-text-base);line-height:var(--tp-leading-body);color:var(--tp-text-secondary);white-space:pre-line}.pubpet__links{display:flex;flex-wrap:wrap;gap:var(--tp-space-2);margin:0;padding:0;list-style:none}.pubpet__link{display:inline-flex;align-items:center;gap:var(--tp-space-2);padding:var(--tp-space-2) var(--tp-space-3);border:1px solid var(--tp-border);border-radius:var(--tp-radius-tag);background:var(--tp-surface);color:var(--tp-text-secondary);font-size:var(--tp-text-sm);text-decoration:none;transition:border-color var(--tp-motion-state) var(--tp-ease),color var(--tp-motion-state) var(--tp-ease)}.pubpet__link svg{flex:none;color:var(--tp-text-tertiary);transition:color var(--tp-motion-state) var(--tp-ease)}@media(hover:hover){.pubpet__link:hover{border-color:var(--tp-border-strong);color:var(--tp-text)}.pubpet__link:hover svg{color:var(--tp-primary-text)}}.pubpet__views{display:flex;gap:var(--tp-space-2);margin-bottom:var(--tp-space-8)}.pubpet__view{padding:var(--tp-space-2) var(--tp-space-4);border:1px solid var(--tp-border);border-radius:var(--tp-radius-tag);background:var(--tp-surface);color:var(--tp-text-secondary);font-size:var(--tp-text-sm);font-weight:var(--tp-weight-body-strong);text-decoration:none;transition:border-color var(--tp-motion-state) var(--tp-ease),color var(--tp-motion-state) var(--tp-ease),background var(--tp-motion-state) var(--tp-ease)}.pubpet__view--on{border-color:transparent;background:var(--tp-primary-surface);color:var(--tp-primary-text)}@media(hover:hover){.pubpet__view:not(.pubpet__view--on):hover{border-color:var(--tp-border-strong);color:var(--tp-text)}}.pubpet__timeline{display:flex;flex-direction:column;gap:var(--tp-space-12);max-width:640px;margin:0 auto}.pubpet__event{display:flex;flex-direction:column;gap:var(--tp-space-3)}.pubpet__event-date{font-family:var(--tp-font-mono),monospace;font-weight:var(--tp-weight-mono);font-size:var(--tp-text-xs);letter-spacing:.04em;color:var(--tp-text-tertiary)}.pubpet__event-shot{display:block;overflow:hidden;border:1px solid var(--tp-border);border-radius:var(--tp-radius-lg);background:var(--tp-surface-note)}.pubpet__event-shot img{display:block;width:100%;max-height:70vh;object-fit:cover}.pubpet__event-caption{margin:0;font-size:var(--tp-text-base);line-height:var(--tp-leading-body);color:var(--tp-text-secondary)}.pubpet__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:var(--tp-space-4)}.pubpet__tile{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--tp-border);border-radius:var(--tp-radius-md);background:var(--tp-surface)}.pubpet__shot{display:block}.pubpet__shot img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--tp-surface-note)}.pubpet__caption{display:grid;gap:var(--tp-space-1);padding:var(--tp-space-3) var(--tp-space-4) var(--tp-space-4)}.pubpet__caption p{margin:0;font-size:var(--tp-text-sm);color:var(--tp-text-secondary)}.pubpet__caption time,.pubpet__date{font-family:var(--tp-font-mono),monospace;font-weight:var(--tp-weight-mono);font-size:var(--tp-text-xs);color:var(--tp-text-tertiary)}.pubpet__date{display:block;padding:var(--tp-space-2) var(--tp-space-4) var(--tp-space-3)}.pubpet__empty{max-width:52ch}.pubpet__empty p{margin:0;max-width:52ch;color:var(--tp-text-secondary)}.pubpet__footer{margin-top:var(--tp-space-16);padding-top:var(--tp-space-8);border-top:1px solid var(--tp-border);text-align:center}.pubpet__brand{display:inline-block;color:var(--tp-text-secondary);font-size:var(--tp-text-sm);text-decoration:none}.pubpet__brand strong{font-weight:var(--tp-weight-body-strong);color:var(--tp-primary-text)}.pubpet__brand:hover strong{text-decoration:underline;text-underline-offset:3px}.pubpet__brand-note{margin:var(--tp-space-2) 0 0;color:var(--tp-text-tertiary);font-size:var(--tp-text-xs)}.pubpet__report{max-width:46ch;margin:var(--tp-space-8) auto 0;text-align:left}.pubpet__report-toggle{display:inline-block;margin:0 auto;color:var(--tp-text-tertiary);font-size:var(--tp-text-xs);cursor:pointer;list-style:none;text-align:center;width:100%}.pubpet__report-toggle::-webkit-details-marker{display:none}.pubpet__report-toggle:hover{color:var(--tp-text-secondary);text-decoration:underline;text-underline-offset:3px}.pubpet__report-panel{margin-top:var(--tp-space-4);padding:var(--tp-space-4);border:1px solid var(--tp-border);border-radius:var(--tp-radius-md);background:var(--tp-surface)}.pubpet__report-lead{margin:0 0 var(--tp-space-3);font-size:var(--tp-text-sm);color:var(--tp-text-secondary)}.pubpet__report-form{display:flex;flex-direction:column;gap:var(--tp-space-3)}.pubpet__field{display:flex;flex-direction:column;gap:var(--tp-space-1)}.pubpet__field-label{font-size:var(--tp-text-xs);font-weight:var(--tp-weight-body-strong);color:var(--tp-text-secondary)}.pubpet__select,.pubpet__textarea{width:100%;padding:var(--tp-space-2) var(--tp-space-3);border:1px solid var(--tp-border-strong);border-radius:var(--tp-radius-sm);background:var(--tp-bg);color:var(--tp-text);font-family:inherit;font-size:var(--tp-text-sm);line-height:var(--tp-leading-body)}.pubpet__textarea{resize:vertical;min-height:calc(var(--tp-space-12) + var(--tp-space-6))}.pubpet__select:focus-visible,.pubpet__textarea:focus-visible{outline:2px solid var(--tp-focus-ring);outline-offset:1px;border-color:var(--tp-primary)}.pubpet__report-error{margin:0;font-size:var(--tp-text-sm);color:var(--tp-emergency)}.pubpet__report-submit{align-self:flex-start;padding:var(--tp-space-2) var(--tp-space-4);border:none;border-radius:var(--tp-radius-md);background:var(--tp-primary);color:var(--tp-primary-foreground);font-family:inherit;font-size:var(--tp-text-sm);font-weight:var(--tp-weight-body-strong);cursor:pointer}.pubpet__report-submit:focus-visible{outline:2px solid var(--tp-focus-ring);outline-offset:2px}.pubpet__report-thanks{margin:0;font-size:var(--tp-text-sm);color:var(--tp-text-secondary)}.pp-shot{cursor:zoom-in}.pp-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;padding:var(--tp-space-6)}.pp-lightbox:target{display:grid;place-items:center}.pp-lightbox__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tp-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pp-lightbox__figure{position:relative;z-index:1;margin:0;max-width:min(1000px,100%);max-height:100%;display:flex;flex-direction:column;gap:var(--tp-space-3)}.pp-lightbox__figure img{display:block;max-width:100%;max-height:78vh;margin:0 auto;object-fit:contain;border-radius:var(--tp-radius-md);background:var(--tp-surface-note)}.pp-lightbox__meta{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:var(--tp-space-2) var(--tp-space-3);color:var(--tp-primary-foreground);text-align:center}.pp-lightbox__meta span{font-size:var(--tp-text-sm);color:#fff}.pp-lightbox__meta time{font-family:var(--tp-font-mono),monospace;font-size:var(--tp-text-xs);color:#ffffffb8}.pp-lightbox__close{position:absolute;top:var(--tp-space-4);right:var(--tp-space-4);z-index:2;display:inline-grid;place-items:center;width:var(--tp-space-12);height:var(--tp-space-12);border-radius:var(--tp-radius-tag);background:#00000073;color:#fff;font-size:var(--tp-text-2xl);line-height:1;text-decoration:none}.pubpet a:focus-visible{outline:2px solid var(--tp-focus-ring);outline-offset:3px;border-radius:var(--tp-radius-sm)}.pp-lightbox__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.pubpet__cover img,.pubpet__shot img{transition:transform var(--tp-motion-state) var(--tp-ease)}@media(hover:hover){.pubpet__cover:hover img,.pubpet__shot:hover img{transform:scale(1.02)}}@media(prefers-reduced-motion:reduce){.pubpet__cover img,.pubpet__shot img{transition:none}.pubpet__cover:hover img,.pubpet__shot:hover img{transform:none}}