.lower-v08 .w-friend-list{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}
.friend-enlarge{display:block;width:max-content;max-width:100%;margin:10px auto 0;padding:6px 0;color:#27604b;font-size:11px;font-weight:700;text-decoration:none;border-bottom:1px solid #27604b60}
.friend-enlarge:hover{color:#086d51;border-color:currentColor}
.friend-enlarge:focus-visible,.friend-viewer button:focus-visible{outline:3px solid #087963;outline-offset:5px}
.friend-viewer{width:min(900px,92vw);max-height:90dvh;padding:32px;border:1px solid #a1c9b1;border-radius:26px;background:#f3f8ef;color:#164832;box-shadow:0 24px 100px #092d3870;overflow:auto}
.friend-viewer::backdrop{background:#08292bd0;backdrop-filter:blur(8px)}
.friend-viewer header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.friend-viewer h2{font-family:inherit;font-size:24px;margin:0}.friend-viewer button{cursor:pointer;border:1px solid #aac3b0;background:white;border-radius:50%;width:42px;height:42px;font-size:24px;color:#164832}
.friend-viewer-images{display:flex;justify-content:center;gap:18px}.friend-viewer figure{flex:1;min-width:0;margin:0;text-align:center}.friend-viewer img{display:block;width:100%;height:min(53vh,480px);object-fit:contain;border-radius:16px;background:#fff}.friend-viewer figcaption{font-size:13px;margin:12px 0 0}
@media(max-width:900px){.lower-v08 .w-friend-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.lower-v08 .w-friend-image{height:145px}.lower-v08 .w-friend-name{font-size:12px}}
@media(max-width:600px){.friend-viewer{padding:20px}.friend-viewer-images{flex-direction:column}.friend-viewer img{height:32vh}.friend-viewer h2{font-size:20px}.lower-v08 .w-friend-image{height:115px}.friend-enlarge{font-size:10px}}