
:root{--bg:#050505;--panel:#0b0b0d;--text:#f7f7f8;--muted:#a0a0a8;--red:#ef1b24;--line:rgba(255,255,255,.11);--max:1240px;--radius:24px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;background:radial-gradient(circle at 75% 0,rgba(239,27,36,.08),transparent 28%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--max),92vw);margin:auto}.nav{position:fixed;top:0;left:0;right:0;z-index:70;background:linear-gradient(180deg,rgba(5,5,5,.96),rgba(5,5,5,.72),transparent);backdrop-filter:blur(16px)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:950;letter-spacing:.16em;font-size:18px}.brand span{color:var(--red)}.navlinks{display:flex;align-items:center;gap:17px;color:#d4d4d7;font-size:13px}.navlinks a{padding:8px 3px;transition:.2s}.navlinks a:hover,.navlinks a.active{color:#fff}.navlinks a.active:not(.navcta){color:var(--red)}.navcta{border:1px solid rgba(239,27,36,.75)!important;padding:9px 14px!important;border-radius:999px}.navcta.active{background:var(--red);color:#fff!important}.menu{display:none;background:#09090a;color:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 11px}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:150px 0 80px}.hero-media,.hero-media:after{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:contrast(1.05) saturate(.92)}.hero-media:after{content:"";background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 62%,rgba(0,0,0,.55)),linear-gradient(0deg,rgba(5,5,5,.98),transparent 45%,rgba(5,5,5,.2))}.hero-content{position:relative;z-index:1;max-width:900px}.eyebrow,.kicker{font-size:11px;letter-spacing:.23em;text-transform:uppercase;font-weight:900}.eyebrow{color:#ddd}.kicker{color:var(--red)}.hero h1{font-size:clamp(76px,15vw,190px);line-height:.78;letter-spacing:-.075em;margin:20px 0 25px;font-weight:950}.hero h1 span{color:var(--red)}.signature{font-size:clamp(24px,3vw,40px);font-weight:850}.signature small{display:block;margin-top:7px;color:#b4b4b9;font-size:11px;letter-spacing:.24em;text-transform:uppercase}.hero-actions,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--red);border-color:var(--red)}section{padding:110px 0}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.sectionhead h2{font-size:clamp(42px,6vw,78px);line-height:.92;letter-spacing:-.06em;margin:8px 0 0}.sectionhead p{max-width:500px;color:var(--muted);margin:0}.manifesto{font-size:clamp(30px,4.6vw,62px);line-height:1.02;letter-spacing:-.045em;max-width:1050px}.manifesto em{font-style:normal;color:#85858c}.split,.contact-grid,.editz-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.panel,.card,.shootbox{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.panel img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}.copy,.card,.shootbox{padding:32px}.copy h3,.card h3{font-size:clamp(30px,4vw,48px);line-height:.98;letter-spacing:-.045em;margin:8px 0 18px}.copy p,.card p{color:var(--muted);font-size:17px}.chips,.socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.chip,.socials a{border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:12px;color:#ddd}.project-grid,.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project{position:relative;min-height:350px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#151518,#080809)}.project-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.project>*{position:relative;z-index:1}.project .index{font-size:11px;letter-spacing:.2em;color:var(--red);font-weight:900}.project h3{font-size:32px;line-height:1;margin:9px 0}.project p{color:#aaa;margin:0;max-width:360px}.video{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.video-media{position:relative;aspect-ratio:16/10;background:#080809}.video-media video{display:block;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;left:14px;bottom:14px;padding:7px 10px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:11px}.video-body{padding:18px}.video-body h3{margin:0 0 5px;font-size:20px}.video-body p{margin:0;color:var(--muted);font-size:14px}.gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.gallery-card{position:relative;min-height:340px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#080809}.gallery-card img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}.gallery-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent)}.gallery-card figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1}.gallery-card figcaption strong{display:block;font-size:19px}.gallery-card figcaption span{font-size:12px;color:#c3c3c7}.gallery-stack{display:grid;grid-template-rows:1fr 1fr;gap:14px}.empty{padding:34px;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}.ad-slot{margin:28px 0;padding:18px;border:1px dashed rgba(239,27,36,.35);border-radius:18px;text-align:center;color:#7d7d84;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.ad-slot strong{display:block;color:#c8c8cc;font-size:12px;margin-bottom:4px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{width:100%;background:#070708;color:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;outline:none}.field:focus{border-color:rgba(239,27,36,.8)}.field.full{grid-column:1/-1}textarea.field{min-height:120px;resize:vertical}.status{margin-top:11px;font-size:14px;color:#aaa}.status.ok{color:#8ff0a0}.status.err{color:#ff747b}.notice{font-size:12px;color:#777;margin-top:9px}.page-head{padding:170px 0 70px}.page-head h1{font-size:clamp(60px,9vw,120px);line-height:.85;letter-spacing:-.07em;margin:12px 0 20px}.page-head p{max-width:650px;color:var(--muted);font-size:18px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.welcome{width:min(760px,100%);background:#0a0a0c;border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:38px;box-shadow:0 30px 100px rgba(0,0,0,.5)}.welcome .kicker{margin-bottom:8px}.welcome h2{font-size:clamp(36px,6vw,62px);line-height:.95;letter-spacing:-.05em;margin:0 0 14px}.welcome p{color:#b8b8bf;max-width:620px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.choice{padding:24px;border:1px solid var(--line);border-radius:20px;background:#101013;color:#fff;text-align:left}.choice:hover{border-color:rgba(239,27,36,.7);transform:translateY(-2px)}.choice strong{display:block;font-size:21px;margin-bottom:6px}.choice span{display:block;color:#9e9ea5;font-size:13px}.welcome-terms{font-size:11px;color:#707078;margin-top:18px}.welcome-terms a{color:#c9c9cf;text-decoration:underline}.hidden{display:none!important}footer{border-top:1px solid var(--line);padding:42px 0 70px}.footerin{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#8f8f95;font-size:13px}.footerbrand{color:#fff;font-weight:950;letter-spacing:.14em}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.navlinks{display:none;position:absolute;top:68px;left:4vw;right:4vw;background:#0a0a0b;border:1px solid var(--line);border-radius:16px;padding:12px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}.hero{min-height:92svh}.sectionhead{display:block}.sectionhead p{margin-top:18px}.split,.editz-grid,.contact-grid{grid-template-columns:1fr}.project-grid,.video-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.footerin{flex-direction:column;align-items:flex-start}.choice-grid{grid-template-columns:1fr}}@media(max-width:520px){.container{width:min(94vw,var(--max))}.navin{height:68px}.hero{padding-top:115px}.hero-actions .btn{width:100%}.welcome{padding:26px}.page-head{padding-top:125px}.copy,.shootbox,.card{padding:22px}}


/* Navigation + page-opening experience */
.navlinks a{position:relative}
.navlinks a:not(.navcta).active{color:#fff}
.navlinks a:not(.navcta).active:after{content:"";position:absolute;left:50%;bottom:-7px;width:18px;height:2px;border-radius:2px;background:var(--red);box-shadow:0 0 12px rgba(239,27,36,.55);transform:translateX(-50%)}
/* La page d'accueil n'a pas de page active : le bouton Réserver ne doit jamais
   récupérer l'état actif d'un ancien clic ou d'un script de navigation. */
body:not([data-page="reserve"]) .navcta.active{background:transparent;color:#fff}
.navcta:not(.active){background:transparent;color:#fff}
.page-transition{position:fixed;inset:0;z-index:9999;pointer-events:none;background:#050505;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .34s ease,visibility 0s linear .34s}
.page-transition:after{content:"SHALELE";font-weight:950;letter-spacing:.22em;font-size:12px;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .35s var(--ease)}
body.is-leaving .page-transition{opacity:1;visibility:visible;transition:opacity .34s ease,visibility 0s}
body.is-leaving .page-transition:after{opacity:1;transform:none}
body.page-ready main,body.page-ready footer{animation:pageIn .55s var(--ease) both}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.page-transition,.page-transition:after{transition:none!important}body.page-ready main,body.page-ready footer{animation:none}}

/* --- Video experience v2 --- */
.video-head{padding-bottom:36px}.video-search-wrap{position:relative;max-width:720px;margin-top:28px}.video-search-wrap>span{position:absolute;left:15px;top:11px;font-size:24px;color:#888;z-index:2}.video-search-wrap .field{padding-left:45px;min-height:52px;background:#0b0b0d}.video-stage-section{padding-top:20px}.player-shell{width:100%;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#050506;box-shadow:0 24px 80px rgba(0,0,0,.35)}.player-frame{position:relative;display:flex;justify-content:center;align-items:center;min-height:360px;background:#000}.player-frame video{display:block;width:100%;max-height:78vh;aspect-ratio:16/9;object-fit:contain;background:#000}.player-frame.portrait video{width:auto;max-width:100%;height:78vh;aspect-ratio:auto}.player-badge{position:absolute;top:16px;left:16px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,0,0,.7);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.player-empty{padding:70px 30px;text-align:center;color:var(--muted)}.player-locked{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.player-locked>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(5px) brightness(.35);transform:scale(1.04)}.locked-content{position:relative;z-index:1;max-width:560px;padding:30px}.locked-content h2{font-size:clamp(34px,5vw,64px);line-height:.95;margin:14px 0}.locked-content p{color:#c0c0c5}.premium-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(239,27,36,.9);font-size:11px;font-weight:900;letter-spacing:.12em}.video-info{padding:24px 4px 8px}.video-title-row{display:flex;justify-content:space-between;gap:28px;align-items:flex-end}.video-title-row h2{font-size:clamp(32px,5vw,62px);line-height:.95;letter-spacing:-.055em;margin:7px 0 12px}.video-title-row p{color:var(--muted);max-width:780px;margin:0}.video-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;color:#a8a8af;font-size:13px}.video-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.video-actions .btn{min-height:42px}.video-actions .liked{border-color:rgba(239,27,36,.8);color:#ff858a}.video-suggestions-head{display:flex;justify-content:space-between;align-items:end;margin:50px 0 18px}.video-suggestions-head h2{margin:4px 0 0;font-size:clamp(30px,4vw,48px);line-height:.95}.video-suggestions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.video-suggestion{appearance:none;text-align:left;color:#fff;background:#0b0b0d;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:0;cursor:pointer;transition:.2s}.video-suggestion:hover,.video-suggestion.active{transform:translateY(-2px);border-color:rgba(239,27,36,.65)}.suggestion-thumb{position:relative;display:block;aspect-ratio:16/9;background:#111;overflow:hidden}.suggestion-thumb img{width:100%;height:100%;display:block;object-fit:cover}.suggestion-duration,.suggestion-lock{position:absolute;bottom:8px;padding:4px 7px;border-radius:7px;background:rgba(0,0,0,.78);font-size:10px}.suggestion-duration{right:8px}.suggestion-lock{left:8px;color:#fff}.suggestion-text{display:block;padding:12px}.suggestion-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-text small{display:block;color:#8e8e96;margin-top:5px;font-size:11px}.hidden{display:none!important}
@media(max-width:1000px){.video-suggestions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.video-title-row{display:block}.video-actions{justify-content:flex-start;margin-top:18px}.player-frame video{max-height:68vh}.player-frame.portrait video{height:68vh}}
@media(max-width:520px){.player-shell{border-radius:16px}.player-frame{min-height:240px}.player-frame video{max-height:60vh}.player-frame.portrait video{height:60vh}.video-info{padding-top:18px}.video-actions .btn{flex:1}.video-suggestions-head{margin-top:36px}}

/* v3 fan accounts + clearer mobile navigation */
.navlinks a:not(.navcta).active{background:rgba(255,255,255,.045);border-radius:10px}
@media(max-width:850px){.navlinks a:not(.navcta).active{color:#fff;background:rgba(239,27,36,.12);padding-left:12px}.navlinks a:not(.navcta).active:after{left:auto;right:12px;bottom:50%;transform:translateY(50%);width:4px;height:22px;border-radius:3px}.navlinks a.navcta{margin-top:4px;text-align:center}.navlinks a.navcta.active{background:var(--red);color:#fff!important}body:not([data-page="reserve"]) .navlinks a.navcta.active{background:transparent;color:#fff!important;border-color:rgba(239,27,36,.75)!important}}
.video-account{display:flex;justify-content:flex-end;margin-top:18px}.fan-account{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fan-account .btn{min-height:38px;padding:9px 14px}.fan-modal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:18px}.fan-modal.hidden{display:none!important}.fan-modal-card{position:relative;width:min(560px,100%);background:#0a0a0c;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.fan-modal-card h2{font-size:clamp(34px,6vw,52px);line-height:.95;letter-spacing:-.05em;margin:8px 0 12px}.fan-modal-card p{color:#b9b9c0}.fan-modal-close{position:absolute;right:14px;top:12px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#111;color:#fff;font-size:25px;cursor:pointer}.fan-mode{display:flex;gap:8px;margin:20px 0 12px}.fan-mode .btn{flex:1}.fan-mode .btn.active{background:rgba(239,27,36,.16);border-color:rgba(239,27,36,.75)}.fan-submit{width:100%;margin-top:12px}.fan-modal-card .field{margin-top:10px}

/* --- SHALELE fan navigation --- */
.mobile-tabbar{display:none}
.account-head{padding-bottom:50px}.account-section{padding-top:20px}.account-auth{max-width:680px;margin:0 auto}.account-auth h2,.account-profile h2,.account-premium h2{font-size:clamp(32px,5vw,58px);line-height:.95;letter-spacing:-.05em;margin:8px 0 14px}.account-mode{max-width:520px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-profile,.account-premium{position:relative}.account-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#111;border:1px solid var(--line);font-size:28px;font-weight:900;margin:18px 0}.account-profile p,.account-premium p{color:var(--muted)}.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.account-logout{margin-top:24px}.account-meta{color:#bfc0c6;font-size:13px;margin:16px 0 20px}.favorite-video .video-media{overflow:hidden}.favorite-video .video-media img{width:100%;height:100%;display:block;object-fit:cover}.favorite-placeholder{height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;font-size:48px;background:#0d0d10;color:#777}
@media(max-width:850px){
  body{padding-bottom:76px}
  .mobile-tabbar{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:68px;z-index:160;background:rgba(7,7,8,.96);border-top:1px solid rgba(255,255,255,.11);backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -12px 35px rgba(0,0,0,.28)}
  .mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8f8f96;font-size:10px;font-weight:800;letter-spacing:.02em;transition:.18s}
  .mobile-tab-icon{font-size:21px;line-height:1;font-weight:900}
  .mobile-tab.active{color:#fff}.mobile-tab.active .mobile-tab-icon{color:var(--red);transform:scale(1.05)}
  .account-grid{grid-template-columns:1fr}
  .account-actions .btn{flex:1}
}
@media(max-width:520px){.account-auth{padding:22px}.account-actions .btn{width:100%}}

.video-actions .favorited{border-color:rgba(239,27,36,.8);color:#ff858a}.project-video-link{color:inherit;text-decoration:none}.project-video-link:hover{color:var(--red)}.home-shooting-grid{grid-template-columns:repeat(4,1fr)}.home-shooting-grid .gallery-card{min-width:0}

/* --- Video comments + balanced suggestions --- */
.video-comments-section{margin-top:56px;padding-top:34px;border-top:1px solid var(--line)}
.video-comments-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.video-comments-head h2{font-size:clamp(30px,4vw,48px);line-height:.95;margin:4px 0 10px}
.video-comments-head p{margin:0;color:var(--muted);max-width:760px}
.comment-composer{padding:20px;border:1px solid var(--line);border-radius:20px;background:#0b0b0d;margin-bottom:18px}
.comment-composer-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px}
.comment-composer .field{width:100%;box-sizing:border-box;margin:0}
.comment-composer textarea{resize:vertical;min-height:92px}
.comment-composer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.comment-composer-actions .btn{min-width:220px}
.comments-list{display:grid;gap:10px}
.comment-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:#0b0b0d}
.comment-card.comment-admin{border-color:rgba(239,27,36,.4);background:linear-gradient(180deg,rgba(239,27,36,.055),#0b0b0d)}
.comment-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.comment-head strong{font-size:15px}.comment-head time{font-size:11px;color:#85858c;margin-left:auto}
.comment-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:#d5d5da;line-height:1.55;margin:10px 0}
.comment-admin-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:rgba(239,27,36,.14);border:1px solid rgba(239,27,36,.5);color:#ff8b90;font-size:9px;font-weight:900;letter-spacing:.08em}
.comment-actions{display:flex;gap:8px}.comment-reply{border:0;background:transparent;color:#aaa;cursor:pointer;padding:4px 0;font:inherit;font-size:12px}.comment-reply:hover{color:#fff}
.comment-replies{display:grid;gap:10px;margin:12px 0 0 28px;padding-left:14px;border-left:1px solid rgba(255,255,255,.12)}
.comment-replies .comment-card{background:#0a0a0c}
.status{margin-top:10px;font-size:12px;color:#aaa}.status.ok{color:#8fe0a4}.status.err{color:#ff8b90}
.video-suggestions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.video-suggestion{min-width:0}.suggestion-text{min-height:74px}
@media(max-width:700px){.comment-composer-grid{grid-template-columns:1fr}.comment-composer-actions{align-items:stretch;flex-direction:column}.comment-composer-actions .btn{width:100%;min-width:0}.video-comments-head{align-items:flex-start;flex-direction:column}.comment-head time{margin-left:0}.comment-replies{margin-left:12px;padding-left:10px}}
@media(max-width:520px){.video-suggestions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.suggestion-text{min-height:0}.comment-composer{padding:16px;border-radius:16px}}

/* Fan profile, points and authenticated comments */
.comment-account{display:flex;align-items:center;min-height:48px}.comment-user{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#ddd}.comment-user span{font-size:11px;color:#8e8e96}.account-profile-photo{display:flex;align-items:center;gap:14px;margin:16px 0 20px}.account-avatar{overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover;display:block}.account-points{font-size:44px;font-weight:900;letter-spacing:-.04em}.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.account-stat{padding:14px;border:1px solid var(--line);border-radius:16px;background:#0b0b0d}.account-stat strong{display:block;font-size:25px}.account-stat span{display:block;margin-top:5px;color:#8e8e96;font-size:11px}.profile-photo-input{display:none}.profile-photo-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-photo-preview{width:96px;height:96px;border-radius:50%;border:1px solid var(--line);background:#111;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.account-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}@media(max-width:700px){.account-stat-grid{grid-template-columns:repeat(2,1fr)}.account-edit-grid{grid-template-columns:1fr}}

.comment-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;background:#151519;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-head strong{margin-left:2px}

.fan-admin-row{display:flex;align-items:center;gap:10px}.fan-admin-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#111;display:flex;align-items:center;justify-content:center;font-weight:900}.fan-admin-initial{font-size:14px}

/* Admin comment identity: same official SHALELE portrait as the home hero. */
.comment-admin-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;background:#151519;border:1px solid rgba(239,27,36,.5);display:flex;align-items:center;justify-content:center}.comment-admin-avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* FINAL VIDEO COMMENTS UI — Instagram-inspired interaction without copying Instagram. */
.video-meta-comment{appearance:none;border:0;background:transparent;color:#a8a8af;padding:0;cursor:pointer;font:inherit;font-size:13px}.video-meta-comment:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.video-suggestions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.video-suggestion{min-width:0}.suggestion-text small{line-height:1.35}
.comments-modal{position:fixed;inset:0;z-index:320;background:rgba(0,0,0,.84);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:18px}.comments-modal.hidden{display:none!important}.comments-modal-card{width:min(760px,100%);max-height:min(88svh,900px);overflow:auto;background:#0a0a0c;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.6)}.comments-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.comments-modal-head h2{font-size:clamp(32px,5vw,52px);line-height:.95;letter-spacing:-.05em;margin:6px 0}.comments-modal-close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#111;color:#fff;font-size:25px;cursor:pointer;flex:0 0 auto}.comments-modal .comment-composer{margin:18px 0;padding:18px}.comments-modal .comment-composer .field{margin-top:12px}.comment-compose-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.comments-modal .comment-reply{font-weight:700}.comments-modal .comment-card{background:#0b0b0d}.comments-modal .comment-admin{border-color:rgba(239,27,36,.5)}
@media(max-width:520px){.video-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.comments-modal{padding:8px}.comments-modal-card{max-height:94svh;border-radius:18px;padding:16px}.comments-modal .comment-composer{padding:14px}.comment-compose-buttons{justify-content:stretch}.comment-compose-buttons .btn{flex:1}.video-meta-comment{font-size:12px}}

/* FINAL ADMIN BALANCE — two-column management remains compact and aligned. */
.admin-fan-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:16px 18px;border:1px solid rgba(239,27,36,.35);border-radius:16px;background:rgba(239,27,36,.055)}.admin-fan-total strong{font-size:28px;line-height:1}.admin-fan-total span{color:#a8a8af;font-size:12px}.admin-duo-grid,.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-window-card{overflow:hidden}.admin-window-card b,.admin-window-card span{word-break:normal;overflow-wrap:anywhere}.admin-window{scroll-margin-top:90px}.admin-comment-compose{overflow:hidden}.admin-comment-row{min-width:0}.admin-comment-row>div{min-width:0}
@media(max-width:560px){.admin-panel,.admin-window{padding:16px}.admin-duo-grid,.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.admin-duo-grid>div,#adminWindowVideos .admin-form-grid>div{padding:13px}.admin-comment-compose{padding:14px}.admin-comment-row{grid-template-columns:minmax(0,1fr)!important}.admin-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-window-card{padding:12px}.admin-window-card b{font-size:14px}.admin-window-card span{font-size:10px}.admin-fan-total{padding:13px 14px}.admin-fan-total strong{font-size:24px}}
