#witness-account-dialog{position:fixed;inset:0;margin:auto;border:0;padding:0;background:transparent;color:#fff;max-width:min(96vw,750px);max-height:96dvh;overflow:auto;box-shadow:none}
#witness-account-dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(4px)}
.witness-auth-art{position:relative;width:min(94vw,700px);aspect-ratio:1199/1312;background:url('witness-signin-approved.webp') center/100% 100% no-repeat;isolation:isolate}
.auth-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.auth-close{position:absolute;right:5%;top:3%;z-index:10;width:5%;min-width:30px;aspect-ratio:1;border:1px solid #ffdf83;border-radius:50%;background:#090909;color:#fff;font-size:22px;cursor:pointer}
/* Cover ONLY the printed heading and sentence; never move the original artwork or its gold borders */
.auth-welcome-chrome{position:absolute;left:18.2%;top:24.2%;width:63.6%;height:6.6%;display:flex;align-items:center;justify-content:center;z-index:2;background:#080706;font-family:Georgia,'Times New Roman',serif;font-weight:900;font-size:clamp(22px,5.1vw,53px);letter-spacing:.012em;white-space:nowrap;color:transparent;background-image:linear-gradient(#080706,#080706),linear-gradient(180deg,#fff 0%,#c6d0dd 16%,#414955 30%,#fff 43%,#8c9ba9 52%,#1d2530 64%,#edf4ff 76%,#687481 89%,#fff 100%);background-clip:padding-box,text;-webkit-background-clip:padding-box,text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #cbd5e0;filter:drop-shadow(0 0 5px #cbd9ec88)}
.auth-benefits{position:absolute;top:30.7%;left:15%;width:70%;height:3.7%;z-index:2;background:#080706;display:flex;align-items:center;justify-content:center;gap:.28em;font-family:Georgia,'Times New Roman',serif;font-size:clamp(9px,1.75vw,17px);color:#fff3df;white-space:nowrap}
.auth-benefits span{display:inline;color:#ffce41;font-weight:800;text-shadow:0 0 5px #ffb93166}
/* Original field outlines: email x20-80%, y45.6-49.7%; password y53.9-58.0%.
   Inputs are borderless and transparent so no duplicate rectangles appear. */
.auth-form{display:contents}
.witness-auth-art input:not([type=checkbox]){position:absolute;left:21%;width:58%;height:3.35%;box-sizing:border-box;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#fff;font:clamp(12px,1.9vw,17px) Arial,sans-serif;padding:0 8px;z-index:4}
#witness-email{top:46.1%}
#witness-password{top:54.45%;padding-right:37px}
.witness-auth-art input:not([type=checkbox]):focus{box-shadow:inset 0 -2px 0 #f7c34d!important}
.auth-password-wrap{display:contents}
.auth-eye{position:absolute;left:73%;top:54.45%;height:3.35%;width:6%;border:0;background:transparent;color:#ffdb54;z-index:5;cursor:pointer;font-size:clamp(14px,2vw,22px)}
/* Button hit areas trace the EXISTING artwork borders, no translated cursor boxes */
.witness-auth-art .auth-click{position:absolute;display:block;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;cursor:pointer;box-sizing:border-box}
.witness-auth-art .auth-click:hover,.witness-auth-art .auth-click:focus-visible{outline:1.5px solid #ffedb5!important;outline-offset:0!important;box-shadow:0 0 9px 2px #ffcf5480!important}
.auth-signin{left:20%;top:60.1%;width:60%;height:5.3%;border-radius:9px}
.auth-forgot{left:40%;top:66.1%;width:20%;height:3.2%;border-radius:4px}
.auth-create{left:17.5%;top:77.2%;width:65%;height:7.2%;border-radius:12px}
.auth-guest{left:28.8%;top:88.5%;width:42.4%;height:5.8%;border-radius:10px}
.auth-remember{position:absolute;left:21%;top:58.1%;z-index:6;display:flex;align-items:center;gap:5px;color:#f9e1a4;background:#090909ee;font:clamp(9px,1.3vw,12px) Arial,sans-serif;padding:2px 5px;border-radius:4px;cursor:pointer}
.auth-remember input{width:14px;height:14px;accent-color:#e5af34;margin:0}
.auth-status{position:absolute;top:70%;left:17%;width:66%;z-index:8;text-align:center;background:#080808ee;color:#fff2c8;font:clamp(10px,1.6vw,14px) Arial,sans-serif;border-radius:4px}
.auth-status:empty{display:none}
@media(max-width:500px){.auth-welcome-chrome{font-size:clamp(19px,5vw,30px)}.auth-benefits{font-size:clamp(8px,2vw,11px)}.auth-remember{font-size:9px}}

/* FINAL AUTH ALIGNMENT: coordinates measured from approved 1169 x 1312 artwork.
   Cover printed placeholder lettering INSIDE the original border. */
.witness-auth-art input:not([type=checkbox]) {
  left:20.9%!important;width:58.3%!important;height:3.15%!important;
  padding:0 13px!important;border:0!important;border-radius:2px!important;
  background:#19191b!important;color:#fff!important;box-shadow:none!important;
  font-size:clamp(12px,1.7vw,17px)!important;letter-spacing:normal!important;
}
#witness-email{top:44.95%!important}
#witness-password{top:53.2%!important;padding-right:46px!important}
.witness-auth-art input:not([type=checkbox])::placeholder{color:#b8b8bd;opacity:1}
/* The gold eye is printed on the original artwork. One invisible click target, not a second eye. */
.auth-eye{left:74.8%!important;top:53.2%!important;width:4.3%!important;height:3.15%!important;
  background:transparent!important;color:transparent!important;font-size:0!important;
  border:0!important;box-shadow:none!important;outline:0!important;z-index:8}
.auth-eye:focus-visible{outline:1px solid #ffe59a!important;border-radius:50%}
/* Move Remember Me into the narrow gap, never on top of the sign-in button. */
.auth-remember{left:20.5%!important;top:57.0%!important;padding:0 3px!important;
 font-size:clamp(9px,1.1vw,11px)!important;line-height:1.15!important;z-index:8}
.auth-remember input{height:12px!important;width:12px!important}
/* Chrome matches the actual W emblem: sharp polished light/dark metallic facets. */
.auth-welcome-chrome{background:#050505!important;background-image:linear-gradient(180deg,#fff 0%,#eef5ff 12%,#8c939c 21%,#242933 33%,#f8fdff 43%,#ffffff 49%,#778391 55%,#11151e 64%,#b6c2d0 73%,#fff 80%,#515b66 90%,#e5f0ff 100%)!important;
 -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
 -webkit-text-stroke:.55px #f2f7ff!important;text-shadow:none!important;
 filter:drop-shadow(0 2px 1px #06080c) drop-shadow(0 0 4px #e8f3ff90)!important}
/* The visual hit boxes precisely cover the original button artwork, with no offset. */
.auth-signin{left:20%!important;top:58.6%!important;width:60%!important;height:5.0%!important;border-radius:9px!important}
.auth-create{left:17.6%!important;top:75.1%!important;width:64.9%!important;height:7.2%!important;border-radius:14px!important}
.auth-guest{left:28.5%!important;top:86.2%!important;width:43%!important;height:5.6%!important;border-radius:11px!important}
.auth-forgot{left:40%!important;top:64.8%!important;width:20%!important;height:3.1%!important}
/* Reflection sweep is confined to the real button borders. */
.auth-signin,.auth-guest{overflow:hidden!important;isolation:isolate}
.auth-signin::after,.auth-guest::after{content:'';position:absolute;inset:-45% auto -45% -50%;width:32%;transform:skewX(-25deg);
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.52),rgba(255,255,255,.07),transparent);
 pointer-events:none;animation:witness-auth-shine 4.8s ease-in-out infinite}
.auth-guest::after{animation-delay:1.6s}
@keyframes witness-auth-shine{0%,15%{left:-50%}55%,100%{left:125%}}
@media(prefers-reduced-motion:reduce){.auth-signin::after,.auth-guest::after{animation:none;display:none}}