/**
 * @name karapuz
 * @version 1.0
 * @description Премиум-дизайн Discord в пастельных тонах с эффектами стекла, улучшенной анимацией и адаптивностью
 * @author kuzik
 */

 :root {
    --server-size: 48px;
    --server-spacing: 10px;
    --server-container: calc(var(--server-size) + 20px);
    --chat-width: 240px;
    --corner-radius: 12px;
    --primary-bg: rgba(245, 245, 250, 0.95);
    --secondary-bg: rgba(235, 235, 255, 0.9);
    --accent-color: #a1b5ff;
    --hover-color: rgba(161, 181, 255, 0.25);
    --active-color: rgba(161, 181, 255, 0.45);
    --text-color: #2e2e2e;
    --shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    --glass-bg: rgba(255, 255, 255, 0.315);
    --glass-border: rgba(255, 255, 255, 0.2);
    --blur: blur(10px); /* Reduced blur to improve performance */
    --transition: all 0.2s ease-out; /* Reduced transition time */
    --darkplus-home-icon: url(https://i.imgur.com/RvlNQ7k.png);
    --message-box-transparency: rgba(161, 181, 255, 0.25);

}

#app-mount {
    position: relative;
    min-height: 100vh;
    min-width: 100vw;
    background: radial-gradient(circle at top left, rgba(49, 49, 87, 0.514), #252538);
    backdrop-filter: var(--blur);
    overflow: hidden;
    display: flex;
}

.particle,
.particle::before,
.particle::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.9;
    transition: all 2s linear; /* Reduced transition duration */
    z-index: 0;
}

.guilds_c48ade,
.app_a3002d .base_c48ade,
.sidebar_c48ade {
    position: relative;
    z-index: 1;
}

.theme-dark .wrapper_ef3116,
#app-mount .container__2637a,
.privateChannels__35e86,
.app_a3002d .standardSidebarView__23e6b,
.app_a3002d .container__133bf,
.app_a3002d .chat_f75fb0,
.app_a3002d .scrollableContainer__74017,
.themeDark-3Ap_7i,
.panels_c48ade {
    background: transparent;
}

.typeWindows__421ed {
    height: 21px;
    margin-top: 0;
    background: transparent;
}

.theme-dark {
    --background-primary: none;
    --background-secondary: none;
    --background-tertiary: none;
    --background-accent: none;
}

.wrapper__6e9f8[data-list-item-id="guildsnav___home"] .childWrapper__6e9f8 {
    background: var(--darkplus-home-icon) center/cover no-repeat;
    min-width: 50px;
    min-height: 50px;
}

.wrapper__6e9f8[data-list-item-id="guildsnav___home"] .childWrapper__6e9f8 svg {
    display: none;
}

