.monthly-photo{position:relative;isolation:isolate;border:1px solid #b58a3c77;border-radius:24px;padding:26px;margin:0 0 32px;background:radial-gradient(ellipse at 100% 0,#eac57a25,transparent 65%),var(--cream);overflow:hidden}.monthly-photo-heading{max-width:800px}.monthly-photo-heading h2{font-size:30px!important;letter-spacing:-.7px;margin:0 0 12px}.monthly-photo-heading p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.monthly-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(185px,100%),1fr));gap:18px}.monthly-photo-empty{grid-column:1/-1;font-size:14px;color:var(--muted)}.monthly-photo-card{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--cream);transition:transform .2s,box-shadow .2s}.monthly-photo-card:hover{transform:translateY(-4px)}.monthly-photo-card>img{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}.monthly-photo-copy{padding:14px}.monthly-photo-copy strong{font-size:14px}.monthly-photo-copy p{font-size:12px;overflow-wrap:anywhere}.monthly-votes{display:block;font-weight:800;color:#ad791e;font-size:18px}.monthly-leader{display:block;font-size:11px;color:#ad791e;margin-top:6px}.monthly-photo-card.leading{border-color:#c89c46;box-shadow:0 0 22px #e4b54c26}.monthly-photo-copy button{width:100%;min-height:44px;margin-top:12px;border:1px solid #ba8b39;border-radius:12px;padding:10px;background:#f4d590;color:#38280d;font-weight:700;font-size:12px}.monthly-photo-copy button:disabled{opacity:.7}.monthly-photo:before{content:'✦';position:absolute;z-index:-1;right:26px;top:15px;color:#cfa54b55;font-size:64px;animation:photo-glow 4s ease-in-out infinite}.monthly-photo [role=status]{font-size:13px;color:var(--muted)}@keyframes photo-glow{50%{opacity:.35;transform:scale(.85)}}@media(prefers-reduced-motion:reduce){.monthly-photo:before{animation:none}.monthly-photo-card{transition:none}.monthly-photo-card:hover{transform:none}}@media(max-width:500px){.monthly-photo{padding:18px}.monthly-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.monthly-photo-copy{padding:10px}.monthly-photo-heading h2{font-size:24px!important}}
.monthly-photo-media{position:relative;isolation:isolate}
.monthly-photo-open{display:block;width:100%;padding:0;border:0;border-radius:0;background:#07151b;cursor:zoom-in;aspect-ratio:9/16;overflow:hidden}
.monthly-photo-open>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.monthly-photo-open:hover>img{transform:scale(1.035)}
.monthly-photo-open:focus-visible{outline:3px solid #24e5ee;outline-offset:-5px}
.monthly-photo-controls{position:absolute;inset:auto 0 0;padding:38px 10px 10px;background:linear-gradient(transparent,#03121de6);pointer-events:none}
.monthly-vote-button{pointer-events:auto;min-height:44px;width:100%;padding:10px 8px;border:1px solid #e7bd66;border-radius:12px;background:#07161deb;color:#ffe3a0;font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.monthly-vote-button:disabled{cursor:default;opacity:.8}.monthly-vote-button[aria-pressed=true]{border-color:#30e6f0;background:#073d44;color:#bdfcff}
.monthly-podium-badge{position:absolute;left:10px;top:10px;border-radius:30px;background:#06121eeb;color:var(--medal,#f7d885);padding:6px 10px;font-weight:800;font-size:15px;border:1px solid var(--medal,#f7d885);pointer-events:none}
.monthly-photo-card[data-podium="1"],.monthly-photo-dialog[data-podium="1"]{--medal:#edc360;--medal-glow:#efbc4b50}
.monthly-photo-card[data-podium="2"],.monthly-photo-dialog[data-podium="2"]{--medal:#bacfe7;--medal-glow:#a5c4e645}
.monthly-photo-card[data-podium="3"],.monthly-photo-dialog[data-podium="3"]{--medal:#d99566;--medal-glow:#d9906245}
.monthly-photo-card[data-podium],.monthly-photo-dialog[data-podium="1"],.monthly-photo-dialog[data-podium="2"],.monthly-photo-dialog[data-podium="3"]{border:2px solid var(--medal);box-shadow:0 0 20px var(--medal-glow),inset 0 0 0 1px #ffffff18}
.monthly-photo-card.chosen .monthly-photo-media:after{content:'';position:absolute;inset:5px;border:2px solid #28e7ef;border-radius:12px;pointer-events:none}
.monthly-photo-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:12px;border:1px solid #46d9e580;border-radius:24px;background:#04141c;color:white;overflow:auto;overscroll-behavior:contain}
.monthly-photo-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}
.monthly-photo-dialog-title{margin:0;padding:4px 44px 12px 4px;font-size:17px;line-height:1.4;overflow-wrap:anywhere;color:white}
.monthly-photo-close{position:absolute;right:10px;top:7px;z-index:2;width:40px;height:40px;border:1px solid #ffffff40;border-radius:50%;background:#061923;color:#fff;font-size:20px;cursor:pointer}
.monthly-photo-stage{position:relative;aspect-ratio:9/16;width:100%;max-height:calc(100dvh - 130px);min-height:330px;overflow:hidden;border-radius:16px;background:#000}
.monthly-photo-stage>img{display:block;width:100%;height:100%;object-fit:contain}
.monthly-photo-overlay{position:absolute;inset:auto 0 0;padding:45px 12px 12px;background:linear-gradient(transparent,#02111cf5 38%)}
.monthly-photo-dialog .gallery-interactions{margin:10px 0 0;padding:0;border:0}
.monthly-photo-dialog .gallery-reactions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.monthly-photo-dialog .gallery-reactions button{min-width:0;min-height:44px;padding:8px 3px;border:1px solid #b8dfed55;border-radius:12px;background:#081e2bed;color:#fff;font-size:16px;cursor:pointer}
.monthly-photo-dialog .gallery-reactions button[aria-pressed=true]{background:#12505a;border-color:#24e4ed;box-shadow:0 0 12px #2ce9f035}
.monthly-photo-dialog .gallery-reactions button:disabled{opacity:.65;cursor:default}
.monthly-photo-hint{font-size:11px;line-height:1.5;margin:8px 0 0;color:#c6dce5}
.monthly-photo-dialog [role=status]{font-size:12px;line-height:1.4;color:#ffdfa1;margin:8px 4px 0}
.monthly-photo-dialog [role=status]:empty{display:none}
@media(prefers-reduced-motion:reduce){.monthly-photo-open>img{transition:none}.monthly-photo-open:hover>img{transform:none}}
.monthly-photo-copy{padding:0;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#fff;pointer-events:none}
.monthly-photo-copy strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.monthly-photo-copy .monthly-votes{flex-shrink:0;color:#ffe3a0;font-size:12px}
.monthly-photo-hover-actions{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:7px;margin-top:9px;pointer-events:auto}
.monthly-comment-button{min-height:44px;border:1px solid #c9e9ee80;border-radius:12px;background:#08232ddd;color:white;cursor:pointer;font-size:16px}
.monthly-report-button{background:transparent;color:#c8e0e7;border:0;padding:8px 0;text-decoration:underline;font-size:11px;cursor:pointer}
.monthly-photo-overlay{max-height:74%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.monthly-photo-dialog .gallery-comments-toggle{width:100%;border-color:#b8dfed55;background:#081e2bed;color:#fff}
.monthly-photo-dialog .gallery-comments{color:white}
.monthly-photo-dialog .gallery-comment-list{gap:8px;margin-block:12px}
.monthly-photo-dialog .gallery-comment{border-color:#b8dfed44;padding-top:10px}
.monthly-photo-dialog .gallery-comment p{font-size:13px;margin:6px 0;overflow-wrap:anywhere}
.monthly-photo-dialog .gallery-comment-form{gap:10px;border-color:#b8dfed44}
.monthly-photo-dialog .gallery-comment-form input:not([type=checkbox]),.monthly-photo-dialog .gallery-comment-form textarea{box-sizing:border-box;background:#061b26;color:white;border-color:#b8dfed66}
.monthly-photo-dialog .gallery-comment-form textarea{min-height:78px;resize:vertical}
.monthly-photo-dialog .gallery-comments .story-note,.monthly-photo-dialog .gallery-comments small{color:#b8d1da;font-size:11px;line-height:1.5}
.monthly-photo-dialog .gallery-comments button{background:#123a46;color:#fff;border-color:#74d9df66}
@media(hover:hover) and (pointer:fine){.monthly-photo-hover-actions{max-height:0;opacity:0;visibility:hidden;overflow:hidden;margin-top:0;transition:opacity .15s}.monthly-photo-card:hover .monthly-photo-hover-actions,.monthly-photo-card:focus-within .monthly-photo-hover-actions{max-height:70px;opacity:1;visibility:visible;margin-top:9px}}
body[data-gallery-mode]:not([data-gallery-mode=feed]) .monthly-photo{display:none}
.monthly-photo-stage{aspect-ratio:auto;max-height:none;min-height:0}
.monthly-photo-stage>img{width:100%;height:auto;object-fit:cover}
.monthly-photo-dialog-title{letter-spacing:0;font-family:inherit;font-weight:700;text-shadow:none}