@media (max-width: 1023px) {
    .sidebar {
        position: fixed;
        top: var(--header-height);
        left: -100%;
        bottom: 0;
        width: 85%;
        max-width: 340px;
        height: calc(100vh - var(--header-height));
        background: var(--surface-color);
        box-shadow: 4px 0 16px rgba(0, 0, 0, 0.3);
        transition: left 0.3s var(--md-easing);
        z-index: 999;
        overflow-y: auto;
        padding-right: 0;
    }

    .sidebar.mobile-visible {
        left: 0;
    }

    .sidebar-bg {
        display: none;
    }

    .content::after {
        content: '';
        position: fixed;
        top: var(--header-height);
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 998;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    .sidebar.mobile-visible ~ .content::after {
        opacity: 1;
        pointer-events: auto;
    }

    [data-theme="light"] .sidebar {
        box-shadow: 4px 0 16px rgba(0, 0, 0, 0.1);
    }

    .burger-menu.active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .burger-menu.active span:nth-child(2) {
        opacity: 0;
    }

    .burger-menu.active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
}