:root{color-scheme:light;--official-cream: #f5f0e8;--paper-light: #fcf9f2;--passport-navy: #1a2340;--passport-gold: #c9a84c;--passport-light-gold: #e2c97a;--ink-muted: #5f6472;--rule: rgb(26 35 64 / 24%);--danger: #8d3434;--focus: #846a24;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html{min-width:320px;background:var(--passport-navy)}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;color:var(--passport-navy);background:var(--official-cream);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}body{font-family:Josefin Sans,system-ui,sans-serif}h1,h2,h3,.editorial{font-family:Cormorant Garamond,Georgia,serif;font-weight:600}.document-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.foundation-screen,.status-screen{display:grid;min-height:100dvh;place-content:center;padding:calc(2rem + var(--safe-top)) calc(1.5rem + var(--safe-right)) calc(2rem + var(--safe-bottom)) calc(1.5rem + var(--safe-left));text-align:center;background:linear-gradient(#f5f0e8eb,#f5f0e8f5),repeating-linear-gradient(35deg,transparent 0 12px,rgb(26 35 64 / 3%) 12px 13px)}.foundation-screen h1{max-width:12ch;margin:.65rem auto;font-size:clamp(2.6rem,12vw,4.5rem);line-height:.9}a{color:inherit}.status-screen{min-height:100dvh;padding:2rem}.status-screen h1{margin:.5rem 0;font-size:3rem;text-transform:capitalize}.status-mark{display:grid;width:4.4rem;height:4.4rem;margin:0 auto 1rem;place-items:center;border:1px solid var(--passport-gold);border-radius:50%;font-family:Cormorant Garamond,serif;font-size:1.4rem}.auth-page,.issuance-page,.library-page,.form-page,.moment-editor-page,.moment-detail-page,.passport-page,.tag-page{min-height:100dvh;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left)}.auth-page,.issuance-page{display:grid;place-items:center;padding:calc(1.5rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1.5rem + var(--safe-bottom)) calc(1rem + var(--safe-left));background:var(--passport-navy)}.auth-document,.issuance-document{position:relative;width:min(100%,28rem);padding:3rem 1.7rem 2rem;overflow:hidden;border:3px double rgb(26 35 64 / 48%);background:var(--official-cream) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='320'%20viewBox='0%200%20320%20320'%3e%3cdefs%3e%3cpattern%20id='petproof-guilloche'%20width='80'%20height='80'%20patternUnits='userSpaceOnUse'%3e%3cg%20fill='none'%20stroke='%23B8A36A'%20stroke-width='0.6'%20opacity='0.2'%3e%3cellipse%20cx='40'%20cy='40'%20rx='38'%20ry='12'/%3e%3cellipse%20cx='40'%20cy='40'%20rx='12'%20ry='38'/%3e%3cpath%20d='M0%2040c20-34%2060-34%2080%200S100%2074%2080%2040%2020%206%200%2040Z'/%3e%3cpath%20d='M40%200c34%2020%2034%2060%200%2080S6%20100%2040%2080%2074%2020%2040%200Z'/%3e%3ccircle%20cx='40'%20cy='40'%20r='25'/%3e%3c/g%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='320'%20height='320'%20fill='%23F5F0E8'/%3e%3crect%20width='320'%20height='320'%20fill='url(%23petproof-guilloche)'/%3e%3c/svg%3e") center / 330px;text-align:center}.auth-document:after,.issuance-document:after,.passport-paper:after{position:absolute;top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;border:1px solid rgb(26 35 64 / 18%);content:"";pointer-events:none}.auth-seal,.issuance-seal{display:grid;width:5.2rem;height:5.2rem;margin:0 auto 1.5rem;place-items:center;border:1px solid var(--passport-gold);border-radius:50%;box-shadow:inset 0 0 0 5px var(--official-cream),inset 0 0 0 6px var(--passport-gold);font-family:Cormorant Garamond,serif;font-size:1.7rem;font-weight:600}.auth-document h1,.issuance-document h1{margin:.75rem auto 1rem;font-size:clamp(2.6rem,12vw,4rem);line-height:.9}.auth-intro,.issuance-document>p:not(.document-label){max-width:28ch;margin:0 auto 2rem;color:var(--ink-muted);line-height:1.6}.document-form,.moment-form{display:grid;gap:.72rem;text-align:left}.document-form label,.moment-form label:not(.photo-picker,.stamp-choice){margin-top:.45rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}label span{color:var(--ink-muted);font-weight:400;letter-spacing:.03em;text-transform:lowercase}.document-form input,.document-form select,.moment-form input:not([type=radio]),.moment-form textarea{width:100%;min-height:3rem;padding:.75rem .2rem;border:0;border-bottom:1px solid var(--passport-navy);border-radius:0;color:var(--passport-navy);background:transparent}.moment-form textarea{resize:vertical;line-height:1.5}.primary-action{min-height:3.2rem;margin-top:.8rem;padding:.85rem 1rem;border:1px solid var(--passport-navy);border-radius:0;color:var(--official-cream);background:var(--passport-navy);font-weight:700;letter-spacing:.06em;cursor:pointer}.primary-action:hover:not(:disabled){color:var(--passport-navy);background:var(--passport-light-gold)}.primary-action:disabled{cursor:wait;opacity:.6}:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.action-link{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;text-decoration:none}.demo-entry{display:grid;gap:.4rem;margin-top:1.8rem}.privacy-note{margin:1.7rem 0 0;color:var(--ink-muted);font-size:.75rem;line-height:1.5}.error-notice,.success-message{padding:.75rem;border-left:2px solid var(--danger);background:#8d343412;font-size:.9rem;line-height:1.4}.success-message{border-color:#607854;background:#60785414}.library-page,.form-page,.moment-editor-page{width:min(100%,42rem);margin:0 auto;padding:calc(2rem + var(--safe-top)) calc(1.25rem + var(--safe-right)) calc(3rem + var(--safe-bottom)) calc(1.25rem + var(--safe-left));background:var(--official-cream)}.library-header,.form-header,.editor-header,.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:3px double var(--rule);padding-bottom:1.25rem}.library-header h1,.form-header h1,.editor-header h1{margin:.2rem 0 0;font-size:clamp(2.7rem,12vw,4.2rem);line-height:.95}.library-header p:last-child{margin:.25rem 0 0;color:var(--ink-muted)}.text-action,.passport-back{min-width:2.75rem;min-height:2.75rem;padding:.5rem;border:0;color:var(--passport-navy);background:transparent;font-weight:700;cursor:pointer}.passport-back{display:grid;flex:0 0 auto;place-items:center;border:1px solid var(--rule);font-size:1.4rem;text-decoration:none}.passport-shelf{display:grid;gap:1.2rem;margin-top:2rem}.passport-folio{position:relative;display:grid;min-height:12.5rem;align-content:center;gap:.35rem;padding:2rem 2.2rem;border:1px solid #0d142a;color:var(--official-cream);background:var(--passport-navy);text-decoration:none}.passport-folio strong{font-family:Cormorant Garamond,serif;font-size:2.7rem;line-height:1}.folio-rule{position:absolute;top:.65rem;right:.65rem;bottom:.65rem;left:.65rem;border:1px solid rgb(226 201 122 / 45%)}.new-passport{display:flex;min-height:6rem;align-items:center;justify-content:center;gap:.8rem;border:1px dashed rgb(26 35 64 / 40%);text-decoration:none}.new-passport>span{font-size:1.8rem}.pet-form{margin-top:1.5rem}.passport-page{background:var(--passport-navy)}.passport-paper{position:relative;width:min(100%,43rem);min-height:100dvh;margin:0 auto;padding:calc(1.25rem + var(--safe-top)) calc(1.15rem + var(--safe-right)) calc(3rem + var(--safe-bottom)) calc(1.15rem + var(--safe-left));overflow:clip;background:linear-gradient(#f5f0e8f0,#f5f0e8fa),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='320'%20viewBox='0%200%20320%20320'%3e%3cdefs%3e%3cpattern%20id='petproof-guilloche'%20width='80'%20height='80'%20patternUnits='userSpaceOnUse'%3e%3cg%20fill='none'%20stroke='%23B8A36A'%20stroke-width='0.6'%20opacity='0.2'%3e%3cellipse%20cx='40'%20cy='40'%20rx='38'%20ry='12'/%3e%3cellipse%20cx='40'%20cy='40'%20rx='12'%20ry='38'/%3e%3cpath%20d='M0%2040c20-34%2060-34%2080%200S100%2074%2080%2040%2020%206%200%2040Z'/%3e%3cpath%20d='M40%200c34%2020%2034%2060%200%2080S6%20100%2040%2080%2074%2020%2040%200Z'/%3e%3ccircle%20cx='40'%20cy='40'%20r='25'/%3e%3c/g%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='320'%20height='320'%20fill='%23F5F0E8'/%3e%3crect%20width='320'%20height='320'%20fill='url(%23petproof-guilloche)'/%3e%3c/svg%3e") center / 320px}.passport-header{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding-bottom:1rem;border-bottom:3px double var(--rule)}.passport-number{margin:.25rem 0 0;font-size:.75rem;letter-spacing:.12em}.passport-identity{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.passport-identity--provisional{color:var(--ink-muted)}.passport-portrait,.passport-monogram{width:3.4rem;height:3.4rem;border:1px solid var(--passport-gold);border-radius:50%;object-fit:cover}.passport-monogram{display:grid;place-items:center;font-family:Cormorant Garamond,serif;font-size:1.8rem}.chapter-heading{position:relative;z-index:1;padding:2.3rem 0 1.4rem;text-align:center}.chapter-heading h1{margin:.05rem 0;font-size:clamp(4rem,20vw,6rem);font-style:italic;line-height:.9}.chapter-owner{margin:.5rem 0 0;color:var(--ink-muted);font-size:.85rem}.chapter-map{position:relative;z-index:1;display:flex;gap:.75rem;padding:.6rem 0;overflow-x:auto;border-block:1px solid var(--rule);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;scrollbar-width:none}.chapter-toolbar{position:sticky;z-index:4;top:var(--safe-top);display:flex;justify-content:flex-end;min-height:3.5rem;padding:.35rem 0;border-block:1px solid var(--rule);background:#f5f0e8f5}.chapter-stamp-action{display:inline-flex;min-width:7rem;min-height:2.75rem;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--passport-navy);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.chapter-stamp-action:hover,.chapter-stamp-action:focus-visible{color:var(--official-cream);background:var(--passport-navy)}.chapter-map span:not([aria-current=page]){opacity:.42}.moment-chronology{position:relative;z-index:1;display:grid}.moment-entry,.next-stamp{border-bottom:1px solid var(--rule)}.moment-entry-link,.next-stamp{display:grid;gap:.75rem;align-items:center;min-height:11rem;padding:1.5rem .25rem;text-decoration:none}.moment-entry-link{grid-template-columns:clamp(2.4rem,11vw,3.25rem) minmax(0,1fr) clamp(5.6rem,23vw,7.6rem);transition:background-color .16s ease,transform .16s ease}.moment-entry-link:hover,.moment-entry-link:focus-visible{background:#e2c97a1a}.moment-entry-link:active{transform:scale(.99)}.moment-activity-marker{display:grid;width:clamp(2.4rem,11vw,3.25rem);aspect-ratio:1;place-items:center;border:1px solid rgb(26 35 64 / 36%);border-radius:50%}.moment-activity-marker img{width:65%;height:65%}.moment-issued-stamp{display:grid;justify-items:end}.moment-issued-stamp .stamp-artwork{width:100%;height:auto;aspect-ratio:1}.stamp-artwork{display:block;width:7.6rem;height:7.6rem;transform:rotate(-2deg);transition:filter .16s ease,transform .16s ease,opacity .16s ease}.stamp-artwork img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.stamp-artwork--muted{filter:grayscale(1);opacity:.45}.moment-entry-copy{display:grid;gap:.5rem;min-width:0}.moment-entry-copy strong{font-family:Cormorant Garamond,serif;font-size:1.8rem;line-height:1.05}.moment-entry-meta,.moment-entry-provenance{font-size:.65rem;font-weight:700;letter-spacing:.08em;line-height:1.4}.moment-entry-view{font-size:.7rem;font-weight:700;letter-spacing:.04em}.next-stamp{grid-template-columns:8rem 1fr;gap:1rem}.moment-entry-provenance{color:var(--ink-muted);font-weight:400;letter-spacing:.02em}.moment-entry--new{animation:settle .52s ease-out both}.next-stamp{border-bottom-style:dashed}.next-stamp--first{min-height:17rem}.ghost-stamp{display:grid;width:7.4rem;height:7.4rem;place-items:center;transform:rotate(2deg);border:2px dashed rgb(26 35 64 / 32%);border-radius:50%}.ghost-stamp span{font-size:2.2rem;opacity:.5}.next-stamp strong,.next-stamp small{display:block}.next-stamp strong{font-family:Cormorant Garamond,serif;font-size:1.55rem}.next-stamp small{margin-top:.4rem;color:var(--ink-muted);line-height:1.4}.moment-form{gap:1.4rem;margin-top:1.5rem}.moment-form fieldset{display:grid;gap:.7rem;margin:0;padding:1.2rem 0 1.5rem;border:0;border-bottom:1px solid var(--rule)}.moment-form legend{padding:0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.photo-picker{display:grid;min-height:9rem;place-content:center;gap:.25rem;border:1px dashed rgb(26 35 64 / 42%);text-align:center;cursor:pointer}.photo-picker>span{font-size:2rem}.photo-picker small{color:var(--ink-muted)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.photo-previews,.additional-media{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.photo-previews img,.additional-media img{width:100%;aspect-ratio:1;object-fit:cover}.stamp-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.stamp-choice{position:relative;display:grid;min-width:0;justify-items:center;padding:.35rem;text-align:center;cursor:pointer}.stamp-choice input{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.stamp-choice input:focus-visible+.stamp-artwork{outline:3px solid var(--focus);outline-offset:2px}.stamp-choice input:checked+.stamp-artwork{filter:none;opacity:1;transform:rotate(-3deg) scale(1.04)}.stamp-choice .stamp-artwork{width:6rem;height:6rem}.stamp-choice>span:last-child{font-size:.7rem;font-weight:700}.moment-detail-page{width:min(100%,48rem);margin:0 auto;background:var(--official-cream)}.detail-header{align-items:center;padding:calc(.8rem + var(--safe-top)) 1rem .8rem;border-bottom:0}.moment-hero{display:block;width:100%;max-height:68dvh;object-fit:cover}.memory-sheet{position:relative;padding:2.4rem 1.4rem 3rem;border-top:3px double var(--rule);background:linear-gradient(#f5f0e8f0,#f5f0e8fa),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='320'%20viewBox='0%200%20320%20320'%3e%3cdefs%3e%3cpattern%20id='petproof-guilloche'%20width='80'%20height='80'%20patternUnits='userSpaceOnUse'%3e%3cg%20fill='none'%20stroke='%23B8A36A'%20stroke-width='0.6'%20opacity='0.2'%3e%3cellipse%20cx='40'%20cy='40'%20rx='38'%20ry='12'/%3e%3cellipse%20cx='40'%20cy='40'%20rx='12'%20ry='38'/%3e%3cpath%20d='M0%2040c20-34%2060-34%2080%200S100%2074%2080%2040%2020%206%200%2040Z'/%3e%3cpath%20d='M40%200c34%2020%2034%2060%200%2080S6%20100%2040%2080%2074%2020%2040%200Z'/%3e%3ccircle%20cx='40'%20cy='40'%20r='25'/%3e%3c/g%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='320'%20height='320'%20fill='%23F5F0E8'/%3e%3crect%20width='320'%20height='320'%20fill='url(%23petproof-guilloche)'/%3e%3c/svg%3e") center / 320px}.memory-sheet>.stamp-artwork{float:right;width:8rem;height:8rem;margin:-4.5rem 0 .5rem .8rem}.memory-sheet h1{max-width:12ch;margin:.5rem 0;font-size:clamp(3.1rem,15vw,5.5rem);line-height:.9}.memory-date{margin:1rem 0 2rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.memory-story{font-family:Cormorant Garamond,serif;font-size:1.45rem;line-height:1.55;white-space:pre-line}.memory-sheet footer{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--rule);color:var(--ink-muted);font-size:.72rem;line-height:1.5}.additional-media{padding:.6rem}.tag-page{display:grid;min-height:100dvh;place-items:center;padding:calc(1.25rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1.25rem + var(--safe-bottom)) calc(1rem + var(--safe-left));background:var(--passport-navy)}.tag-document,.tag-credential-document{position:relative;width:min(100%,31rem);padding:3rem 1.5rem 2rem;overflow:hidden;border:3px double rgb(26 35 64 / 48%);background:linear-gradient(#f5f0e8eb,#f5f0e8f7),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='320'%20viewBox='0%200%20320%20320'%3e%3cdefs%3e%3cpattern%20id='petproof-guilloche'%20width='80'%20height='80'%20patternUnits='userSpaceOnUse'%3e%3cg%20fill='none'%20stroke='%23B8A36A'%20stroke-width='0.6'%20opacity='0.2'%3e%3cellipse%20cx='40'%20cy='40'%20rx='38'%20ry='12'/%3e%3cellipse%20cx='40'%20cy='40'%20rx='12'%20ry='38'/%3e%3cpath%20d='M0%2040c20-34%2060-34%2080%200S100%2074%2080%2040%2020%206%200%2040Z'/%3e%3cpath%20d='M40%200c34%2020%2034%2060%200%2080S6%20100%2040%2080%2074%2020%2040%200Z'/%3e%3ccircle%20cx='40'%20cy='40'%20r='25'/%3e%3c/g%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='320'%20height='320'%20fill='%23F5F0E8'/%3e%3crect%20width='320'%20height='320'%20fill='url(%23petproof-guilloche)'/%3e%3c/svg%3e") center / 330px;text-align:center}.tag-document:after,.tag-credential-document:after{position:absolute;top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;border:1px solid rgb(26 35 64 / 18%);content:"";pointer-events:none}.tag-document>*,.tag-credential-document>*{position:relative;z-index:1}.tag-document__seal{display:grid;width:5.2rem;height:5.2rem;margin:0 auto 1.4rem;place-items:center;border:1px solid var(--passport-gold);border-radius:50%;box-shadow:inset 0 0 0 5px var(--official-cream),inset 0 0 0 6px var(--passport-gold);font-family:Cormorant Garamond,serif;font-size:1.7rem}.tag-document h1,.tag-credential-document h1{max-width:12ch;margin:.7rem auto 1rem;font-size:clamp(2.5rem,11vw,4rem);line-height:.92}.tag-document>p:not(.document-label,.tag-status,.tag-passport-number),.tag-credential-document>p:not(.document-label){max-width:31ch;margin-inline:auto;color:var(--ink-muted);line-height:1.55}.tag-status{margin:1.2rem 0 0;color:var(--ink-muted);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tag-status--official{color:var(--passport-navy)}.tag-passport-number{margin:1.2rem 0;font-size:.86rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.tag-document .action-link{width:100%;margin-top:1.2rem}.tag-activation-form{margin-top:1.2rem}.tag-empty-state{margin-top:1.3rem;padding:1rem;border-block:1px solid var(--rule)}.text-link,.tag-credential-link{display:inline-flex;min-height:2.75rem;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tag-credential-link{margin-top:.25rem}.tag-credential-document>.passport-back{position:absolute;top:1rem;left:1rem}.tag-credential-pet{margin-bottom:2rem!important}.tag-credential-list{margin:0;border-block:3px double var(--rule);text-align:left}.tag-credential-list div{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--rule)}.tag-credential-list div:last-child{border-bottom:0}.tag-credential-list dt{color:var(--ink-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tag-credential-list dd{margin:0;font-weight:700;text-align:right}@keyframes settle{0%{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 700px){.passport-paper{margin-block:2rem;min-height:calc(100dvh - 4rem);border:1px solid rgb(226 201 122 / 50%)}.library-page,.form-page,.moment-editor-page{padding-inline:2.2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}