/* Splash overlay — visible by default, hidden by JS when init completes */
    #splash-overlay {
      position: fixed;
      inset: 0;
      background: #ffffff;
      z-index: 9999;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1.5rem;
      transition: opacity 400ms ease-out;
      opacity: 1;
    }
    #splash-overlay.is-hidden {
      opacity: 0;
      pointer-events: none;
    }
    #splash-overlay img {
      max-width: 480px;
      width: 60%;
      max-height: 70vh;
      height: auto;
      object-fit: contain;
      animation: splashPulse 2s ease-in-out infinite;
    }
    #splash-overlay .splash-label {
      font-size: 14px;
      color: #6b7280;
      letter-spacing: 0.05em;
      animation: splashPulse 2s ease-in-out infinite;
    }
    @keyframes splashPulse {
      0%, 100% { opacity: 0.7; }
      50%      { opacity: 1.0; }
    }

/* Refactor navigation/auth UX */
.desta-nav { display:flex; gap:1rem; min-width:max-content; align-items:flex-end; }
.desta-nav-group { display:flex; align-items:flex-end; gap:.125rem; border-right:1px solid #e5e7eb; padding-right:1rem; }
.desta-nav-group:last-child { border-right:0; padding-right:0; }
.desta-nav-label { font-size:.65rem; line-height:1; text-transform:uppercase; letter-spacing:.08em; color:#9ca3af; padding:.65rem .35rem .55rem 0; user-select:none; }
.desta-tab { white-space:nowrap; padding:.55rem .7rem; border-bottom-width:2px; font-size:.8125rem; transition:background-color .15s ease,border-color .15s ease; }
.desta-tab:hover { background:#f9fafb; border-color:#9ca3af; }
#auth-overlay.auth-visible { display:flex; }
:focus-visible { outline:2px solid #1d4ed8; outline-offset:2px; }
@media (max-width: 760px) {
  .desta-nav { gap:.75rem; }
  .desta-nav-label { display:none; }
  .desta-nav-group { gap:0; padding-right:.75rem; }
  .desta-tab { padding:.55rem .6rem; }
}