/* Empty searches keep the same quiet glass controls and respect every skin. */
.empty-search { width: 100%; padding: 12px 0 24px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.empty-search-description { width: 100%; margin: 0 0 18px; max-width: 36rem; min-height: 4.65em; display: flex; align-items: center; justify-content: center; font-size: 1rem; line-height: 1.55; overflow-wrap: anywhere; }
.empty-search-actions { width: 100%; min-height: 44px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
.empty-search-actions button { min-height: 44px; max-width: 100%; padding: 10px 18px; border: 1px solid var(--edge); background: var(--wash); color: var(--soft-ink); font-size: .875rem; line-height: 1.25; overflow-wrap: anywhere; transition: background .2s ease, transform .2s ease; }
.empty-search-actions .empty-search-request { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.empty-search-actions button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.empty-search-actions button:disabled { cursor: default; opacity: .75; }
.empty-search-feedback { width: 100%; box-sizing: border-box; height: 4.5em; margin: 12px auto 0; max-width: 32rem; font-size: .8rem; line-height: 1.5; color: var(--soft-ink); display: flex; align-items: center; justify-content: center; overflow-y: auto; overflow-wrap: anywhere; }
/* Keep the feedback slot in layout before and after the request. */
.empty-search-feedback[hidden] { display: flex; visibility: hidden; }
.alien-hologram { width: min(82vw, 320px); margin: 40px auto 0; color: var(--accent); pointer-events: none; }
.alien-head { width: 100%; aspect-ratio: 1; animation: alien-hover 8s ease-in-out infinite; }
.alien-emblem { display: block; width: 100%; height: 100%; object-fit: contain; }
.alien-monochrome { background: currentColor; -webkit-mask: url("/icons/alien-emblem-v1.png") center / contain no-repeat; mask: url("/icons/alien-emblem-v1.png") center / contain no-repeat; mask-mode: luminance; }
.is-monochrome .alien-head { filter: drop-shadow(0 0 3px currentColor); }
.alien-projection { width: 58%; height: 22px; margin: 5px auto 0; border: 1px solid transparent; border-radius: 50%; opacity: .25; background: radial-gradient(ellipse, currentColor, transparent 70%); }
.is-colourful .alien-projection { color: #99dce7; background: radial-gradient(ellipse, #b5acff, transparent 70%); }
@keyframes alien-hover { 0%, 100% { transform: translateY(0); opacity: .85; } 50% { transform: translateY(-7px); opacity: 1; } }
html[data-theme="erebus"] .alien-head { filter: none; }
html[data-theme="erebus"] .alien-hologram { color: var(--muted); }
@media (hover: hover) and (pointer: fine) {
  .empty-search-actions button:not(:disabled):hover { background: var(--wash-hover); }
  .empty-search-actions .empty-search-request:not(:disabled):hover { background: var(--accent); transform: translateY(-1px); }
}
@media (max-width: 360px) { .empty-search-actions { gap: 8px; } .empty-search-actions button { padding: 10px 13px; font-size: .8rem; } }
@media (max-width: 600px) {
  .empty-search { padding: 4px 0 16px; }
  .empty-search-description { min-height: 3em; margin-bottom: 10px; font-size: .9rem; line-height: 1.45; }
  .empty-search-actions { gap: 8px; }
  .empty-search-actions button { padding: 8px 13px; }
  .empty-search-feedback { height: 4.2em; margin-top: 6px; font-size: .75rem; line-height: 1.4; }
  .alien-hologram { width: min(76vw, 280px); margin-top: 12px; }
  .alien-projection { height: 16px; margin-top: 2px; }
}
@media (prefers-reduced-motion: reduce) { .alien-head { animation: none; } .empty-search-actions button { transition: none; } }