/* v18.97: premium real guest Photo Challenges / Shared Gallery / lightbox
 * chrome. CSS only; never touches underlying event privacy, moderation,
 * scannable QR, native media sizing or event-selected accent. */
#eventView #guestChallengesCard{
 border:1px solid var(--event-line,#e8dcc9);
 background:var(--event-card-bg,#fffdf8);
 border-radius:20px;
 box-shadow:0 6px 20px rgba(51,38,20,.045);
 padding:clamp(15px,3.8vw,22px);
}
#eventView #guestChallengesCard .guest-challenges-head{
 align-items:flex-start;
 gap:13px;
}
#eventView #guestChallengesCard .guest-challenges-icon{
 flex:0 0 40px;
 width:40px;height:40px;
 background:color-mix(in srgb,var(--event-accent,#a98247) 15%,#fff8eb);
 color:var(--event-accent,#876334);
 border:1px solid color-mix(in srgb,var(--event-accent,#a98247) 27%,#e3d7c3);
 border-radius:12px;
 font-size:18px;box-shadow:none;
}
#eventView #guestChallengesCard .guest-challenges-head h3{
 color:#362b20;
 font:600 clamp(22px,4.5vw,28px)/1.12 Georgia,serif;
 letter-spacing:-.025em;
 margin:1px 0 7px;
}
#eventView #guestChallengesCard .guest-challenges-head p{
 color:#6f6456;
 font:400 12px/1.52 system-ui,sans-serif;
}
#eventView #guestChallengeList{
 display:flex;
 gap:8px;
 overflow-x:auto;
 padding:13px 1px 10px;
 margin-top:6px;
 scrollbar-width:thin;
 scrollbar-color:#d0b68d transparent;
}
#eventView #guestChallengeList .guest-challenge-pill{
 flex:0 0 auto;
 min-height:44px;
 border:1px solid #ddccb3;
 background:#fffefb;
 color:#655037;
 border-radius:12px;
 padding:11px 15px;
 font:700 12px/1.34 system-ui,sans-serif;
 box-shadow:0 2px 8px rgba(59,43,23,.03);
 cursor:pointer;
}
#eventView #guestChallengeList .guest-challenge-pill.active{
 color:#fffdf6;
 background:var(--event-accent,#977039);
 border-color:var(--event-accent,#977039);
 box-shadow:none;
}
#eventView #guestChallengeList .guest-challenge-pill:focus-visible{
 outline:3px solid #b89156;outline-offset:2px;
}
#eventView #guestChallengeSelection{
 padding:11px 13px;
 background:#f7f0e6;
 border:1px solid #e9ddcd;
 border-radius:11px;
 color:#736452;
 font:600 11px/1.48 system-ui,sans-serif;
 margin-top:5px;
}
#eventView #guestEvent>.tabs{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:9px;
 border:1px solid #e6dac7;
 background:#fbf7ef;
 border-radius:16px;
 padding:7px;
 margin:19px 0 17px;
}
#eventView #guestEvent>.tabs .btn{
 min-width:0;
 min-height:46px;
 padding:11px 12px;
 background:#fffdfa;
 color:#5d4b35;
 border:1px solid #eadcc7;
 border-radius:12px;
 font:700 12px/1.35 system-ui,sans-serif;
 box-shadow:none;
}
#eventView #guestEvent>.tabs .btn.primary{
 background:var(--event-accent,#a27a3e);
 color:#fffdf6;
 border-color:var(--event-accent,#a27a3e);
}
#eventView #guestEvent>.tabs .btn:focus-visible{
 outline:3px solid #b89156;outline-offset:2px;
}
#eventView #privateGalleryNotice{
 border:1px solid #e2d3bb;
 background:#fbf5e9;
 border-radius:14px;
 padding:15px 16px;
 color:#5c4a32;
 font-size:12px;
 line-height:1.5;
}
#eventView #guestGalleryCard{
 background:#fffdf9;
 border:1px solid #e8dbc7;
 border-radius:22px;
 box-shadow:0 9px 26px rgba(45,35,21,.045);
}
#eventView #guestGalleryCard>div:first-child{
 align-items:flex-start!important;
 gap:12px;
 border-bottom:1px solid #efe5d8;
 padding-bottom:15px;
}
#eventView #guestGalleryCard>div:first-child b{
 color:#30261c;
 font:600 clamp(24px,5.2vw,32px)/1.14 Georgia,serif;
 letter-spacing:-.03em;
}
#eventView #guestGalleryCard #galleryModeText{
 color:#796e61;
 font-size:12px!important;
 line-height:1.5;
 margin-top:7px!important;
}
#eventView #guestGalleryCard #mediaCount{
 min-height:29px;
 color:#795a2f;
 border:1px solid #e1cfb1;
 background:#f7eddd;
 border-radius:999px;
 font:700 10px/1.2 system-ui,sans-serif;
 white-space:nowrap;
}
#eventView #guestGalleryCard .p76-gallery-filters{
 display:flex;
 gap:8px;
 margin:5px 0 1px;
 padding:8px 1px 14px;
 overflow-x:auto;
}
#eventView #guestGalleryCard .p76-filter{
 flex:0 0 auto;
 min-height:43px;
 background:#fffefa;
 border:1px solid #e6d9c5;
 border-radius:11px;
 padding:10px 14px;
 font:700 12px/1.3 system-ui,sans-serif;
 color:#665947;
}
#eventView #guestGalleryCard .p76-filter[aria-pressed="true"]{
 background:#352b22;
 border-color:#352b22;
 color:#fff6e5;
}
#eventView #guestGalleryCard .p76-filter:focus-visible,
#eventView #guestGalleryCard .p76-gallery-more:focus-visible{
 outline:3px solid #b18a50;outline-offset:2px;
}
#eventView #guestGalleryCard #gallery{
 gap:clamp(7px,2.5vw,13px);
}
#eventView #guestGalleryCard #gallery>.photo.photo-with-story{
 background:#fffefa;
 border:1px solid #e8dccb;
 border-radius:14px;
 box-shadow:0 3px 14px rgba(45,34,20,.04);
}
#eventView #guestGalleryCard #gallery>.photo.photo-with-story:focus-within{
 outline:2px solid #b28a4b;
 outline-offset:2px;
}
#eventView #guestGalleryCard #gallery>.photo.photo-with-story .photo-story{
 padding:11px 11px 12px;
 color:#574c3e;
 font-size:11px;line-height:1.48;
}
#eventView #guestGalleryCard .p76-video-label{
 border-radius:7px;
 font-size:9px;
}
#eventView #guestGalleryCard .p76-gallery-footer{
 border-top:1px solid #eee2d2;
 padding:17px 3px 7px;
 margin-top:12px;
}
#eventView #guestGalleryCard .p76-gallery-more{
 min-height:45px;
 background:#f7eddd;
 color:#735328;
 border:1px solid #ddc39a;
 border-radius:12px;
 font:750 12px/1.3 system-ui,sans-serif;
}
#eventView #guestGalleryCard .p76-filter-empty,
#eventView #guestGalleryCard #emptyGallery{
 background:#fbf6ee;
 color:#756859;
 border:1px dashed #ddccb0;
 border-radius:15px;
 font-size:12px;
 line-height:1.55;
 padding:28px 16px;
 text-align:center;
}
#lightbox .lightbox-top{
 display:flex;
 align-items:center;
 gap:11px;
 min-height:54px;
 padding:4px 7px;
}
#lightbox .lightbox-top #lightboxTitle{
 color:#fff6e7;
 font:600 clamp(17px,3.2vw,23px)/1.18 Georgia,serif;
 letter-spacing:-.02em;
}
#lightbox .lightbox-top .p87-memory-count{
 padding:6px 10px;
 border:1px solid rgba(231,203,159,.32);
 background:rgba(35,27,20,.85);
 color:#fff2db;
 font:700 11px/1.3 system-ui,sans-serif;
 border-radius:999px;
}
#lightbox .lightbox-top .lightbox-close{
 min-height:46px;
 min-width:75px;
 border:1px solid #927b60;
 background:#32281f;
 color:#fdf2df;
 padding:10px 14px!important;
 border-radius:12px!important;
 font:700 12px/1.3 system-ui,sans-serif!important;
}
#lightbox .lightbox-top button:focus-visible,
#lightbox .p87-memory-nav button:focus-visible{
 outline:3px solid #dfb56f;
 outline-offset:3px;
}
#lightbox .lightbox-info{
 background:#fffdf8;
 border:1px solid #dfd0b9;
 border-radius:14px;
 box-sizing:border-box;
 color:#342b21;
 padding:14px 15px;
 box-shadow:0 7px 25px rgba(0,0,0,.12);
}
#lightbox .lightbox-download-row{
 border-top:1px solid #eadfce;
 gap:12px;
 padding-top:13px;
}
#lightbox .lightbox-download-row .btn{
 min-height:44px;
 border-radius:11px;
}
#lightbox .p87-memory-nav button{
 border:1px solid rgba(241,214,175,.55);
 background:rgba(44,33,23,.83);
 color:#fff4e5;
 box-shadow:0 4px 17px rgba(0,0,0,.22);
}
/* Never style #lightboxMedia images, videos, cover photos,
 * scannable QR pixels or private/hidden gallery DOM. */
@media(max-width:600px){
 #eventView #guestChallengesCard{padding:15px;border-radius:17px}
 #eventView #guestChallengeList .guest-challenge-pill{padding:10px 11px}
 #eventView #guestGalleryCard{border-radius:18px;padding:15px}
 #eventView #guestGalleryCard>div:first-child b{font-size:24px}
 #eventView #guestGalleryCard .p76-filter{font-size:11px;padding:10px 11px}
 #lightbox .lightbox-info{padding:12px}
 #lightbox .lightbox-top .lightbox-close{min-width:64px;padding:10px!important}
}
@media(max-width:390px){
 #eventView #guestGalleryCard #gallery{gap:7px}
 #eventView #guestGalleryCard #mediaCount{font-size:9px}
 #lightbox .lightbox-top{gap:6px}
 #lightbox .lightbox-top #lightboxTitle{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
 #eventView #guestGalleryCard #gallery>.photo.photo-with-story,
 #lightbox .p87-memory-nav button{
  transition:none!important;
 }
}
