/* hiddengallery — galerie privée. Styles scopés (#hg-page / #hg-lock). */
#hg-page,#hg-lock{--gold:#ffcd00;--gold2:#ffe27a;--pink:#ff5cae;--pink2:#ff8fc7;--violet:#c77dff;--violet2:#e0b3ff;
  --bg:#0d0712;--text:#f4ecf6;--muted:#c9b8d4;--faint:#8f7d9c;--line2:rgba(255,255,255,.14);--glass:rgba(255,255,255,.05);
  font-family:'Space Grotesk',system-ui,sans-serif;color:var(--text)}
#hg-page *,#hg-lock *{box-sizing:border-box}
#hg-page{position:relative}
#hg-page img,#hg-page video{max-width:100%}
#hg-page .hg-wrap{max-width:1180px;margin:0 auto;padding:30px 20px 60px}
#hg-page .hg-grad{background:linear-gradient(110deg,var(--pink),var(--violet2) 45%,var(--gold));background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hg-shine 6s linear infinite}
@keyframes hg-shine{to{background-position:220% center}}
#hg-page .hg-head{text-align:center;margin-bottom:28px}
#hg-page .hg-eyb{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--pink2)}
#hg-page .hg-head h2{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(26px,4.6vw,42px);margin:10px 0 0}
#hg-page .hg-head p{color:var(--muted);font-size:13.5px;margin:8px 0 0}
#hg-page .hg-note{text-align:center;color:var(--muted);font-size:14px;padding:36px 0}
/* grille masonry (photos/vidéos/audios mélangés, sans recadrage) */
#hg-page .hg-grid{columns:3;column-gap:16px}
@media(max-width:900px){#hg-page .hg-grid{columns:2}}@media(max-width:560px){#hg-page .hg-grid{columns:1}}
#hg-page .hg-item{break-inside:avoid;margin:0 0 16px;border-radius:16px;overflow:hidden;background:var(--glass);border:1px solid var(--line2);box-shadow:0 12px 30px rgba(0,0,0,.32)}
#hg-page .hg-item .hg-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
#hg-page .hg-item img,#hg-page .hg-item video{width:100%;height:auto;display:block}
#hg-page .hg-audio{display:flex;align-items:center;gap:12px;padding:16px}
#hg-page .hg-audio-ic{font-size:26px;flex:none}
#hg-page .hg-audio audio{width:100%}
#hg-page .hg-item figcaption{padding:10px 14px;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
/* lightbox */
#hg-page .hg-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(8,4,12,.92);backdrop-filter:blur(10px);padding:26px}
#hg-page .hg-lightbox[hidden]{display:none}
#hg-page .hg-lightbox img{max-width:min(94vw,1100px);max-height:90vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
#hg-page .hg-lb-x{position:absolute;top:18px;right:22px;width:44px;height:44px;border-radius:50%;cursor:pointer;color:#fff;font-size:26px;line-height:1;background:rgba(255,255,255,.1);border:1px solid var(--line2)}
#hg-page .hg-lb-x:hover{background:rgba(255,255,255,.2)}
/* verrou */
#hg-lock{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(60% 60% at 50% 30%,rgba(199,125,255,.16),transparent 70%),#0b0710;border-radius:20px}
#hg-lock .hg-lock-card{width:100%;max-width:380px;text-align:center;padding:30px 26px;border-radius:22px;background:var(--glass);border:1px solid var(--line2);box-shadow:0 24px 60px rgba(0,0,0,.5)}
#hg-lock .hg-lock-ic{font-size:40px}
#hg-lock h2{font-family:'Syne',sans-serif;font-weight:800;font-size:22px;margin:12px 0 4px;color:var(--text)}
#hg-lock p{color:var(--muted);font-size:13.5px;line-height:1.55;margin-bottom:18px}
#hg-lock input{width:100%;padding:13px 16px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line2);color:var(--text);font-size:15px;text-align:center;outline:none}
#hg-lock input:focus{border-color:var(--pink)}
#hg-lock button{width:100%;margin-top:12px;padding:14px;border:0;border-radius:12px;cursor:pointer;font-family:'Syne',sans-serif;font-weight:700;font-size:15px;color:#2a0d1e;background:linear-gradient(135deg,var(--gold),var(--pink),var(--violet));background-size:200% auto;animation:hg-shine 5s linear infinite}
#hg-lock .hg-pwerr{margin-top:10px;font-size:12.5px;color:#ff8fab}