.nav-pc {
    display: none;
}

.side-nav {
    display: none;
}

.desktop-message {
    display: none;
}

@media (min-width: 800px) {

    /* .nav-pc {
        position: fixed;
        display: flex;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: var(--bg-primary);
        z-index: 99999999999999;
        align-items: center;
    }

    .logo-area {
        height: 100%;
        width: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo-pc {
        font-size: 2rem;
        font-weight: bold;
    }


    .search-area {
        height: 100%;
        width: 100%;
        max-width: 460px;
        display: flex;
        align-items: center;
    }

    .search-input {
        background: #272727;
        border-radius: 8px;
        width: 100%;
    }

    .search-input input {
        padding: 8px 12px;
        width: 100%;
        height: 100%;
        background: transparent;
        border: none;
        color: #fff;
        font-size: 15px;
    }
    
    .side-nav {
        position: fixed;
        display: flex;
        flex-direction: column;
        gap: 20px;
        background: var(--bg-primary);
        padding: 90px 10px 10px;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        z-index: 99999999;
    }

    .side-bar-btn {
        width: 100%;
        padding: 6px 12px;
        height: 48px;
        border-radius: 10px;
        border: none;
        background: transparent;
        font-size: 1rem;
        color: #ddd;
        text-decoration: none;
        text-align: left;
        font-weight: bold;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .side-bar-btn svg {
        height: 26px;
        width: 26px;
        fill: currentColor;
        stroke: #ddd;
    }

    .side-bar-btn.active {
        background: #272727;
        color: #fff;
    }
    .side-bar-btn span {
        padding-top: 4px;
    }

    .profile-mini-side {
        width: 26px;
        height: 26px;
        background: #272727;
        border-radius: var(--radius-full);
    }
    
    .page-view {
        padding: 60px 0 0 240px;
        width: 100%;
        height: 100%;
    }

    .page-area {
        width: 100%;
        height: 100%;
        display: flex;
    } */

    .page-view {
        width: 100%;
        height: 100%;
        display: flex;
    }

    .page-area {
        width: 100%;
        max-width: 400px;
    }

    .desktop-message {
        width: 100%;
        height: 100vh;
        background: var(--bg-primary);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        border-left: 1px solid #272727;
    }

    .desktop-msg-logo-area {
        font-size: 42px;
        font-weight: bold;
        padding: 6px;
        font-family: Arial, "Helvetica Neue", Helvetica, Arial;
        letter-spacing: -0.01em;
    }

    .desktop-msg-body {
        max-width: 480px;
        text-align: center;
        color: #999;
    }

}