/* V371.18 -- Visual enhancement only. All operational/permission JS remains in the existing build. */
:root{--cin18-gold:#edc66a;--cin18-rich:#ab751f;--cin18-surface:#06121e;--cin18-line:rgba(245,200,104,.38)}

/* Opening storyboard -- exact original logo asset, no redraw or branding modification. */
#divaCinema18{position:fixed;inset:0;z-index:2147483600;overflow:hidden;background:#020406;color:#ffe4a4;isolation:isolate;font-family:Inter,"Segoe UI",Arial,sans-serif;transition:opacity .85s ease,visibility .85s ease}
#divaCinema18.cin18-finished{opacity:0;visibility:hidden;pointer-events:none}
#divaCinema18 .cin18-scene{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 1.05s ease}
#divaCinema18 .cin18-scene.cin18-visible{opacity:1}
#divaCinema18 .cin18-scene-logo{background:radial-gradient(ellipse at 50% 66%,#1d160b 0,#060606 38%,#000 78%)}
#divaCinema18 .cin18-scene-logo:before{content:"";position:absolute;inset:0;opacity:.52;background:radial-gradient(circle at 8% 58%,#e1a84d90 0 1px,transparent 3px),radial-gradient(circle at 84% 16%,#f6db9490 0 1px,transparent 4px),radial-gradient(circle at 22% 18%,#e1a84d90 0 1px,transparent 3px),radial-gradient(circle at 94% 72%,#f6db9490 0 1px,transparent 3px);background-size:116px 124px;animation:cin18-stars 8s linear infinite}
#divaCinema18 .cin18-scene-logo:after{content:"";position:absolute;top:47%;left:-15%;width:130%;height:2px;background:linear-gradient(90deg,transparent,rgba(251,226,157,.2),#ffe9aa,rgba(251,226,157,.2),transparent);box-shadow:0 0 12px 2px #d8a44f9c,0 0 80px 14px #b17a2590;transform:scaleX(0);animation:cin18-flash 2.4s ease-in-out .22s both}
#divaCinema18 .cin18-identity{position:relative;z-index:2;width:min(370px,72vw);display:grid;justify-items:center;text-align:center;gap:12px;margin-top:-15px}
#divaCinema18 .cin18-logo-frame{width:min(255px,43vw);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 24px rgba(214,154,53,.25));animation:cin18-logo-rise 1.85s cubic-bezier(.18,.8,.24,1) both}
#divaCinema18 .cin18-logo-frame img{width:100%;height:100%;object-fit:contain;display:block}
#divaCinema18 .cin18-identity strong{font-size:clamp(20px,2.7vw,35px);line-height:1.1;letter-spacing:.22em;color:#f4d891;white-space:nowrap;font-weight:750;text-shadow:0 0 23px #b0834257;animation:cin18-logo-rise 1.6s .25s both}
#divaCinema18 .cin18-progress-label{font-size:10px;font-weight:800;letter-spacing:.34em;color:#eccd91;margin-top:8px;white-space:nowrap}
#divaCinema18 .cin18-progress{display:block;height:4px;border-radius:999px;background:rgba(245,222,177,.17);width:min(260px,70vw);overflow:hidden;margin:8px auto 0;box-shadow:0 0 10px rgba(217,172,97,.17)}
#divaCinema18 .cin18-progress>span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#b07723,#ffeab0,#d49c3e);transform:translateX(-100%);animation:cin18-load 3s linear forwards}
#divaCinema18 .cin18-sweep{position:absolute;top:46%;height:130px;width:80vw;max-width:700px;pointer-events:none;opacity:.8;filter:blur(.35px);border-radius:50%;border-top:2px solid rgba(255,220,147,.68);box-shadow:0 -8px 34px #d08f358a;animation:cin18-swish 3s .35s both}
#divaCinema18 .cin18-sweep.left{left:-36%;transform:rotate(-8deg)}
#divaCinema18 .cin18-sweep.right{right:-36%;transform:rotate(8deg)}
#divaCinema18 .cin18-scene-building{background:#07101a}
#divaCinema18 .cin18-building-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.085);transition:transform 4s ease}
#divaCinema18 .cin18-visible .cin18-building-bg{transform:scale(1)}
#divaCinema18 .cin18-scene-building:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,14,.48),transparent 50%,rgba(1,7,14,.17)),linear-gradient(0deg,rgba(1,8,14,.85),transparent 35%,rgba(0,0,0,.11))}
#divaCinema18 .cin18-building-message{position:absolute;z-index:2;right:clamp(22px,6vw,115px);top:clamp(18%,27%,34%);display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:13px;max-width:340px;text-shadow:0 2px 14px #000b}
#divaCinema18 .cin18-building-message small{font-weight:800;letter-spacing:.38em;font-size:11px;color:#fff7e6}
#divaCinema18 .cin18-building-message strong{font-size:clamp(23px,3.6vw,47px);letter-spacing:.08em;color:#fff0c4;line-height:1.13}
#divaCinema18 .cin18-building-message em{font-style:normal;letter-spacing:.25em;font-size:9px;line-height:2;color:#fff}
#divaCinema18 .cin18-scene-footer{position:absolute;z-index:4;left:4%;right:4%;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.2em;color:#f5dfa6;text-shadow:0 1px 5px #000}
#divaCinema18 .cin18-scene-footer b{font-weight:800;white-space:nowrap}
#divaCinema18 .cin18-skip{position:absolute;z-index:6;top:20px;right:24px;border:1px solid rgba(240,198,109,.56);border-radius:999px;padding:9px 15px;background:rgba(2,8,13,.64);color:#f9d887;font-size:12px;font-weight:800;cursor:pointer;backdrop-filter:blur(6px)}
#divaCinema18 .cin18-skip:hover{background:rgba(105,70,21,.62)}
@keyframes cin18-stars{to{background-position:228px -150px}}
@keyframes cin18-flash{0%{transform:scaleX(0);opacity:0}40%{transform:scaleX(.94);opacity:1}100%{transform:scaleX(1.14);opacity:.07}}
@keyframes cin18-logo-rise{from{opacity:0;transform:translateY(30px) scale(.87);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes cin18-load{to{transform:translateX(0)}}
@keyframes cin18-swish{from{opacity:0;filter:blur(15px)}55%{opacity:1;filter:blur(1px)}to{opacity:.05;filter:blur(6px)}}

/* Auth panel sits on supplied warehouse sunset. The existing form and Supabase logic are untouched. */
#authOverlay:not(.hidden){background:linear-gradient(95deg,rgba(0,6,13,.20),rgba(0,8,16,.17)),url('/assets/diva-warehouse-sunset-v37118.webp') center center/cover no-repeat!important;overflow:auto!important;isolation:isolate;animation:cin18-fade-in 1s both}
#authOverlay:not(.hidden):before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(1,9,19,.85),transparent 32%,rgba(1,10,19,.18) 80%),linear-gradient(90deg,rgba(1,9,17,.26),transparent 42%,rgba(2,9,18,.16));pointer-events:none}
#authOverlay .cin18-login-masthead{position:absolute;left:clamp(18px,3vw,44px);top:clamp(14px,2.5vw,32px);display:flex;align-items:center;gap:12px;z-index:2;color:#eac36c}
#authOverlay .cin18-login-masthead img{width:62px;height:62px;object-fit:contain;box-shadow:0 3px 18px #0009}
#authOverlay .cin18-login-masthead strong{display:block;font-size:17px;font-weight:900;letter-spacing:.04em;line-height:1.1;color:#f7cc64}
#authOverlay .cin18-login-masthead small{display:block;font-size:10px;letter-spacing:.22em;color:#fff9e7;margin-top:5px}
#authOverlay .cin18-login-tagline{position:absolute;top:clamp(24px,4vw,46px);right:clamp(15px,3vw,40px);z-index:2;color:#fff1c9;letter-spacing:.2em;font-size:9px;font-weight:750;line-height:1.5;text-align:right;text-shadow:0 2px 10px #000}
#authOverlay .auth-card{width:min(448px,100%)!important;max-width:448px!important;background:linear-gradient(155deg,rgba(2,10,19,.95),rgba(3,10,18,.88))!important;border:1px solid #d8ab54!important;border-radius:17px!important;padding:clamp(25px,3vw,38px)!important;box-shadow:0 32px 90px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,240,182,.12),0 0 40px rgba(248,197,103,.14)!important;backdrop-filter:blur(22px) saturate(145%)!important;animation:cin18-login-rise .85s ease both;transform-origin:center}
#authOverlay .auth-brand{display:none!important}
#authOverlay .cin18-auth-kicker{display:block;text-align:center;font-size:9px;font-weight:850;letter-spacing:.34em;color:#d9b268;margin-bottom:11px}
#authOverlay .auth-card h1{color:#f8d179!important;text-align:center!important;font-size:clamp(29px,3vw,37px)!important;line-height:1.2!important;font-weight:850!important;margin:0 0 9px!important;letter-spacing:-.02em}
#authOverlay .auth-card>p{color:#e6e1d8!important;text-align:center!important;font-size:12px!important;line-height:1.6!important;margin:0 0 27px!important}
#authOverlay #authForm{display:flex;flex-direction:column;gap:12px}
#authOverlay .auth-field{margin:0!important}
#authOverlay .auth-field label{display:block!important;text-align:left;color:#edd6a5!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important;margin-bottom:6px!important}
#authOverlay .auth-field input{display:block!important;width:100%!important;min-height:49px!important;height:49px!important;border:1px solid rgba(193,157,106,.4)!important;border-radius:9px!important;padding:12px 13px!important;background:rgba(9,18,30,.94)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important;font-size:14px!important}
#authOverlay .auth-field input:focus{border-color:#f4ce75!important;box-shadow:0 0 0 3px rgba(251,209,116,.13)!important;outline:0!important}
#authOverlay #authSubmit{margin:7px 0 0!important;min-height:50px!important;height:50px!important;width:100%!important;border-radius:9px!important;border:1px solid #f2d996!important;background:linear-gradient(100deg,#b78131 0%,#ffe5a1 50%,#d3a052 100%)!important;box-shadow:0 6px 25px rgba(255,208,104,.2),inset 0 1px rgba(255,255,255,.55)!important;color:#171410!important;font-size:14px!important;font-weight:900!important;letter-spacing:.03em!important;cursor:pointer}
#authOverlay #authSubmit:hover{filter:brightness(1.06)}
#authOverlay #authSubmit:disabled{cursor:wait;opacity:.65}
#authOverlay .auth-msg{min-height:16px!important;font-size:12px!important;text-align:center}
#authOverlay .cin18-login-footer{position:absolute;bottom:clamp(16px,3vw,32px);right:clamp(18px,3vw,45px);font-size:11px;color:#fff8ec;line-height:1.5;text-align:right;text-shadow:0 2px 8px #000d;display:flex;gap:8px;align-items:center}
#authOverlay .cin18-lock-mark{font-size:18px;color:#eec56f}
@keyframes cin18-login-rise{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes cin18-fade-in{from{opacity:0}to{opacity:1}}

/* Mobile: only login/splash rules from reference. */
@media(max-width:650px){
  #divaCinema18 .cin18-identity{gap:10px}
  #divaCinema18 .cin18-logo-frame{width:205px}
  #divaCinema18 .cin18-identity strong{letter-spacing:.13em;font-size:21px}
  #divaCinema18 .cin18-building-message{right:20px;top:auto;bottom:24%;max-width:225px}
  #divaCinema18 .cin18-building-message strong{font-size:27px}
  #divaCinema18 .cin18-scene-footer{bottom:19px;font-size:8px;letter-spacing:.08em}
  #authOverlay:not(.hidden){padding:124px 16px 90px!important;align-items:center!important;min-height:100dvh!important}
  #authOverlay .cin18-login-masthead{top:12px;left:16px}
  #authOverlay .cin18-login-masthead img{height:47px;width:47px}
  #authOverlay .cin18-login-masthead strong{font-size:14px}
  #authOverlay .cin18-login-masthead small{font-size:8px}
  #authOverlay .cin18-login-tagline{top:78px;right:14px;left:14px;text-align:center;font-size:8px;letter-spacing:.12em}
  #authOverlay .auth-card{padding:25px 21px!important;max-width:400px!important}
  #authOverlay .cin18-login-footer{font-size:9px;left:12px;right:12px;justify-content:center;text-align:center;bottom:16px}
}

/* Scope cinematic opening to the login experience: never cover an authenticated app. */
#divaCinema18{display:none}
#divaCinema18.cin18-login-active{display:block}
@media(prefers-reduced-motion:reduce){
  #divaCinema18,#divaCinema18 *{animation:none!important;transition:none!important}
  #divaCinema18 .cin18-scene-building .cin18-building-bg{transform:none!important}
}