body.theme-oao-void .public-site-header {
    min-height: var(--oao-header-height);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.82) !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

body.theme-oao-void.oao-shell-scrolled .public-site-header {
    border-bottom-color: rgba(255, 255, 255, 0.16);
    background: rgba(0, 0, 0, 0.97) !important;
}

body.theme-oao-void .public-site-header .container-fluid {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    width: 100%;
    max-width: none;
    min-height: var(--oao-header-height);
    margin: 0 auto;
    padding: 0 16px;
}

body.theme-oao-void .public-header-brand-group {
    grid-column: 1;
    gap: 10px;
}

body.theme-oao-void .public-sidebar-trigger {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 50%;
    background: var(--oao-obsidian);
    color: var(--oao-fog);
    box-shadow: var(--oao-shadow-inset);
}

body.theme-oao-void .public-sidebar-trigger:hover,
body.theme-oao-void .public-sidebar-trigger:focus-visible,
body.theme-oao-void .public-sidebar-trigger[aria-expanded="true"] {
    background: var(--oao-graphite);
    color: var(--oao-snow);
}

body.theme-oao-void .public-site-header .navbar-brand,
body.theme-oao-void .public-site-header .navbar-brand:hover {
    gap: 8px;
    color: var(--oao-snow);
}

body.theme-oao-void .public-site-header .navbar-brand i {
    margin: 0 !important;
    color: var(--oao-signal-blue) !important;
}

