#toolbar-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        min-height: 64px;
        background: #0b140d;
    }

    body {
        padding-top: var(--toolbar-offset, 64px) !important;
    }

    .sn-check {
        display: none !important;
    }

    .site-nav {
        height: 64px;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 16px;
        padding: 0 24px;
        background: #0b140d;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        overflow: visible;
    }

    .sn-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        text-decoration: none;
    }

    .sn-logo img {
        width: 34px;
        height: 22px;
        object-fit: cover;
        border-radius: 3px;
        display: block;
    }

    .sn-brand {
        font-family: "Playfair Display", Georgia, serif;
        font-size: 1.04rem;
        font-weight: 900;
        color: #fff;
        letter-spacing: -.01em;
        white-space: nowrap;
    }

    .sn-links {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 2px;
        list-style: none;
        margin: 0;
        padding: 0;
        flex: 1 1 auto;
        min-width: 0;
    }

    .sn-links a {
        display: block;
        padding: 6px 7px;
        font-family: "Inter", system-ui, sans-serif;
        font-size: .78rem;
        font-weight: 500;
        color: rgba(255, 255, 255, .62);
        text-decoration: none;
        border-radius: 6px;
        white-space: nowrap;
        transition: color .18s, background .18s;
    }

    .sn-links a:hover {
        color: #fff;
        background: rgba(255, 255, 255, .09);
    }

    .sn-right {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-left: auto;
        flex-shrink: 0;
    }

    .sn-search {
        display: flex;
        align-items: center;
        height: 36px;
        border: 1.5px solid rgba(255, 255, 255, .18);
        border-radius: 8px;
        overflow: hidden;
        background: rgba(255, 255, 255, .05);
        transition: border-color .2s, background .2s;
    }

    .sn-search:focus-within {
        border-color: rgba(255, 255, 255, .4);
        background: rgba(255, 255, 255, .09);
    }

    .sn-search input {
        width: 106px;
        height: 100%;
        padding: 0 10px;
        background: transparent;
        border: none;
        outline: none;
        font-family: "Inter", system-ui, sans-serif;
        font-size: .83rem;
        color: #fff;
    }

    .sn-search input::placeholder {
        color: rgba(255, 255, 255, .35);
    }

    .sn-search button {
        height: 100%;
        padding: 0 9px;
        background: transparent;
        border: none;
        border-left: 1.5px solid rgba(255, 255, 255, .14);
        color: rgba(255, 255, 255, .45);
        cursor: pointer;
        font-size: .78rem;
        transition: color .18s;
    }

    .sn-search button:hover {
        color: #fff;
    }

    .sn-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        padding: 0 13px;
        border-radius: 8px;
        font-family: "Inter", system-ui, sans-serif;
        font-size: .8rem;
        font-weight: 600;
        white-space: nowrap;
        text-decoration: none;
        transition: background .2s, border-color .2s, color .2s;
    }

    .sn-btn-ghost {
        color: rgba(255, 255, 255, .78);
        border: 1.5px solid rgba(255, 255, 255, .22);
        background: transparent;
    }

    .sn-btn-ghost:hover {
        color: #fff;
        border-color: rgba(255, 255, 255, .5);
        background: rgba(255, 255, 255, .07);
    }

    .sn-btn-solid {
        color: #fff;
        background: #0a7a52;
        border: 1.5px solid #0a7a52;
    }

    .sn-btn-solid:hover {
        background: #065438;
        border-color: #065438;
        color: #fff;
    }

    .sn-user {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        height: 36px;
        padding: 0 10px 0 6px;
        border-radius: 8px;
        border: 1.5px solid rgba(255, 255, 255, .18);
        background: rgba(255, 255, 255, .06);
        font-family: "Inter", system-ui, sans-serif;
        font-size: .8rem;
        font-weight: 500;
        color: rgba(255, 255, 255, .84);
        text-decoration: none;
        white-space: nowrap;
        transition: background .2s, border-color .2s;
    }

    .sn-user:hover {
        background: rgba(255, 255, 255, .12);
        border-color: rgba(255, 255, 255, .34);
        color: #fff;
    }

    .sn-avatar {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #0a7a52;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .72rem;
        font-weight: 700;
        color: #fff;
        flex-shrink: 0;
        font-family: "Inter", system-ui, sans-serif;
    }

    .sn-drop {
        background: #0e1a10 !important;
        border: 1px solid rgba(255, 255, 255, .1) !important;
        border-radius: 10px !important;
        padding: 6px !important;
        min-width: 160px;
        margin-top: 8px !important;
        box-shadow: 0 12px 36px rgba(0, 0, 0, .45) !important;
    }

    .sn-drop .dropdown-item {
        border-radius: 6px !important;
        color: rgba(255, 255, 255, .72) !important;
        font-family: "Inter", system-ui, sans-serif;
        font-size: .84rem !important;
        padding: 8px 12px !important;
    }

    .sn-drop .dropdown-item:hover,
    .sn-drop .dropdown-item:focus {
        background: rgba(255, 255, 255, .09) !important;
        color: #fff !important;
    }

    .sn-drop .dropdown-divider {
        border-color: rgba(255, 255, 255, .1) !important;
        margin: 5px 0 !important;
    }

    .sn-toggle {
        display: none;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 36px;
        height: 36px;
        padding: 7px;
        margin-left: auto;
        cursor: pointer;
        flex-shrink: 0;
    }

    .sn-toggle span {
        display: block;
        height: 2px;
        background: rgba(255, 255, 255, .8);
        border-radius: 2px;
        transition: transform .28s ease, opacity .28s ease;
    }

    .sn-check:checked~.site-nav .sn-toggle span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .sn-check:checked~.site-nav .sn-toggle span:nth-child(2) {
        opacity: 0;
        transform: scaleX(0);
    }

    .sn-check:checked~.site-nav .sn-toggle span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    .sn-drawer {
        max-height: 0;
        overflow: hidden;
        background: #0b140d;
        border-bottom: 1px solid rgba(255, 255, 255, .07);
        transition: max-height .36s cubic-bezier(.4, 0, .2, 1);
    }

    .sn-check:checked~.sn-drawer {
        max-height: calc(100vh - var(--toolbar-offset, 64px));
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .sn-drawer-inner {
        padding: 10px 20px 22px;
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .sn-drawer-inner a {
        display: block;
        padding: 10px 14px;
        font-family: "Inter", system-ui, sans-serif;
        font-size: .93rem;
        font-weight: 500;
        color: rgba(255, 255, 255, .68);
        text-decoration: none;
        border-radius: 8px;
        transition: color .18s, background .18s;
    }

    .sn-drawer-inner a:hover {
        color: #fff;
        background: rgba(255, 255, 255, .08);
    }

    .sn-drawer-sep {
        height: 1px;
        background: rgba(255, 255, 255, .08);
        border: none;
        margin: 8px 0;
    }

    .sn-drawer-search {
        display: flex;
        height: 42px;
        border: 1.5px solid rgba(255, 255, 255, .18);
        border-radius: 8px;
        overflow: hidden;
        background: rgba(255, 255, 255, .05);
        margin-bottom: 10px;
    }

    .sn-drawer-search input {
        flex: 1;
        padding: 0 14px;
        background: transparent;
        border: none;
        outline: none;
        font-family: "Inter", system-ui, sans-serif;
        font-size: .9rem;
        color: #fff;
    }

    .sn-drawer-search input::placeholder {
        color: rgba(255, 255, 255, .35);
    }

    .sn-drawer-search button {
        padding: 0 14px;
        background: rgba(255, 255, 255, .05);
        border: none;
        border-left: 1.5px solid rgba(255, 255, 255, .12);
        color: rgba(255, 255, 255, .5);
        cursor: pointer;
        font-size: .85rem;
    }

    .sn-drawer-auth {
        display: flex;
        gap: 10px;
    }

    .sn-drawer-auth .sn-btn {
        flex: 1;
        height: 42px;
        border-radius: 8px;
    }

    @media (max-width: 1180px) {
        .site-nav {
            height: 64px;
            padding: 0 20px;
            flex-wrap: nowrap;
        }

        .sn-links {
            display: none;
        }

        .sn-right {
            display: none;
        }

        .sn-toggle {
            display: flex;
        }
    }