ul.dropdown-menu{z-index:50;background:var(--ds-dark-grey);border:1px solid #ffffff14;border-radius:.5rem;max-height:80vh;margin-top:.5rem;padding:.5rem 0;display:none;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #00000073}ul.dropdown-menu.show,ul.dropdown-menu.show-profile-menu{display:block}html.theme-light ul.dropdown-menu{background:var(--ds-card-bg);border-color:#0000000d}ul.dropdown-menu .dropdown-item{--tw-text-opacity:1;width:100%;color:rgb(243 244 246/var(--tw-text-opacity,1));border-radius:.375rem;justify-content:flex-start;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;line-height:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}ul.dropdown-menu .dropdown-item:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}ul.dropdown-menu .dropdown-item{background:0 0}html.theme-light ul.dropdown-menu .dropdown-item{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}html.theme-light ul.dropdown-menu .dropdown-item:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}ul.dropdown-menu .dropdown-item:hover,ul.dropdown-menu .dropdown-item:focus-visible{background:rgba(var(--accent-rgb,99 102 241) / .18)}ul.dropdown-menu .logout-item{color:#ff4874}
@font-face{font-family:proximaNova;src:url(../media/proxima_nova_latin_400_normal-s.p.3k3g29uxoxy53.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:proximaNova;src:url(../media/proxima_nova_latin_400_italic-s.p.2w8h95olujxma.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:proximaNova;src:url(../media/proxima_nova_latin_700_normal-s.p.3s-c2xvizes0f.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:proximaNova;src:url(../media/proxima_nova_latin_700_italic-s.p.13ugybwcbopph.woff2)format("woff2");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:proximaNova Fallback;src:local(Arial);ascent-override:92.82%;descent-override:30.07%;line-gap-override:0.0%;size-adjust:99.12%}.proximanova_bbe0d4b6-module__vjvkcq__className{font-family:proximaNova,proximaNova Fallback}.proximanova_bbe0d4b6-module__vjvkcq__variable{--font-proxima:"proximaNova", "proximaNova Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.p.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_9b9db241-module__sLJoNW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_9b9db241-module__sLJoNW__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d0d9446e69c4847e-s.3h31fjnwrfycc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(../media/4e1c87b7aa9e2f2f-s.p.3o02-8iknf6dl.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(../media/3fd967fc5374d70a-s.42u1-lj4buy61.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(../media/dd14639a62c56cb2-s.0kda-l-rfpyyq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b59689b1142d37ce-s.p.1bk8_xp319hr4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d0d9446e69c4847e-s.3h31fjnwrfycc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4e1c87b7aa9e2f2f-s.p.3o02-8iknf6dl.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/3fd967fc5374d70a-s.42u1-lj4buy61.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/dd14639a62c56cb2-s.0kda-l-rfpyyq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b59689b1142d37ce-s.p.1bk8_xp319hr4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded Fallback;src:local(Arial);ascent-override:73.93%;descent-override:18.2%;line-gap-override:0.0%;size-adjust:134.59%}.unbounded_89a51e22-module__IdufgG__className{font-family:Unbounded,Unbounded Fallback;font-style:normal}.unbounded_89a51e22-module__IdufgG__variable{--font-heading-fallback:"Unbounded", "Unbounded Fallback"}


/* === DISCORD CHECKER: VERIFIED NAVBAR CLUSTER & DROPDOWN (1:1 PIXEL-PERFECT) === */
.notif-bell-container {
    cursor: pointer;
    border-radius: 50%;
    transition: all .25s ease;
    display: inline-block;
    position: relative;
    overflow: visible;
}
.notif-bell-wrap {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-sizing: border-box;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    transition: all .2s ease;
    display: flex;
}
.notif-bell-wrap:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.22);
    transform: translateY(-1px);
}
.notif-bell-wrap .bell-icon {
    color: #cbd5e1;
    font-size: 1.15rem;
    transition: color 0.2s;
}
.notif-bell-wrap:hover .bell-icon {
    color: #ffffff;
}

.navbar-profile-cluster {
    position: relative;
    display: inline-block;
}
.profile-container {
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 9999px;
    flex-shrink: 0;
    align-items: center;
    gap: 10px;
    padding: 3px 14px 3px 4px;
    height: 40px;
    transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    position: relative;
    overflow: visible;
    background: rgba(255, 255, 255, 0.06);
    user-select: none;
}
.profile-container:hover,
.profile-container.profile-menu-open {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.22);
}
.profile-link {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    line-height: 0;
    display: flex;
}
.profile-container .avatar-img {
    border: none;
    transition: box-shadow 0.25s ease;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}
.profile-container:hover .avatar-img,
.profile-container.profile-menu-open .avatar-img {
    box-shadow: 0 0 0 2px #5865F2, 0 2px 8px rgba(0, 0, 0, 0.4);
}
.profile-name {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 1;
}

.show-profile-menu {
    z-index: 99999 !important;
    -webkit-backdrop-filter: blur(16px) !important;
    backdrop-filter: blur(16px) !important;
    background: #171822 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 18px !important;
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    margin: 0 !important;
    padding: 8px !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.65), 0 2px 10px rgba(0, 0, 0, 0.4) !important;
    animation: profileMenuPop 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
    list-style: none !important;
}

@keyframes profileMenuPop {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.show-profile-menu .dropdown-item {
    color: #ffffff !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 42px !important;
    margin: 2px 0 !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
    display: flex !important;
    text-decoration: none !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important;
}
.show-profile-menu .dropdown-item:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}
.show-profile-menu .profile-menu-icon-wrap {
    flex-shrink: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
}
.show-profile-menu .profile-menu-icon {
    color: #cbd5e1 !important;
    stroke: currentColor !important;
    width: 18px !important;
    height: 18px !important;
    transition: color 0.2s !important;
}
.show-profile-menu .dropdown-item:hover .profile-menu-icon {
    color: #ffffff !important;
}
.show-profile-menu .profile-menu-label {
    flex: auto !important;
    min-width: 0 !important;
    line-height: 1.25 !important;
    font-size: 14px !important;
}

.theme-switch {
    cursor: pointer !important;
    user-select: none !important;
    position: relative !important;
}
.theme-switch-label {
    white-space: nowrap !important;
    flex: auto !important;
    min-width: 0 !important;
    padding-right: 8px !important;
}
.theme-icon-stack {
    width: 18px;
    height: 18px;
    display: block;
    position: relative;
}
.theme-icon-stack .theme-icon {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s, color 0.2s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.theme-icon-stack .theme-icon.is-active {
    opacity: 1;
}
.theme-switch .slider {
    background: #2f3448;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    flex-grow: 0;
    flex-shrink: 0;
    width: 42px;
    height: 24px;
    margin-left: auto;
    transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}
.theme-switch .handle {
    will-change: transform;
    background: #ffffff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    top: 2px;
    left: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.theme-switch input:checked ~ .slider {
    background: #5865F2;
}
.theme-switch input:checked ~ .slider .handle {
    transform: translateX(18px);
}

.logout-item {
    text-align: left !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    width: 100% !important;
    margin-top: 6px !important;
    padding-top: 10px !important;
    border-radius: 0 0 10px 10px !important;
}
.logout-item:hover {
    color: #ef4444 !important;
    background: rgba(239, 68, 68, 0.12) !important;
}
.logout-item:hover .profile-menu-icon {
    color: #ef4444 !important;
    stroke: #ef4444 !important;
}

html.theme-light body {
    background-color: #f6f8fb;
    color: #1e293b;
}
html.theme-light .profile-container {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.12);
}
html.theme-light .profile-container:hover,
html.theme-light .profile-container.profile-menu-open {
    background: rgba(0, 0, 0, 0.08);
}
html.theme-light .profile-name {
    color: #0f172a;
}
html.theme-light .notif-bell-wrap {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
}
html.theme-light .notif-bell-wrap .bell-icon {
    color: #475569;
}
html.theme-light .show-profile-menu {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}
html.theme-light .show-profile-menu .dropdown-item {
    color: #1e293b !important;
}
html.theme-light .show-profile-menu .dropdown-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}
html.theme-light .show-profile-menu .profile-menu-icon {
    color: #64748b !important;
}
html.theme-light .logout-item {
    border-top-color: rgba(0, 0, 0, 0.08) !important;
}
