/* Auth-only blue glass treatment. Geometry and other dialogs stay scoped. */
#modalAuth .reference-scene { animation: none; }
#modalAuth .reference-card {
  padding: calc(40px * var(--u)) calc(40px * var(--u)) calc(24px * var(--u));
  color: #f6f8fc;
}
#modalAuth .reference-heading { position: static; }
#modalAuth .reference-heading h1 {
  font-size: calc(24px * var(--u)); line-height: 1.12;
  letter-spacing: calc(-0.65px * var(--u)); font-weight: 750;
}
#modalAuth .reference-heading em { color: #ffdf16; text-shadow: 0 0 18px #ffe32918; }
#modalAuth .reference-heading p {
  margin-top: calc(5px * var(--u)); color: #9cb4d5;
  font-size: calc(9px * var(--u)); line-height: 1.4;
}
#modalAuth .reference-form {
  position: static; width: 100%; margin-top: calc(16px * var(--u));
}
#modalAuth .reference-fields { gap: calc(10px * var(--u)); }
#modalAuth .reference-field label {
  height: auto; margin-bottom: calc(5px * var(--u));
  color: #f1f5fc; font-size: calc(8.5px * var(--u)); line-height: 1.25; font-weight: 600;
}
#modalAuth .reference-input {
  box-sizing: border-box; position: relative; height: calc(28px * var(--u));
  padding: 0 calc(8px * var(--u)); gap: calc(8px * var(--u));
  color: #b8cdec; border: calc(0.65px * var(--u)) solid #91acca;
  border-radius: calc(7px * var(--u));
  background: linear-gradient(120deg, #26394fd9, #152234c9 60%, #25364bcc);
  box-shadow: inset 0 1px 1px #deedff1a, 0 0 calc(8px * var(--u)) #92b8e30b;
}
#modalAuth .reference-input::before {
  background: linear-gradient(105deg, #a4c8f480, transparent 27%, #fff7ae9c 50%, transparent 72%, #a1c4ed8f);
  filter: none; pointer-events: none;
}
#modalAuth .reference-input > i {
  display: grid; place-items: center; flex: 0 0 calc(18px * var(--u));
  height: 65%; padding-right: calc(7px * var(--u));
  border-right: 1px solid #8ba9cc70; color: #bfd2ef;
}
#modalAuth .reference-input input {
  height: 100% !important; min-width: 0; width: 0; flex: 1;
  padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; outline: none;
  color: #edf4ff; font: inherit; font-size: calc(8.5px * var(--u)); text-align: left;
}
#modalAuth .reference-input input::placeholder { color: #98afd0; opacity: 1; }
#modalAuth .reference-input:focus-within {
  border-color: #ffe660; box-shadow: 0 0 0 2px #ffe66016, inset 0 1px 1px #deedff1a;
}
#modalAuth .reference-eye {
  height: 65%; justify-content: center; padding: 0 0 0 calc(8px * var(--u));
  border-left: 1px solid #8ba9cc70; color: #bfd2ef;
}
#modalAuth .reference-options {
  height: calc(20px * var(--u)); margin-top: calc(5px * var(--u));
  color: #e9f0fc; font-size: calc(8.3px * var(--u));
}
#modalAuth .reference-options > button { color: #9fb8dc; }
#modalAuth .reference-options label { gap: calc(6px * var(--u)); }
#modalAuth .reference-check {
  width: calc(12px * var(--u)); height: calc(12px * var(--u));
  border-radius: calc(3px * var(--u));
}
#modalAuth .reference-options input:checked + .reference-check {
  background: linear-gradient(#fff459, #ffda00); border-color: #fff06a;
  box-shadow: 0 0 calc(7px * var(--u)) #ffdf1633; color: #101a21;
}
#modalAuth .reference-options input:focus-visible + .reference-check { outline: 2px solid #b8d8ff; outline-offset: 3px; }
#modalAuth .reference-primary {
  height: calc(29px * var(--u)); margin-top: calc(8px * var(--u));
  border: calc(0.65px * var(--u)) solid #fff28b; border-radius: calc(7px * var(--u));
  background: linear-gradient(110deg, #fff044, #ffdc00); color: #10191c;
  font-size: calc(10px * var(--u)); gap: calc(5px * var(--u));
  box-shadow: 0 0 calc(18px * var(--u)) #ffe00028, inset 0 1px 0 #fffba780;
}
#modalAuth .reference-footer {
  margin-top: calc(10px * var(--u)); color: #9fb8d9;
  font-size: calc(8.5px * var(--u)); line-height: 1.4;
}
#modalAuth .reference-footer button { margin-left: calc(2px * var(--u)); color: #ffe735; font-weight: 600; }
#modalAuth #authAlert { position: static !important; width: 100% !important; margin-top: calc(5px * var(--u)); font-size: calc(8px * var(--u)); line-height: 1.3; }
#modalAuth .reference-card.signup { padding: calc(26px * var(--u)) calc(32px * var(--u)); }
#modalAuth .reference-card.signup .reference-heading { position: static; }
#modalAuth .reference-card.signup .reference-heading h1 { font-size: calc(21px * var(--u)); }
#modalAuth .reference-card.signup .reference-form { position: static; width: 100%; margin-top: calc(12px * var(--u)); }
#modalAuth .reference-card.signup .reference-fields { gap: calc(6px * var(--u)); }
#modalAuth .reference-card.signup .reference-input { height: calc(24px * var(--u)); }
#modalAuth .reference-card.signup .reference-options { height: calc(18px * var(--u)); }
#modalAuth .reference-card.signup .reference-field label { margin-bottom: calc(3px * var(--u)); }
#modalAuth .reference-card.signup .reference-primary { height: calc(27px * var(--u)); margin-top: calc(6px * var(--u)); }
#modalAuth .reference-card.signup .reference-footer { margin-top: calc(7px * var(--u)); }
#modalAuth #auth-glass-fill stop:nth-child(1) { stop-color: #263d58; stop-opacity: .72; }
#modalAuth #auth-glass-fill stop:nth-child(2) { stop-color: #0b1524; stop-opacity: .86; }
#modalAuth #auth-glass-fill stop:nth-child(3) { stop-color: #1b2c42; stop-opacity: .76; }
#modalAuth #auth-glass-edge stop { stop-color: #a7cef9; stop-opacity: .85; }
#modalAuth #auth-glass-edge stop:nth-child(2) { stop-color: #d0dddf; stop-opacity: .55; }
#modalAuth #auth-piece-glass-fill stop:first-child { stop-color: #476783; stop-opacity: .45; }
#modalAuth #auth-piece-glass-fill stop:last-child { stop-color: #15263d; stop-opacity: .75; }
#modalAuth #auth-piece-glass-edge stop { stop-color: #b0cef0; stop-opacity: .8; }
#modalAuth .reference-backdrop { backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
@media (prefers-reduced-motion: reduce) { #modalAuth .reference-laser-sweep { animation: none; } }