:root {
 --control-surface: linear-gradient(145deg, rgba(15, 22, 39, 0.96), rgba(16, 15, 34, 0.9));
 --control-line: color-mix(in srgb, #7de9ff 34%, transparent);
 --control-glow: 0 0 20px rgba(125, 233, 255, 0.25);
}

.neon-search-bar {
 position: fixed;
 top: 0.85rem;
 right: 0.85rem;
 z-index: 9998;
 display: flex;
 gap: 0.4rem;
 padding: 0.48rem;
 border-radius: 0.95rem;
 border: 1px solid var(--control-line);
 background: var(--control-surface);
 box-shadow: var(--control-glow), 0 14px 30px rgba(0, 0, 0, 0.42);
 backdrop-filter: blur(10px);
}

.neon-search-bar input {
 width: min(38vw, 220px);
 min-width: 130px;
 border-radius: 999px;
 border: 1px solid var(--control-line);
 padding: 0.45rem 0.75rem;
 background: rgba(5, 9, 18, 0.78);
 color: #eaf5ff;
 outline: none;
}

.neon-search-bar input::placeholder {
 color: #9fb3d7;
}

.neon-btn {
 border: 1px solid var(--control-line);
 border-radius: 999px;
 color: #edf7ff;
 padding: 0.45rem 0.72rem;
 font-weight: 700;
 cursor: pointer;
 text-decoration: none;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 font-size: 0.8rem;
 transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease;
 background: linear-gradient(145deg, rgba(177, 141, 255, 0.26), rgba(125, 233, 255, 0.2));
}

.neon-btn:hover {
 transform: translateY(-1px);
 filter: brightness(1.1);
 border-color: rgba(125, 233, 255, 0.8);
}

.neon-btn.home,
.neon-btn.search {
 background: linear-gradient(145deg, rgba(125, 233, 255, 0.36), rgba(255, 214, 142, 0.32));
 color: #05101d;
}

.neon-fab-stack {
 position: fixed;
 right: 0.85rem;
 bottom: 0.85rem;
 z-index: 9998;
 display: grid;
 gap: 0.45rem;
 justify-items: end;
}

.neon-fab-row {
 display: flex;
 gap: 0.45rem;
 flex-wrap: wrap;
 justify-content: flex-end;
}

.neon-hit {
 background: linear-gradient(145deg, rgba(125, 233, 255, 0.24), rgba(177, 141, 255, 0.24));
 outline: 2px solid #7de9ff;
 border-radius: 0.35rem;
}

@media (max-width: 720px) {
 .neon-search-bar {
 left: 0.6rem;
 right: 0.6rem;
 width: auto;
 }

 .neon-search-bar input {
 width: 100%;
 }

 .neon-fab-stack {
 left: 0.6rem;
 right: 0.6rem;
 }

 .neon-fab-row {
 justify-content: center;
 }
}