/* B community composition. Static review; approved two-hand-heart mascot is missing. */
.album-community-shell{background:#fffefd;padding:0 2.4% 30px;font-family:Nunito,sans-serif;font-synthesis:none}
.album-community{position:relative;isolation:isolate;display:grid;grid-template-columns:27% 56% 17%;align-items:center;min-height:320px;padding:22px 26px 25px 15px;color:#584768}
.album-community:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/album/community-paper.svg') center/100% 100% no-repeat}
.album-community:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/album/paper-grain.svg');mask:url('assets/album/process-paper-mask.svg') 0 0/100% 100% no-repeat;opacity:.4}
.album-community-mascot{position:relative;height:274px;min-width:0;padding:20px 32px}
.album-community-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;border:1px dashed #bca9be;border-radius:42% 40% 24% 28%;background:#fffdf640;padding:18px;color:#806d80}
.album-community-missing span{font:700 18px/1.3 Nunito,sans-serif}
.album-community-missing p{font:400 13px/1.5 Nunito,sans-serif;margin:9px 0 0}
.album-community-copy{position:relative;z-index:1;padding:0 5px 0 8px;min-width:0}
.album-community h2{font:900 clamp(22px,2.02vw,32px)/1.23 Nunito,sans-serif;color:#43216d;margin:0 0 15px;letter-spacing:0;-webkit-text-stroke:0}
.album-community-copy>p{font:400 clamp(15px,1.24vw,19px)/1.42 Nunito,sans-serif;margin:0 0 20px;max-width:590px}
.album-community-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.album-community-actions a{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:52px;text-decoration:none;border-radius:7px;font:700 15px/1.25 Nunito,sans-serif}
.album-community-actions img{flex:none;width:27px;height:27px}
.album-community-max{width:min(390px,60%);padding:11px 20px;background:linear-gradient(105deg,#8316bd,#690eaa);color:#fff;box-shadow:1px 3px 6px #5e249526}
.album-community-telegram{padding:9px 15px;color:#3183c5;background:#ffffffa6;box-shadow:0 2px 5px #755a8010}
.album-community-actions a:focus-visible{outline:3px solid #8343b9;outline-offset:5px}
.album-community-actions a:hover{box-shadow:0 3px 8px #6d3b922e}
.album-community-note{position:relative;align-self:start;margin:20px 0 0 16px;text-align:center;transform:rotate(-12deg);color:#8842af;font:600 28px/.97 AlbumCookie,cursive}
.album-community-note svg{position:absolute;right:-3px;bottom:-1px;width:27px;height:36px}
.community-green-rays,.community-green-star,.community-blue-rays,.community-yellow-star{position:absolute;pointer-events:none}
.community-green-rays{right:8px;top:0;width:48px;height:54px;transform:rotate(-32deg)}
.community-green-star{right:0;bottom:6px;width:43px;height:46px}
.community-blue-rays{left:2px;top:36px;width:40px;height:48px}
.community-yellow-star{right:16%;top:48%;width:60px;height:65px;transform:rotate(12deg)}
.community-leaves{position:absolute;right:5%;bottom:30px;width:85px;height:95px;transform:rotate(-8deg);pointer-events:none}
@media(min-width:1600px){.album-community{min-height:22vw}.album-community-mascot{height:19vw}}
@media(max-width:1100px) and (min-width:761px){.album-community{grid-template-columns:27% 58% 15%;padding:18px 16px 22px 8px;min-height:290px}.album-community-mascot{height:240px;padding:18px}.album-community-copy>p{font-size:15px}.album-community-actions{gap:7px}.album-community-actions a{font-size:13px;gap:7px}.album-community-max{width:60%;padding:10px 13px}.album-community-note{font-size:23px;margin-left:5px}.album-community-note svg{right:-9px}.community-leaves{width:65px;height:75px;right:3%}.album-community-missing span{font-size:15px}.album-community-missing p{font-size:11px}}
@media(max-width:760px){.album-community-shell{padding:0 3% 26px}.album-community{display:grid;grid-template-columns:56% 44%;padding:20px 18px 34px;min-height:0;row-gap:14px}.album-community-mascot{grid-column:1;grid-row:1;height:185px;padding:6px 9px}.album-community-missing{padding:12px 8px}.album-community-missing span{font-size:15px}.album-community-missing p{font-size:11px}.album-community-copy{grid-column:1/-1;grid-row:2;padding:0}.album-community h2{font-size:23px;margin-bottom:13px}.album-community-copy>p{font-size:15px;line-height:1.43;margin-bottom:18px}.album-community-actions{gap:7px;flex-direction:column;align-items:stretch}.album-community-actions a{font-size:14px;min-height:52px}.album-community-max{width:100%}.album-community-note{grid-column:2;grid-row:1;font-size:25px;margin:22px 6px 0 5px}.album-community-note svg{right:-7px;width:23px;height:32px}.community-green-rays{right:-9px;top:-12px;width:35px;height:40px}.community-green-star{right:-7px;bottom:4px;width:33px;height:35px}.community-blue-rays{left:-13px;top:35px;width:28px;height:34px}.community-yellow-star{right:28%;top:134px;width:40px;height:43px}.community-leaves{right:8%;top:127px;bottom:auto;width:51px;height:57px}}
@media(prefers-reduced-motion:reduce){.album-community *{animation:none!important;transition:none!important}}

/* Owner heart-pose reference, mirrored; image reconstruction awaiting review. */
.album-community-mascot{padding:0}
.album-community-lucky{position:absolute;left:-18px;bottom:-13px;width:100%;height:112%;object-fit:contain;max-width:none;filter:drop-shadow(0 7px 4px #77522225)}
.community-floating-heart{position:absolute;right:-6px;top:86px;width:56px;height:64px;transform:rotate(13deg)}
.community-heart-doodle{position:absolute;width:28px;height:34px;pointer-events:none}
.community-heart-one{right:6px;top:37px;transform:rotate(16deg)}
.community-heart-two{right:-9px;top:155px;transform:rotate(-22deg);width:23px;height:28px}
.community-green-rays{right:49px;top:-10px}
.community-note-heart{position:absolute;right:23%;top:49px;width:32px;height:38px;transform:rotate(-8deg)}
@media(max-width:1100px) and (min-width:761px){.album-community-lucky{left:-11px;height:109%;bottom:-7px}.community-floating-heart{right:-7px;top:86px;width:42px;height:49px}.community-heart-one{right:-2px;top:48px;width:23px;height:29px}.community-heart-two{right:-10px;top:140px;width:19px;height:24px}.community-green-rays{right:24px;top:5px}.community-note-heart{right:17%;top:20px;width:24px;height:29px}}
@media(max-width:760px){.album-community-mascot{height:210px}.album-community-lucky{left:-12px;height:108%;bottom:-7px}.community-floating-heart{right:-5px;top:76px;width:40px;height:47px}.community-heart-one{right:2px;top:40px;width:22px;height:27px}.community-heart-two{right:-9px;top:129px;width:18px;height:23px}.community-green-rays{right:22px;top:-1px}.community-note-heart{right:33%;top:26px;width:24px;height:29px}.community-yellow-star{top:162px}.community-leaves{top:155px}}

.album-community-actions .community-icon-tile{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:7px;background:#fff;box-shadow:0 1px 3px #69457814}
.album-community-actions .community-icon-tile img{width:22px;height:22px}

/* Right decorative cluster follows owner crop 28b74db6 as one composition. */
.album-community-decoration{position:absolute;right:24px;top:17px;width:260px;aspect-ratio:267/221;pointer-events:none}
.album-community-decoration .album-community-note{position:absolute;left:30%;top:18%;width:47%;margin:0;transform:rotate(-12deg);font-size:28px;line-height:.97;text-align:left}
.album-community-decoration .album-community-note span{display:block}
.album-community-decoration .album-community-note span:nth-child(2){margin-left:9%}
.album-community-decoration .album-community-note span:nth-child(3){margin-left:18%}
.community-note-outline{position:absolute;left:76%;top:30%;width:12%;height:19%;transform:rotate(-7deg)}
.album-community-decoration .community-note-heart{left:12%;right:auto;top:25%;width:11%;height:16%;transform:rotate(-8deg)}
.album-community-decoration .community-yellow-star{left:17%;right:auto;top:49%;width:22%;height:25%;transform:rotate(6deg)}
.album-community-decoration .community-leaves{left:51%;right:auto;top:44%;bottom:auto;width:35%;height:43%;transform:rotate(-8deg)}
.community-floating-heart{right:10px}
.community-heart-one{right:22px}
.community-heart-two{right:7px}
@media(max-width:1100px) and (min-width:761px){.album-community{grid-template-columns:27% 52% 21%}.album-community-decoration{right:7px;top:12px;width:clamp(145px,18vw,190px)}.album-community-decoration .album-community-note{font-size:clamp(17px,2.1vw,22px)}.community-floating-heart{right:4px}.community-heart-one{right:9px}.community-heart-two{right:1px}}
@media(max-width:760px){.album-community-decoration{right:6px;top:28px;width:157px}.album-community-decoration .album-community-note{font-size:18px}.community-floating-heart{right:3px}.community-heart-one{right:10px}.community-heart-two{right:-1px}}

/* Owner refinement: reduce empty gap and enlarge left-hand note accents. */
.album-community-decoration .community-note-heart{left:1%;top:24%;width:15%;height:20%}
.album-community-decoration .community-yellow-star{left:2%;top:49%;width:27%;height:31%}
@media(min-width:1101px){.album-community-decoration{right:62px}.album-community-decoration .album-community-note{left:27%}}
