.floating-nav {
    backdrop-filter: blur(18px) saturate(180%);
}

.floating-nav-btn {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.18);
    color: inherit;
    transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.floating-nav-btn:hover {
    transform: translateY(-1px) scale(1.03);
    border-color: rgba(139, 92, 246, 0.55);
    background: rgba(139, 92, 246, 0.12);
    box-shadow: 0 10px 20px rgba(139, 92, 246, 0.14);
}

.transition-portal {
    transition: opacity 0.25s ease, transform 0.25s ease, filter 0.25s ease;
}

.search-shell {
    position: sticky;
    top: 0.75rem;
    z-index: 35;
}

.search-match {
    outline: 1px solid rgba(139, 92, 246, 0.28);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.08);
}

.search-dim {
    opacity: 0.18 !important;
    transform: scale(0.985);
    filter: grayscale(0.2);
}