.guilds_c48ade {
    width: var(--server-container);
    background: var(--glass-bg) linear-gradient(135deg, #474e63 0%, #6d259e 100%);
    border-right: 1px solid var(--glass-border);
    box-shadow: var(--shadow);
    transition: var(--transition);
    padding: var(--server-spacing) 0;
}

.guilds_c48ade .wrapper_cc5dd2 {
    width: var(--server-size);
    height: var(--server-size);
    border-radius: var(--corner-radius);
    transition: var(--transition);
    cursor: pointer;
}

.guilds_c48ade .wrapper_cc5dd2:hover {
    transform: scale(1.08);
    background: var(--hover-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.guilds_c48ade .wrapper_cc5dd2.selected {
    background: var(--active-color);
    border-radius: calc(var(--corner-radius) + 4px);
    transform: scale(1.04);
}

.guilds_c48ade [class*=pill] {
    position: absolute;
    left: 2px;
    height: var(--server-size);
    width: 6px;
    transition: var(--fast-transition);
}

.guilds_c48ade [class*=pill] span {
    width: 6px;
    height: 40%;
    background: linear-gradient(180deg, var(--accent-color), #d4a5ff);
    border-radius: 0 4px 4px 0;
    animation: pulse 1.2s infinite ease-in-out; /* Reduced animation duration */
}

@keyframes pulse {
    0% { height: 40%; opacity: 0.8; }
    50% { height: 60%; opacity: 1; }
    100% { height: 40%; opacity: 0.8; }
}

.app_a3002d .base_c48ade {
    backdrop-filter: var(--blur);
    box-shadow: var(--shadow);
    position: absolute;
    top: 0;
    left: var(--server-container);
    right: 0;
    bottom: 0;
    display: flex;
}

.sidebar_c48ade {
    width: var(--chat-width);
    border-radius: 0 var(--corner-radius) var(--corner-radius) 0;
    transition: var(--transition);
    overflow: hidden;
}

.guilds_c48ade [class*=expandedFolderBackground] {
    width: var(--server-size);
    border-radius: var(--corner-radius);
    background: var(--glass-bg);
    transition: var(--transition);
    animation: folderExpand 0.3s ease-out forwards; /* Reduced animation duration */
}

@keyframes folderExpand {
    from { height: 0; opacity: 0; transform: scale(0.95); }
    to { height: auto; opacity: 1; transform: scale(1); }
}

[class*=listItemTooltip_] {
    background: var(--glass-bg);
    backdrop-filter: var(--blur);
    border-radius: 27px;
    padding: 8px 12px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    box-shadow: var(--shadow);
    transition: var(--fast-transition);
}

.guilds_c48ade .frame_oXWS21 .button-Jt-tIg {
    width: var(--server-size);
    height: var(--server-size);
    background: var(--glass-bg);
    border-radius: 50%;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.guilds_c48ade .frame_oXWS21 .button-Jt-tIg:hover {
    background: var(--accent-color);
    transform: rotate(180deg);
    color: white;
    box-shadow: 0 4px 12px rgba(161, 181, 255, 0.3);
}

html.platform-osx .typeMacOS__421ed {
    background: var(--glass-bg);
    backdrop-filter: var(--blur);
    width: var(--server-container);
    height: 22px;
    margin-bottom: 4px;
}

.friendsOnline-2JkivWm {
    background: var(--accent-color);
    color: white;
    border-radius: 10px;
    padding: 6px 10px;
    font-size: 14px;
    transition: var(--fast-transition);
    display: inline-flex;
    align-items: center;
}

[class*=title_]:hover {
    color: var(--accent-color);
}

[class*=message_]:hover {
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
    transform: scale(1.009);
}

.content__37e49 {
    background: radial-gradient(circle, #81819e23, #67677423) !important;
}

[class*=userInfo__1fed1]{
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
}

[class*=accountProfileCard__1fed1]{
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
}

[class*=bd-description-wrap]{
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
}

[class*=bd-footer]{
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
}

.typeWindows__421ed{
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
}

.withFrame__421ed{
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
}


.scrollableContainer__74017 {
    background: radial-gradient(circle at top left, rgb(65, 65, 122), #252538) !important; /* Убрал rgba, использовал rgb для полной непрозрачности */
    border-radius: 25px; /* Добавил скругленные углы для мягкости */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Добавил легкую тень для глубины */
}

.scrollableContainer__74017:hover {
    transform: scale(1.003);
}

.wrapper__00943 
{
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
} 

[class*=section__00943]{
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
}

[class*=body__00943]{
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
}

[class*=inset_bf1984]{
    background: radial-gradient(circle, #82828f23, #e0dada4b);
    transition: var(--fast-transition);
}

[class*=separator__00943]{
    background: radial-gradient(circle, #272799cc, #e0dada4b);
    transition: var(--fast-transition);
}

[class*=bd-store-card-icon]{
    background: radial-gradient(circle, #272799cc, #e0dada4b);
    transition: var(--fast-transition);
}

[class*=bd-search-wrapper]{
    background: radial-gradient(circle at top left, rgb(71, 71, 146), #353557) !important; /* Убрал rgba, использовал rgb для полной непрозрачности */
    transition: var(--fast-transition);
}

[class*=searchBarComponent__35e86]{
    background: radial-gradient(circle at top left, #252538, #252538) !important; /* Убрал rgba, использовал rgb для полной непрозрачности */
    transition: var(--fast-transition);
}

[class*=quickswitcher_ac6cb0]{
    background: radial-gradient(circle at top left, rgb(65, 65, 122), #252538) !important; /* Убрал rgba, использовал rgb для полной непрозрачности */
    border-radius: 25px; /* Добавил скругленные углы для мягкости */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Добавил легкую тень для глубины */
}

[class*=input_ac6cb0]{
    border-radius: 25px; /* Добавил скругленные углы для мягкости */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Добавил легкую тень для глубины */
}

[class*=sidebarRegion__23e6b]{
    background: radial-gradient(circle at top left, #252538, #252538) !important; /* Убрал rgba, использовал rgb для полной непрозрачности */
}

[class*=inner_fea832]{
    background: radial-gradient(circle at top left, rgba(75, 75, 133, 0.493), #37376d) !important; /* Убрал rgba, использовал rgb для полной непрозрачности */
}

.container__2637a{
    background: radial-gradient(circle at top left, rgba(75, 75, 133, 0.493), #37376d) !important; /* Убрал rgba, использовал rgb для полной непрозрачности */

} 
.privateChannels__35e86{
    background: radial-gradient(circle at top left, rgba(85, 85, 131, 0.493), #323252) !important; /* Убрал rgba, использовал rgb для полной непрозрачности */

}