.social-book{--rose:#bc7874;--cream:#fff9eb;color:#354747}.social-intro{text-align:center;padding:4px 12px 18px}.social-intro .pixel-tag{background:#f3dbce;color:#84514b}.social-intro p{margin-bottom:0}.social-tabs{position:sticky;top:-1px;background:#f7f6ed;z-index:2}.social-tabs button{font-size:14px;white-space:normal}.social-tabs .active{color:#985c5a;border-color:#b97f76}.social-time{background:#ecefe2;padding:14px 18px;border-radius:12px}.social-time small{display:block;margin-top:6px;color:#637366}.social-book .social-portrait{flex-shrink:0;width:76px;height:86px;border:2px solid #d6d9c9;border-radius:20px;background:linear-gradient(#d7ece5 67%,#bdcca6 67%);display:flex;align-items:center;justify-content:center;overflow:hidden}.social-portrait .life-sprite{width:95px;height:95px;margin:0;animation:spriteWalk 1.4s steps(1,end) infinite}.social-person-heading{display:flex;gap:18px;align-items:center}.social-person-heading h3{margin:3px 0!important;font-size:24px!important}.social-person-heading h3 small{display:block;font-size:14px}.social-person-heading p{margin:5px 0 0}.social-partner{background:#fffaf0;border:1px solid #dacbb6;padding:22px;border-radius:18px}.social-book blockquote{border-left:3px solid #ca9990;margin:18px 0;font-size:14px;color:#7c5351}.social-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.social-meter{min-width:0;font-size:14px}.social-meter strong{float:right;font-size:14px}.social-meter .bar{margin-top:8px;height:7px;background:#e8e8d9}.social-meter .bar span{background:#8caa93}.social-meter .bar .bond{background:#c58479}.social-meter .bar .stress{background:#caa565}.social-book .button{min-height:44px;font-size:14px;white-space:normal}.social-book .action-card{border-radius:12px;min-height:78px}.social-book .action-card strong{font-size:14px;display:block}.social-book .action-card small{font-size:14px;line-height:1.7}.social-book .date-grid{margin-bottom:12px}.social-book small{line-height:1.8}.social-book .selected{background:#e4edda;border-color:#8ca37a;box-shadow:inset 0 0 0 1px #8ca37a}.social-book .plan-actions{margin:12px 0;display:flex;flex-wrap:wrap;gap:8px}.social-book h4{margin:20px 0 10px}.social-signal,.social-promise{padding:17px 19px;border-radius:12px;margin:18px 0;background:#f6e7d1;border:1px dashed #c6a17d}.social-promise{background:#e7eedf;border-color:#a6b594}.social-signal p,.social-promise p{margin:8px 0}.social-promise .button{margin-top:12px}.social-chapter>small{display:block;margin:8px 0}.social-household{background:#eeeee2;padding:18px;border-radius:15px}.care-grid,.social-candidates,.social-network{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.social-candidates{margin-top:22px}.social-person,.social-child,.social-contact{min-width:0;padding:20px;border:1px solid #d6d8c5;border-radius:16px;background:#fcfcf3}.social-person{display:flex;flex-direction:column}.social-person .button{margin-top:auto;width:100%}.social-person small{margin-bottom:10px}.social-person blockquote{font-size:14px;flex:1}.social-child{margin:18px 0}.social-contact h3{margin:7px 0}.social-contact .social-meters{grid-template-columns:1fr 1fr}.social-contact .plan-actions{display:grid;grid-template-columns:1fr}.contact-memory{border-top:1px dashed #d1d5c1;margin-top:15px;padding-top:13px;font-style:italic;color:#6e775f}.social-empty{text-align:center;padding:28px 12px}.social-empty .social-portrait{margin:auto}.social-flower{font-size:64px;color:#b68575;line-height:1.2}.shared-memories p{padding:10px 0;border-bottom:1px dashed #d1d5c1}.shared-memories p span{color:#8d7765;font-size:14px}.family-social-note{font-size:14px!important;line-height:1.8;color:#6f6f58;padding:9px 0}.child-plan-form label{margin-top:16px}
@media(max-width:600px){.social-candidates,.social-network{grid-template-columns:1fr}.social-partner,.social-person,.social-child,.social-contact{padding:15px}.social-book .social-portrait{width:60px;height:74px}.social-person-heading{gap:12px}.social-person-heading h3{font-size:21px!important}.social-meters{gap:10px}.social-meter{font-size:14px}.social-tabs button{font-size:14px;padding:11px 7px}.social-book .action-card strong{font-size:14px}.social-book .action-card small{font-size:14px}.social-book .plan-actions .button{flex:1 1 140px}.social-household{padding:14px}.social-book .button{font-size:14px}.social-intro{padding:0 4px 12px}}
@media(prefers-reduced-motion:reduce){.social-portrait .life-sprite{animation:none}}

.social-book.still .life-sprite{animation:none}