.seo-content{position:fixed;right:10px;bottom:86px;z-index:8;max-width:calc(100vw - 36px);font-family:'Segoe UI','Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#2b443a;font-size:13px}
.seo-content>summary{cursor:pointer;list-style:none;display:grid;place-items:center;width:44px;height:44px;position:relative;border-radius:12px}
.seo-content>summary::before{content:'';position:absolute;inset:4px;background:#fffdf7d9;border-radius:10px;z-index:-1}
.seo-content>summary::-webkit-details-marker{display:none}.seo-content>summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.seo-content[open]>summary svg{display:none}.seo-content[open]>summary::after{content:'×';font-size:25px;font-weight:300}
.seo-summary-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.seo-copy{position:absolute;right:0;bottom:calc(100% + 8px);width:480px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 220px);overflow:auto;overscroll-behavior:contain;margin-top:0;padding:24px;background:#fffdf7;border:1px solid #d8ddce;border-radius:12px;box-shadow:0 12px 45px #151f1b40;line-height:1.9}
.seo-copy h1{font:600 21px/1.5 'Segoe UI','Malgun Gothic',sans-serif;margin:0 0 14px}.seo-copy h3{font-size:17px;margin:0 0 7px}.seo-copy h4{font-size:13px;margin:20px 0 7px}.seo-copy p{margin:0 0 16px;overflow-wrap:anywhere}.seo-copy a{color:#365b47;text-underline-offset:4px}.seo-copy nav{padding-top:18px;border-top:1px solid #e2e6dc;font-size:12px}
.seo-pet{padding:16px 0}.seo-pet+.seo-pet{border-top:1px solid #e2e6dc}.seo-pet img{max-width:100%;width:240px;height:240px;object-fit:contain;background:#f1eee6;border-radius:8px}.seo-dates{font-size:12px;color:#647166}.seo-letter{white-space:pre-wrap}
body[data-petting=true]>.seo-content,body[data-pebble-open=true]>.seo-content,body.panel-open>.seo-content{visibility:hidden}
.seo-directory{margin:0;background:#f6f4ed;color:#2b443a;font:15px/1.8 'Segoe UI','Apple SD Gothic Neo','Malgun Gothic',sans-serif}.seo-directory *{box-sizing:border-box}.seo-directory main{max-width:1000px;margin:0 auto;padding:56px 28px}.seo-directory a{color:inherit;text-underline-offset:4px}.seo-directory h1{font-size:32px;letter-spacing:-.04em;margin:32px 0 12px}.seo-directory p{color:#647166}.seo-home{font-size:14px}.seo-locker-list{list-style:none;padding:0;margin:32px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.seo-locker-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:16px 18px;text-decoration:none;background:#fffdf7;border:1px solid #e0e4d8;border-radius:10px}.seo-locker-list a:hover{border-color:#71917c}.seo-locker-list span{overflow-wrap:anywhere}.seo-locker-list small{color:#647166;white-space:nowrap}.seo-pagination{display:flex;justify-content:center;align-items:center;gap:26px;padding:20px}.seo-pagination a{padding:8px 16px}.seo-directory a:focus-visible,.seo-content summary:focus-visible{outline:3px solid #b8772c;outline-offset:4px}
@media(max-width:600px){.seo-content{right:8px;bottom:calc(80px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.seo-copy{max-width:calc(100vw - 24px);max-height:calc(100dvh - 270px);padding:20px}.seo-copy h1{font-size:19px}.seo-directory main{padding:30px 18px}.seo-directory h1{font-size:26px}.seo-locker-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seo-locker-list a{display:block;padding:14px}.seo-locker-list small{display:block;margin-top:5px}}
