.burger {
    display: none;
    pointer-events: auto;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 8px 10px;
    background: linear-gradient(var(--glass), var(--glass)) padding-box,
    linear-gradient(120deg, #1a2a3d, #0b1624) border-box;
    backdrop-filter: blur(8px);
    color: var(--fg);
    cursor: pointer;
    transition: transform 180ms ease, opacity 180ms ease, border-color 180ms ease;
}
.burger:hover { transform: translateY(-1px); border-color: #1f3a55; }
.burger svg rect { fill: currentColor; opacity: .9; }

@media (max-width: 860px) {
    .burger { display: inline-flex; align-items: center; gap: 8px; }

    header nav.header {
        position: fixed;
        top: var(--bar-h);
        right: 12px;
        left: 12px;
        display: grid;
        gap: 8px;
        padding: 12px;
        background: rgba(11,13,17,0.85);
        border: 1px solid #132235;
        border-radius: 14px;
        backdrop-filter: blur(10px);
        z-index: 15;
        transform: translateY(-6px);
        opacity: 1;
        pointer-events: auto;
    }

    header nav.header[data-open="false"] {
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
    }

    header nav.header { transition: opacity 160ms ease, transform 160ms ease; }

    header nav.header a {
        justify-content: space-between;
        width: calc(100% - 28px);
        font-size: 15px;
    }

    header nav.header:not([data-open="true"]) {}
}

.menu-open {
    overflow: hidden;
}