/* testbackup — page hommage surprise. Styles scopés (#tb-page / #tb-lock). */
#tb-page,#tb-lock{--gold:#ffcd00;--gold2:#ffe27a;--pink:#ff5cae;--pink2:#ff8fc7;--violet:#c77dff;--violet2:#e0b3ff;--lime:#c6f24e;
  --bg:#0d0712;--text:#f4ecf6;--muted:#c9b8d4;--faint:#8f7d9c;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--glass:rgba(255,255,255,.05);
  font-family:'Space Grotesk',system-ui,sans-serif}
#tb-page *,#tb-lock *{box-sizing:border-box}
#tb-page{position:relative;color:var(--text);overflow:hidden}
#tb-page img,#tb-page video{max-width:100%}
#tb-page .tb-wrap{max-width:1120px;margin:0 auto;padding:0 22px;position:relative;z-index:1}
#tb-page .tb-grad{background:linear-gradient(110deg,var(--pink),var(--violet2) 42%,var(--gold) 82%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tb-shine 6s linear infinite}
@keyframes tb-shine{to{background-position:220% center}}
#tb-fx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0}
/* hero */
#tb-page .tb-hero{text-align:center;padding:70px 0 26px}
#tb-page .tb-pop{opacity:0;transform:translateY(18px) scale(.96);animation:tb-pop .8s cubic-bezier(.2,.9,.25,1.2) forwards}
#tb-page .tb-pop.d1{animation-delay:.1s}#tb-page .tb-pop.d2{animation-delay:.28s}#tb-page .tb-pop.d3{animation-delay:.46s}
@keyframes tb-pop{to{opacity:1;transform:none}}
#tb-page .tb-cake{font-size:62px;filter:drop-shadow(0 8px 22px rgba(255,205,0,.55));animation:tb-bob 4s ease-in-out infinite}
@keyframes tb-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(5deg)}}
#tb-page .tb-ey{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:8px 16px;border-radius:100px;background:var(--glass);border:1px solid var(--line2);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2)}
#tb-page .tb-hero h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(34px,7vw,88px);line-height:.98;letter-spacing:-.02em;margin:18px 0 0;overflow-wrap:break-word;hyphens:auto}
#tb-page .tb-type{display:block;min-height:1.5em;margin-top:16px;font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(17px,2.6vw,26px);color:var(--violet2)}
#tb-page .tb-cur{display:inline-block;width:2px;height:1em;background:var(--pink);margin-left:2px;vertical-align:-2px;animation:tb-blink .8s steps(1) infinite}
@keyframes tb-blink{50%{opacity:0}}
#tb-page .tb-lead{max-width:58ch;margin:20px auto 0;color:var(--muted);font-size:16px;line-height:1.62;overflow-wrap:anywhere}
/* sections */
#tb-page section{padding:46px 0;position:relative;z-index:1}
#tb-page .tb-head{text-align:center;margin-bottom:26px}
#tb-page .tb-eyb{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--pink2)}
#tb-page .tb-head h2{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(26px,4.6vw,42px);margin:10px 0 0}
#tb-page .tb-head p{max-width:54ch;margin:12px auto 0;color:var(--muted);font-size:15px;line-height:1.6}
#tb-page .tb-note{max-width:56ch;margin:22px auto 0;text-align:center;font-size:12.5px;color:var(--faint)}
/* feed */
#tb-page .tb-feed{columns:3;column-gap:18px}
@media(max-width:900px){#tb-page .tb-feed{columns:2}}@media(max-width:600px){#tb-page .tb-feed{columns:1}}
#tb-page .tb-card{break-inside:avoid;margin-bottom:18px;border-radius:18px;overflow:hidden;background:var(--glass);border:1px solid var(--line2);box-shadow:0 12px 30px rgba(0,0,0,.32);transition:transform .2s,box-shadow .2s}
#tb-page .tb-card{border-left:3px solid var(--a,var(--pink))}
#tb-page .tb-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(255,92,174,.18)}
#tb-page .tb-body{padding:16px 18px}
#tb-page .tb-body>*+*{margin-top:12px}
#tb-page .tb-card-text{padding:18px}
#tb-page .tb-msg{font-size:14.5px;line-height:1.62;overflow-wrap:anywhere}
#tb-page .tb-msg p{margin:0 0 10px}#tb-page .tb-msg p:last-child{margin:0}
#tb-page .tb-by{margin-top:12px;display:flex;align-items:center;gap:9px}
#tb-page .tb-av{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;color:#2a0d1e;background:linear-gradient(135deg,var(--a,var(--pink)),var(--gold))}
#tb-page .tb-nm{font-family:'Syne',sans-serif;font-weight:800;font-size:16px;line-height:1.15;margin:0;color:var(--a,var(--pink2))}
#tb-page .tb-rk{font-size:11px;color:var(--faint);margin-top:2px}
/* media */
#tb-page .tb-media{position:relative;display:block}
#tb-page .tb-media img,#tb-page .tb-media video{width:100%;height:auto;display:block;cursor:zoom-in}
/* Lightbox plein écran (photos + vidéos) */
#tb-page .tb-lightbox{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(6,3,10,.94);backdrop-filter:blur(10px)}
#tb-page .tb-lightbox[hidden]{display:none}
#tb-page .tb-lb-content{max-width:96vw;max-height:92vh;display:flex;align-items:center;justify-content:center}
#tb-page .tb-lb-content img,#tb-page .tb-lb-content video{max-width:96vw;max-height:92vh;width:auto;height:auto;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.6);display:block}
#tb-page .tb-lb-x{position:absolute;top:18px;right:22px;width:46px;height:46px;border-radius:50%;cursor:pointer;color:#fff;font-size:28px;line-height:1;background:rgba(255,255,255,.12);border:1px solid var(--line2);z-index:2}
#tb-page .tb-lb-x:hover{background:rgba(255,255,255,.24)}
#tb-page .tb-tape{position:absolute;top:10px;left:12px;z-index:2;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#2a0d1e;font-weight:700;padding:4px 10px;border-radius:100px;background:linear-gradient(135deg,var(--gold),var(--pink))}
#tb-page .tb-cap{padding:11px 14px;font-size:12.5px;color:var(--muted)}
#tb-page .tb-snd{position:absolute;right:12px;bottom:52px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;color:#2a0d1e;font-size:15px;font-weight:700;background:linear-gradient(135deg,var(--gold),var(--pink));box-shadow:0 8px 20px rgba(255,92,174,.4)}
/* vocal */
#tb-page .tb-card-audio{padding:18px;border-left:3px solid var(--a,var(--pink))}
#tb-page .tb-au-player{display:flex;align-items:center;gap:12px}
#tb-page .tb-au-play{width:46px;height:46px;flex:none;border:0;border-radius:50%;cursor:pointer;color:#2a0d1e;display:grid;place-items:center;font-size:16px;background:linear-gradient(135deg,var(--a,var(--pink)),var(--gold));box-shadow:0 8px 20px rgba(255,92,174,.35)}
#tb-page .tb-au-bars{display:flex;align-items:center;gap:3px;height:34px;flex:1;min-width:0}
#tb-page .tb-au-bars span{flex:1;max-width:5px;border-radius:3px;background:var(--a,var(--pink));height:30%;animation:tb-eq 1s ease-in-out infinite;animation-play-state:paused;opacity:.85}
#tb-page .tb-card.playing .tb-au-bars span{animation-play-state:running}
#tb-page .tb-au-bars span:nth-child(3n){animation-delay:.2s}#tb-page .tb-au-bars span:nth-child(3n+1){animation-delay:.45s}#tb-page .tb-au-bars span:nth-child(4n){animation-delay:.65s}
@keyframes tb-eq{0%,100%{height:22%}50%{height:96%}}
#tb-page .tb-au-cap{margin-top:12px;font-size:12.5px;color:var(--muted)}
/* band + foot */
#tb-page .tb-band{margin:44px auto;max-width:1076px}
#tb-page .tb-band-in{border-radius:28px;padding:50px 30px;text-align:center;background:radial-gradient(60% 100% at 50% 0%,rgba(255,205,0,.18),transparent 70%),linear-gradient(135deg,rgba(255,92,174,.15),rgba(199,125,255,.13));border:1px solid var(--line2);box-shadow:0 24px 60px rgba(0,0,0,.4)}
#tb-page .tb-band-in h2{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(24px,4.4vw,38px);margin:0}
#tb-page .tb-band-in p{color:var(--muted);font-size:16px;margin:12px auto 0;max-width:46ch}
#tb-page .tb-foot{text-align:center;color:var(--faint);font-size:12.5px;padding:26px 0 34px}
/* verrou */
#tb-lock{min-height:70vh;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}
#tb-lock .tb-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)}
#tb-lock .tb-lock-ic{font-size:40px}
#tb-lock h2{font-family:'Syne',sans-serif;font-weight:800;font-size:22px;margin:12px 0 4px;letter-spacing:.5px;color:var(--text)}
#tb-lock p{color:var(--muted);font-size:13.5px;line-height:1.55;margin-bottom:18px}
#tb-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}
#tb-lock input:focus{border-color:var(--pink)}
#tb-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:tb-shine 5s linear infinite}
#tb-lock .tb-pwerr{margin-top:10px;font-size:12.5px;color:#ff8fab}
/* responsive */
@media(max-width:600px){
  #tb-page .tb-hero{padding:52px 0 20px}
  #tb-page .tb-hero h1{font-size:clamp(30px,9vw,46px)}
  #tb-page .tb-wrap{padding:0 16px}
  #tb-page section{padding:36px 0}
  #tb-page .tb-band-in{padding:36px 18px}
  #tb-page .tb-snd{bottom:48px;width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){#tb-page .tb-grad,#tb-page .tb-cake,#tb-page .tb-au-bars span{animation:none}}