.friend-preview-card{padding:18px;box-sizing:border-box}
.friend-preview-header{display:flex;align-items:center;gap:14px}
.friend-preview-card .friend-preview-photo{width:80px;height:80px;flex:0 0 80px;border-radius:50%;font-size:30px;aspect-ratio:auto}
.friend-preview-copy{min-width:0;flex:1}.friend-preview-copy .friend-age-badge{display:inline-block;margin-top:6px}
.friend-preview-copy .friend-preview-location{margin:7px 0 0;overflow-wrap:anywhere}
.friend-preview-card .friend-preview-body{padding:14px 0 0}
.friend-preview-actions{display:flex;align-items:center;gap:10px;margin-top:16px}
.friend-preview-card .home-friend-like{position:static;box-shadow:none;flex:none}
.friend-preview-open{display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;border:1px solid #9a6741;border-radius:12px;text-decoration:none;color:#8f5c38;font-weight:800}
.friend-preview-open:hover{background:#faf1e9}
.friend-reference-layout .friend-card{position:relative;padding-top:16px}
.friend-reference-layout .friend-card-photo{width:80px;height:80px;aspect-ratio:auto;border-radius:50%;margin:0 15px;font-size:30px;position:static}
.friend-reference-layout .friend-card .friend-card-like{top:18px;right:14px;bottom:auto;box-shadow:none}
.friend-reference-layout .friend-card-body{padding-top:14px}
.friend-reference-layout .friend-dialog-photo{width:108px;height:108px;aspect-ratio:auto;border-radius:50%;position:relative;font-size:36px}
.friend-dialog-photo.zoomable::after{content:'＋';position:absolute;bottom:4px;right:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:white;color:#8f5c38;font-size:18px;box-shadow:0 1px 6px #0003}
.friend-list-empty button,.home-preview-empty button{display:inline-block;min-height:44px;margin:12px 6px 0;padding:8px 15px;border:1px solid #9a6741;border-radius:10px;background:white;color:#8f5c38;font:inherit;cursor:pointer}
@media(max-width:700px){.friend-preview-card{flex-basis:90%;padding:16px}.friend-reference-layout .friend-list-grid{grid-template-columns:1fr}.friend-reference-layout .friend-card{padding:16px;display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px}.friend-reference-layout .friend-card-photo{margin:0}.friend-reference-layout .friend-card-body{padding:0;min-width:0}.friend-reference-layout .friend-card-title{padding-right:52px;flex-wrap:wrap}.friend-reference-layout .friend-card .friend-card-like{top:16px;right:12px}.friend-reference-layout .friend-card-title h3{white-space:normal;overflow-wrap:anywhere}}