/* v18.93 — premium real guest-upload/gallery and owner account surfaces.
 * Visual-only layer on existing production DOM. Dynamic event themes retain
 * their own accent colours; no permissions, image/video sizing, QR, or exports
 * are modified. In particular, media tiles, cover crops and file input logic
 * are intentionally left to the already verified v18.76–v18.92 releases. */
#eventView #guestEvent{
  --p93-paper:#fcf8f1;
  --p93-line:#e7dac6;
  --p93-ink:#332b22;
  --p93-muted:#71685d;
}
#eventView #guestUploadZone{
  background:#fffdf9;
  border:1px solid var(--p93-line);
  border-radius:24px;
  box-shadow:0 8px 26px rgba(49,36,18,.055);
  padding:clamp(16px,4vw,25px);
}
#eventView #guestUploadZone .guest-memory-head{
  display:flex;align-items:flex-start;gap:12px;
  padding:0 0 17px;
  border-bottom:1px solid #eee3d5;
  margin-bottom:16px;
}
#eventView #guestUploadZone .guest-memory-mark{
  flex:0 0 34px;display:grid;place-items:center;
  width:34px;height:34px;
  border:1px solid #e2d4bd;border-radius:11px;
  background:#f7f0e4;color:#9d773e;
  font-size:20px;
}
#eventView #guestUploadZone .guest-memory-copy{
  flex:1;min-width:0;
}
#eventView #guestUploadZone .guest-memory-copy .guest-event-eyebrow{
  letter-spacing:.14em;font-size:10px;color:#94713b;
}
#eventView #guestUploadZone #guestMemoryTitle{
  font:600 clamp(26px,5.7vw,35px)/1.1 Georgia,serif;
  letter-spacing:-.035em;color:var(--p93-ink);
  margin:5px 0 8px;
}
#eventView #guestUploadZone #guestMemoryCopy{
  color:var(--p93-muted);font-size:13px;line-height:1.55;
  max-width:510px;
}
#eventView #guestChallengesCard{
  border-radius:17px;border:1px solid #ebdec9;
  background:#fbf6ed;
  box-shadow:none;
  padding:15px;
}
#eventView #guestChallengesCard h3{
  font:600 21px/1.16 Georgia,serif;letter-spacing:-.02em;
  color:var(--p93-ink);
}
#eventView #guestChallengesCard p,
#eventView #guestChallengeSelection{
  font-size:12px;line-height:1.5;
}
#eventView #guestUploadZone .guest-upload-personalization{
  border:1px solid #eadfce;
  background:#fffefa;
  border-radius:17px;padding:17px;
  margin-block:16px;
}
#eventView #guestUploadZone .guest-upload-personalization h4{
  color:var(--p93-ink);
  font:600 20px/1.2 Georgia,serif;
  letter-spacing:-.02em;margin:0 0 7px;
}
#eventView #guestUploadZone .guest-upload-personalization>p{
  color:var(--p93-muted);line-height:1.5;font-size:12px;
}
#eventView #guestUploadZone .compact-input label{
  display:block;font-size:12px;line-height:1.4;
}
#eventView #guestUploadZone #guestUploaderName,
#eventView #guestUploadZone #guestUploaderNote{
  box-sizing:border-box;width:100%;max-width:100%;
  min-height:46px;background:#fff;
  border:1px solid #dbcfbd;border-radius:12px;
  color:#322c26;font-size:14px;box-shadow:none;
}
#eventView #guestUploadZone #guestUploaderName:focus-visible,
#eventView #guestUploadZone #guestUploaderNote:focus-visible,
#eventView #guestMediaPicker .big-upload:focus-within{
  outline:3px solid #b99155;outline-offset:2px;
}
#eventView #guestMediaPicker{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;margin:17px 0 13px;
}
#eventView #guestMediaPicker .big-upload{
  box-sizing:border-box;display:flex;
  align-items:center;justify-content:center;text-align:center;
  min-width:0;min-height:58px;
  border-radius:14px;font-size:13px;font-weight:750;
  padding:12px;cursor:pointer;
}
#eventView #guestUploadZone .upload-legal,
#eventView #guestUploadZone #guestUploadLimits{
  font-size:11px;line-height:1.55;
}
#eventView #voiceGuestbook{
  background:#f9f4eb;border:1px solid #e5d8c4;
  border-radius:20px;padding:18px;
  margin-top:18px;
}
#eventView #voiceGuestbook .voice-head h3{
  font:600 22px/1.2 Georgia,serif;
  letter-spacing:-.02em;color:var(--p93-ink);
}
#eventView #voiceGuestbook .voice-head p{
  font-size:12px;line-height:1.4;color:var(--p93-muted);
}
#eventView #voiceGuestbook .voice-actions .btn{
  min-height:44px;border-radius:12px;
}
#eventView #guestEvent>.tabs{
  display:flex;gap:8px;margin-block:16px;
}
#eventView #guestEvent>.tabs .btn{
  min-height:44px;border-radius:12px;
  padding:11px 14px;
}
#eventView #guestGalleryCard{
  border:1px solid var(--p93-line);
  border-radius:24px;
  background:#fffdf9;
  box-shadow:0 8px 26px rgba(49,36,18,.045);
  padding:clamp(16px,4vw,24px);
}
#eventView #guestGalleryCard>div:first-child{
  align-items:flex-start!important;
  gap:12px;
}
#eventView #guestGalleryCard>div:first-child b{
  font:600 clamp(24px,5vw,31px)/1.15 Georgia,serif;
  letter-spacing:-.025em;color:var(--p93-ink);
}
#eventView #galleryModeText{
  color:var(--p93-muted);
  line-height:1.5;max-width:410px;
}
#eventView #mediaCount{
  flex:0 0 auto;border:1px solid #e5d8c5;
  background:#f7f0e4;border-radius:999px;
  color:#775f37;font-size:10px;
  min-height:28px;
}
#eventView #emptyGallery{
  border:1px dashed #d9cbb6;
  background:#fbf8f2;border-radius:17px;
  padding:30px 18px;text-align:center;
  color:var(--p93-muted);
}
#eventView #guestEvent .guest-info-bottom{
  margin-top:18px;
  border:1px solid var(--p93-line);
  background:#fffdf9;border-radius:16px;
}
#eventView #guestEvent .guest-info-bottom summary{
  min-height:46px;display:flex;align-items:center;
  padding-inline:16px;cursor:pointer;
}
#eventView #guestEvent .guest-info-bottom summary:focus-visible{
  outline:3px solid #b99155;outline-offset:2px;
}
/* Account and data-rights tools: secondary owner-only pages, never guests. */
#profileView,#dataRightsView,#accountSupportView{
  --p93-paper:#fbf7ef;--p93-line:#e8dcc9;--p93-ink:#332a21;
  background:var(--p93-paper);
}
#profileView>.profile-card,
#dataRightsView>.card,
#accountSupportView>.card{
  background:#fffdfa;border:1px solid var(--p93-line);
  border-radius:23px;box-shadow:0 8px 26px rgba(50,37,20,.05);
  padding:clamp(18px,4.5vw,30px);
}
#profileView .section-title,
#dataRightsView .section-title,
#accountSupportView .section-title{
  font:600 clamp(30px,6vw,39px)/1.12 Georgia,serif;
  letter-spacing:-.035em;color:var(--p93-ink);
}
#profileView .eyebrow,
#dataRightsView .eyebrow,
#accountSupportView .eyebrow{
  color:#98713b;font-size:10px;letter-spacing:.13em;
}
#profileView .profile-identity{
  background:#f8f1e6;border:1px solid #e5d7c1;
  border-radius:14px;padding:15px;overflow-wrap:anywhere;
}
#profileView details.profile-delete{
  border:1px solid #e7dccb;border-radius:14px;
  background:#fffefa;overflow:hidden;
}
#profileView details.profile-delete>summary{
  min-height:49px;box-sizing:border-box;cursor:pointer;
}
#profileView details.profile-delete>summary:focus-visible{
  outline:3px solid #b99155;outline-offset:-3px;
}
#dataRightsView .data-rights-note,
#accountSupportView .support-privacy-note{
  background:#f7f0e4;border:1px solid #e4d5bc;
  border-radius:14px;padding:16px;
  line-height:1.55;
}
#dataRightsView>.card>.card,
#accountSupportView .support-form{
  background:#fffefa;border:1px solid #ebdfcf;
  border-radius:16px;padding:18px;
  box-shadow:none;
}
#dataRightsView h3,
#accountSupportView h3{
  font:600 22px/1.2 Georgia,serif;
  color:var(--p93-ink);
}
#dataRightsView #privacyRequestType,
#dataRightsView #privacyRequestDetails,
#accountSupportView #accountSupportCategory,
#accountSupportView #accountSupportIssue{
  min-height:46px;max-width:100%;box-sizing:border-box;
  border:1px solid #dfd2c0;border-radius:12px;
  background:#fffefb;font-size:14px;
}
#profileView .btn,#dataRightsView .btn,#accountSupportView .btn{
  min-height:44px;border-radius:12px;
}
@media(max-width:760px){
  #eventView #guestUploadZone,#eventView #guestGalleryCard{
    border-radius:19px;padding:16px;
  }
  #eventView #guestUploadZone .guest-memory-head{gap:10px}
  #eventView #guestUploadZone .guest-upload-personalization{padding:14px}
  #eventView #voiceGuestbook{padding:15px}
  #profileView,#dataRightsView,#accountSupportView{
    padding:10px 11px 95px;
  }
  #profileView>.profile-card,#dataRightsView>.card,#accountSupportView>.card{
    border-radius:19px;padding:17px;
  }
}
@media(max-width:390px){
  #eventView #guestMediaPicker{gap:8px}
  #eventView #guestMediaPicker .big-upload{
    padding:10px 6px;font-size:12px;
  }
  #eventView #guestGalleryCard>div:first-child b{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  #eventView #guestUploadZone *,#eventView #guestGalleryCard *{
    scroll-behavior:auto;
  }
}