body.theme-oao-void .public-site-header .navbar-brand span {
    background: linear-gradient(to right, #3898ff, #7a70ff);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

body.theme-oao-void .public-site-header .navbar-brand .public-brand-version {
    border: 1px solid var(--oao-graphite);
    background: var(--oao-carbon);
    color: #d9dde2;
    background-clip: border-box;
    -webkit-background-clip: border-box;
}

.public-brand-version {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: var(--oao-radius-pill);
    background: var(--oao-carbon);
    color: #d9dde2;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

body.theme-oao-void .page-nav-badges {
    grid-column: 2;
    justify-content: center;
    gap: 4px;
    min-width: 0;
}

body.theme-oao-void .public-site-header .nav-badge {
    min-height: 34px;
    padding: 8px 13px;
    border: 1px solid transparent;
    border-radius: var(--oao-radius-pill);
    background: transparent;
    color: var(--oao-fog);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.2;
    white-space: nowrap;
}

body.theme-oao-void .public-site-header .nav-badge:hover {
    border-color: var(--oao-graphite);
    background: var(--oao-obsidian);
    color: var(--oao-snow);
}

body.theme-oao-void .public-site-header .nav-badge.active {
    border-color: rgba(255, 255, 255, 0.12);
    background: var(--oao-signal-blue);
    color: var(--oao-snow);
    box-shadow: var(--oao-shadow-inset);
}

.public-header-actions {
    display: flex;
    grid-column: 3;
    align-items: center;
    justify-self: end;
    gap: 8px;
}

.public-header-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    height: 40px;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: var(--oao-radius-pill);
    color: var(--oao-snow);
    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
    box-shadow: var(--oao-shadow-inset);
    transition: transform 0.18s ease, filter 0.18s ease;
}

.public-header-contact-telegram {
    background: #229ed9;
}

.public-header-contact-kakao {
    background: #fee500;
    color: #241f00;
}

body.theme-oao-void .public-header-contact-telegram,
body.theme-oao-void .public-header-contact-telegram:hover,
body.theme-oao-void .public-header-contact-telegram:focus {
    color: #ffffff !important;
}

body.theme-oao-void .public-header-contact-kakao,
body.theme-oao-void .public-header-contact-kakao:hover,
body.theme-oao-void .public-header-contact-kakao:focus {
    color: #241f00 !important;
}

body.theme-oao-void .public-header-contact i,
body.theme-oao-void .public-header-contact span {
    color: inherit !important;
    line-height: 1;
    opacity: 1;
}

.public-header-contact:hover {
    color: var(--oao-snow);
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.public-header-contact-kakao:hover {
    color: #241f00;
}

body.theme-oao-void .public-sidebar-overlay,
body.theme-oao-void .mobile-sidebar-overlay {
    background: rgba(0, 0, 0, 0.78) !important;
    backdrop-filter: blur(5px);
}

body.theme-oao-void #sidebar,
body.theme-oao-void #sidebar .sidebar-shell,
body.theme-oao-void .mobile-sidebar,
body.theme-oao-void .mobile-sidebar-scroll,
body.theme-oao-void .mobile-sidebar .mobile-site-navigation {
    border-color: var(--oao-graphite) !important;
    background: var(--oao-obsidian) !important;
    color: var(--oao-snow);
}

body.theme-oao-void #sidebar {
    width: min(360px, 88vw) !important;
    box-shadow: 24px 0 64px rgba(0, 0, 0, 0.44) !important;
}

body.theme-oao-void #sidebar .sidebar-shell-menu,
body.theme-oao-void .mobile-sidebar .mobile-site-navigation {
    padding-top: 24px !important;
}

body.theme-oao-void #sidebar .site-nav-heading,
body.theme-oao-void .mobile-sidebar .site-nav-heading {
    color: #73767b !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    text-transform: uppercase;
}

body.theme-oao-void #sidebar .sidebar-shell-menu .site-nav-link,
body.theme-oao-void .mobile-sidebar .site-nav-menu .site-nav-link {
    min-height: 46px !important;
    border-radius: var(--oao-radius-control) !important;
    color: #c0c4c9 !important;
}

body.theme-oao-void #sidebar .sidebar-shell-menu .site-nav-link i,
body.theme-oao-void .mobile-sidebar .site-nav-menu .site-nav-link .menu-icon {
    color: var(--oao-fog) !important;
}

body.theme-oao-void #sidebar .sidebar-shell-menu .site-nav-link:hover,
body.theme-oao-void .mobile-sidebar .site-nav-menu .site-nav-link:hover {
    background: var(--oao-graphite) !important;
    color: var(--oao-snow) !important;
}

body.theme-oao-void #sidebar .sidebar-shell-menu .site-nav-link.active,
body.theme-oao-void .mobile-sidebar .site-nav-menu .site-nav-link.active {
    background: var(--oao-signal-blue) !important;
    color: var(--oao-snow) !important;
    box-shadow: var(--oao-shadow-inset) !important;
}

body.theme-oao-void #sidebar .sidebar-shell-menu .site-nav-link:hover i,
body.theme-oao-void #sidebar .sidebar-shell-menu .site-nav-link.active i,
body.theme-oao-void .mobile-sidebar .site-nav-menu .site-nav-link:hover .menu-icon,
body.theme-oao-void .mobile-sidebar .site-nav-menu .site-nav-link.active .menu-icon {
    color: var(--oao-snow) !important;
}

body.theme-oao-void #sidebar .sidebar-contact-fixed,
body.theme-oao-void .mobile-sidebar .sidebar-contact-fixed {
    border-color: var(--oao-graphite) !important;
    background: #151618 !important;
}

body.theme-oao-void #sidebar .sidebar-contact-btn,
body.theme-oao-void .mobile-sidebar .sidebar-contact-btn {
    border-radius: var(--oao-radius-pill) !important;
    box-shadow: var(--oao-shadow-inset);
}

body.theme-oao-void .public-site-footer {
    width: 100%;
    border-top: 1px solid var(--oao-graphite);
    background: var(--oao-void);
    color: var(--oao-snow);
}

body.theme-oao-void .public-site-footer-inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 56px 48px 28px;
}

body.theme-oao-void .public-site-footer-logo {
    color: var(--oao-snow);
}

body.theme-oao-void .public-site-footer-logo i {
    color: var(--oao-signal-blue);
}

body.theme-oao-void .public-site-footer-brand p,
body.theme-oao-void .public-site-footer-links a {
    color: var(--oao-fog);
}

body.theme-oao-void .public-site-footer-links a:hover {
    color: var(--oao-snow);
}

body.theme-oao-void .public-site-footer-contact-link {
    border-radius: var(--oao-radius-pill);
    box-shadow: var(--oao-shadow-inset);
}

body.theme-oao-void .public-site-footer-bottom {
    border-top-color: var(--oao-graphite);
    color: #707277;
}

@media (min-width: 1200px) {
    body.theme-oao-void .public-site-footer-main {
        grid-template-columns: minmax(500px, 3fr) minmax(0, 7fr);
        gap: 40px;
    }

    body.theme-oao-void .public-site-footer-navigation {
        grid-template-columns: repeat(3, minmax(180px, 1fr));
        gap: 32px;
    }
}

body.theme-oao-void .btn-scroll-top {
    border: 1px solid var(--oao-graphite);
    border-radius: 50%;
    background: var(--oao-obsidian);
    color: var(--oao-snow);
    box-shadow: var(--oao-shadow-float), var(--oao-shadow-inset);
}

@media (max-width: 1439px) {
    body.theme-oao-void .page-nav-badges {
        display: none !important;
    }

}

@media (max-width: 980px) and (min-width: 769px) {
    .public-header-contact {
        width: 40px;
        padding: 0;
    }

    .public-header-contact span {
        display: none;
    }
}

@media (max-width: 768px) {
    body.theme-oao-void .mobile-animation-title,
    body.theme-oao-void .mobile-category-swiper {
        display: none !important;
    }

    body.theme-oao-void .mobile-header {
        height: var(--oao-header-height);
        min-height: var(--oao-header-height);
        padding: 0 14px;
        border-bottom: 1px solid var(--oao-graphite);
        background: rgba(0, 0, 0, 0.94);
        backdrop-filter: blur(16px);
    }

    body.theme-oao-void .mobile-header .mobile-header-title,
    body.theme-oao-void .mobile-header .mobile-header-title a {
        gap: 8px;
        color: var(--oao-snow) !important;
        font-size: 17px;
        font-weight: 750;
    }

    body.theme-oao-void .mobile-header .mobile-wordmark {
        background: linear-gradient(to right, #3898ff, #7a70ff);
        color: transparent;
        background-clip: text;
        -webkit-background-clip: text;
    }

    body.theme-oao-void .mobile-hamburger::before,
    body.theme-oao-void .mobile-hamburger::after,
    body.theme-oao-void .mobile-hamburger .hamburger-line {
        background: var(--oao-fog);
    }

    body.theme-oao-void .public-site-footer-inner {
        padding: 48px 20px 24px;
    }

    body.theme-oao-void .mobile-header .mobile-header-title {
        min-width: 0;
    }

    body.theme-oao-void .mobile-header-actions {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    body.theme-oao-void .mobile-header-contact {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        color: var(--oao-snow);
        text-decoration: none;
        box-shadow: var(--oao-shadow-inset);
    }

    body.theme-oao-void .mobile-header-contact.telegram {
        background: #229ed9;
    }

    body.theme-oao-void .mobile-header-contact.kakao {
        background: #fee500;
        color: #241f00;
    }
}