:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#fff;--surface:#f5f5f7;--ink:#202125;--secondary:#61636b;--separator:#d4d6dc;background:var(--background);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}:focus-visible{outline-offset:4px;outline:3px solid #007aff}h1,h2,p,figure{margin:0}p{line-height:1.6}h1{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(34px,5vw,48px);line-height:1.12}h2{letter-spacing:-.02em;font-size:22px}.eyebrow{letter-spacing:.1em;color:var(--secondary);font-size:12px;font-weight:600}.muted,.byline{color:var(--secondary)}.site-header{justify-content:space-between;align-items:center;gap:16px;max-width:1000px;margin:auto;padding:24px;display:flex}.brand{background:var(--ink);width:128px;height:44px;display:block;-webkit-mask:url(/brand/petfolio-logo.png) 50%/contain no-repeat;mask:url(/brand/petfolio-logo.png) 50%/contain no-repeat}.site-header>a:first-child{padding:4px 0;display:block}.button{background:var(--ink);min-height:48px;color:var(--background);border:1px solid var(--ink);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-weight:600;line-height:1.35;display:inline-flex}.button.quiet{color:var(--ink);background:0 0}.shared-page{max-width:760px;margin:24px auto 0;padding:0 24px}.post-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.identity{letter-spacing:-.02em;font-size:24px;font-weight:700}.byline{margin-top:4px;font-size:15px}.privacy{color:var(--secondary);white-space:nowrap;font-size:13px}.public-gallery{margin:0 -24px}.media-stage{background:var(--surface);place-items:center;min-height:180px;display:grid;overflow:hidden}.media-stage img,.media-stage video{object-fit:contain;width:100%;height:auto;max-height:75vh;display:block}.full-photo{width:100%;display:block}.gallery-controls{color:var(--secondary);justify-content:center;align-items:center;gap:28px;padding:8px 24px;font-size:14px;display:flex}.gallery-controls button{width:48px;height:48px;color:var(--ink);background:0 0;border:0;border-radius:50%;font-size:24px}.gallery-controls button:hover{background:var(--surface)}.post-copy{padding:28px 0 0}.post-copy h1{letter-spacing:-.015em;white-space:pre-wrap;overflow-wrap:anywhere;font-size:22px;line-height:1.5}.post-copy time{color:var(--secondary);margin-top:16px;font-size:13px;display:block}.open-note{border-top:1px solid var(--separator);justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding-top:28px;display:flex}.open-note p{color:var(--secondary);font-size:15px}.site-footer{max-width:1000px;color:var(--secondary);text-align:center;margin:64px auto 0;padding:24px;font-size:13px}.unavailable{flex-direction:column;align-items:flex-start;gap:24px;padding:12vh 0;display:flex}.unavailable p{color:var(--secondary);max-width:36em}.text-link{align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.profile-heading{padding:24px 0 44px}.post-grid{grid-template-columns:1fr 1fr;gap:28px 16px;margin-top:24px;display:grid}.post-tile img{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:420px}.post-tile p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:12px 0 6px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.post-tile span{color:var(--secondary);font-size:12px}.text-cover{background:var(--surface);aspect-ratio:1;overflow-wrap:anywhere;border-radius:12px;align-items:center;padding:24px;font-weight:600;display:flex;overflow:hidden}.media-error{text-align:center;padding:40px}.media-error button{background:var(--ink);min-height:44px;color:var(--background);border:0;border-radius:12px;margin-top:16px;padding:8px 16px}.home-page{max-width:720px;margin:12vh auto;padding:24px}.home-page h1{margin:24px 0}.home-page p{max-width:36em;color:var(--secondary)}@media (min-width:800px){.media-stage{border-radius:12px}.public-gallery{margin:0}.shared-page{margin-top:40px}}@media (max-width:480px){.site-header{padding:16px 20px}.brand{width:112px}.site-header .button{padding:10px 14px;font-size:14px}.shared-page{padding:0 20px}.public-gallery{margin:0 -20px}.open-note{flex-direction:column;align-items:stretch}.open-note .button{width:100%}.privacy{white-space:normal;text-align:right}.post-grid{gap:24px 12px}.text-cover{padding:16px}}@media (max-width:320px){.post-grid{grid-template-columns:1fr}.site-header{flex-wrap:wrap}}@media (prefers-color-scheme:dark){:root{--background:#131416;--surface:#222326;--ink:#f6f6f8;--secondary:#b8bbc4;--separator:#44464d}}.profile-cover{aspect-ratio:8/7;object-fit:cover;border-radius:12px;width:100%;margin-bottom:24px}.profile-avatar{object-fit:cover;border-radius:50%;width:88px;height:88px;margin-bottom:16px}.profile-pets{margin:32px 0}.profile-pet-summary{border-bottom:1px solid var(--separator,#dedee3);padding:16px 0}.profile-pet-summary h3{margin:0 0 6px}.profile-cover{aspect-ratio:390/164;border-radius:16px;margin-bottom:0}.profile-avatar{border:4px solid var(--background,#fff);width:72px;height:72px;margin:0 0 16px;position:relative}.has-cover .profile-avatar{margin-top:-36px;margin-left:20px}.profile-initials{background:var(--text,#25262a);color:var(--background,#fff);justify-content:center;align-items:center;font-size:22px;display:flex}.profile-heading h1{margin-top:12px}.post-grid .post-tile:nth-child(odd) img{aspect-ratio:4/5}.post-grid .post-tile:nth-child(2n) img{aspect-ratio:1}.profile-heading .byline,.profile-pet-summary .muted,.post-tile p{font-size:15px;line-height:1.5}.profile-heading>p:not(.byline){font-size:17px;line-height:1.5}.profile-heading>p.profile-handle,.premium-identity .profile-handle,.profile-handle{color:var(--secondary,var(--text-secondary));overflow-wrap:anywhere;margin:4px 0 0;font-size:15px;line-height:1.5}.profile-heading h1,.identity-heading h2{overflow-wrap:anywhere}
