/**
 * @name sibnight-space
 * @description A Sibnight space flavor refined toward a deeper hologram sci-fi direction with cleaner MP, bot, embed and profile surfaces.
 * @author ussmarines
 * @version 1.7.3
 * @website https://github.com/ussmarines/DiscordTheme
 * @source https://github.com/ussmarines/DiscordTheme/blob/main/themes/flavors/sibnight-space.theme.css
 * @authorLink https://github.com/ussmarines
 */
/* credits
 * original design inspired by https://github.com/schnensch0/zelk
 * theme design inspired by https://github.com/refact0r/midnight-discord
 * window controls inspired by https://github.com/Dyzean/Tokyo-Night
 */

@import url('https://ussmarines.github.io/DiscordTheme/build/sibnight-flavor.css');

/* sibnight flavor layout defaults: start */
body {
    /* font options */
    --font: 'figtree';
    --code-font: '';
    font-weight: 400;

    /* sizes */
    --gap: 12px;
    --divider-thickness: 4px;
    --border-thickness: 0px;

    /* animation/transition options */
    --animations: on;
    --list-item-transition: 0.2s ease;
    --dms-icon-svg-transition: 0.4s ease;
    --border-hover-transition: 0.2s ease;

    /* top bar options */
    --top-bar-height: var(--gap);
    --top-bar-button-position: titlebar;
    --top-bar-title-position: off;
    --subtle-top-bar-title: off;

    /* window controls */
    --custom-window-controls: on;
    --window-control-size: 14px;

    /* dms button options */
    --custom-dms-icon: custom;
    --dms-icon-svg-url: url('https://raw.githubusercontent.com/ussmarines/DiscordTheme/main/assets/sibylla-logo.svg');
    --dms-icon-svg-size: 104%;
    --dms-icon-color-before: #dff6ff;
    --dms-icon-color-after: #081123;
    --custom-dms-background: off;
    --dms-background-image-url: url('');
    --dms-background-image-size: cover;
    --dms-background-color: radial-gradient(circle at 24% 18%, rgba(123, 231, 255, 0.38) 0%, transparent 24%), radial-gradient(circle at 80% 78%, rgba(69, 192, 255, 0.26) 0%, transparent 28%), #081123;

    /* background image options */
    --background-image: off;
    --background-image-url: url('');

    /* transparency/blur options */
    --transparency-tweaks: off;
    --remove-bg-layer: off;
    --panel-blur: off;
    --blur-amount: 12px;
    --sibnight-bg-floating: var(--sibnight-bg-3);

    /* chatbar options */
    --custom-chatbar: off;
    --chatbar-height: 47px;

    /* other options */
    --small-user-panel: on;
    --sibnight-flavor: on;
    --sibnight-flat-utilities: on;
}
/* sibnight flavor layout defaults: end */

:root {
    --sibnight-accent-1: #e8fbff;
    --sibnight-accent-2: #8deeff;
    --sibnight-accent-3: #4fc8ff;
    --sibnight-accent-4: #6f86ff;
    --sibnight-accent-5: #b67cff;
    --sibnight-accent-new: #2ee9ff;
    --sibnight-notification: #2ee9ff;
    --sibnight-notification-hover: #8ff5ff;
    --sibnight-notification-text: #081123;
    --sibnight-mention: linear-gradient(90deg, rgba(79, 200, 255, 0.22) 0%, rgba(111, 134, 255, 0.12) 100%);
    --sibnight-mention-hover: linear-gradient(90deg, rgba(79, 200, 255, 0.28) 0%, rgba(111, 134, 255, 0.16) 100%);
    --sibnight-reply: linear-gradient(90deg, rgba(141, 238, 255, 0.16) 0%, rgba(79, 200, 255, 0.08) 100%);
    --sibnight-reply-hover: linear-gradient(90deg, rgba(141, 238, 255, 0.22) 0%, rgba(79, 200, 255, 0.12) 100%);
    --sibnight-text-0: #081123;
    --sibnight-text-1: #f1f7ff;
    --sibnight-text-2: #ccd8f0;
    --sibnight-text-3: #9eb4d4;
    --sibnight-text-4: #7d8eb0;
    --sibnight-text-5: rgba(204, 216, 240, 0.40);
    --sibnight-bg-1: #192a56;
    --sibnight-bg-2: #102042;
    --sibnight-bg-3: #09152f;
    --sibnight-bg-4: #040914;
    --sibnight-hover: rgba(141, 238, 255, 0.10);
    --sibnight-active: rgba(79, 200, 255, 0.20);
    --sibnight-active-2: rgba(111, 134, 255, 0.18);
    --sibnight-message-hover: rgba(8, 15, 31, 0.84);
    --sibnight-border-light: rgba(223, 246, 255, 0.05);
    --sibnight-border: rgba(141, 238, 255, 0.14);
    --sibnight-border-hover: rgba(141, 238, 255, 0.22);
    --sibnight-button-border: rgba(232, 251, 255, 0.10);
    --sibnight-online: #73d7bf;
    --sibnight-dnd: #f06d7b;
    --sibnight-idle: #ebcb8b;
    --sibnight-streaming: #7b7cff;
    --sibylla-shell-gradient: radial-gradient(circle at 14% 8%, rgba(79, 200, 255, 0.18) 0%, transparent 22%), radial-gradient(circle at 84% 14%, rgba(111, 134, 255, 0.18) 0%, transparent 24%), radial-gradient(circle at 72% 76%, rgba(182, 124, 255, 0.14) 0%, transparent 20%), linear-gradient(180deg, #081228 0%, #060d1d 100%);
    --sibylla-panel-fill: #0b1735;
    --sibylla-panel-fill-strong: #12254f;
    --sibylla-header-fill: #0c1938;
    --sibylla-control-fill: #11264f;
    --sibylla-embed-fill: #0d1b3d;
    --sibylla-embed-fill-soft: #153060;
    --sibylla-embed-accent: #7be7ff;
    --sibylla-profile-fill: #102247;
    --sibylla-active-fill: linear-gradient(90deg, rgba(79, 200, 255, 0.22) 0%, rgba(111, 134, 255, 0.16) 100%);
    --sibylla-hover-fill: linear-gradient(90deg, rgba(141, 238, 255, 0.10) 0%, rgba(111, 134, 255, 0.10) 100%);
    --icon-default: #9eb4d4;
    --icon-muted: rgba(158, 180, 212, 0.44);
    --icon-strong: #dff6ff;
    --icon-subtle: #8deeff;
    --icon-link: #45c0ff;
    --channel-icon: #8deeff;
    --channels-default: #ccd8f0;
    --interactive-icon-default: #9eb4d4;
    --interactive-icon-hover: #dff6ff;
    --interactive-icon-active: #4fc8ff;
    --interactive-text-default: #9eb4d4;
    --interactive-text-hover: #f1f7ff;
    --interactive-text-active: #f1f7ff;
    --text-link: #4fc8ff;
    --colors: on;
    color-scheme: dark;
    --proto-column-shadow: none;
    --proto-hover-surface: var(--sibylla-hover-fill);
    --proto-active-surface: var(--sibylla-active-fill);
    --panel-shadow: none;
    --panel-shadow-hover: none;
    --panel-backdrop-filter: none;
    --sibylla-card-sheen: none;
    --sibylla-soft-edge: transparent;
    --sibylla-soft-edge-strong: transparent;
    --sibylla-blue-glow: transparent;
}

.message__5126c.mentioned__5126c,
.replying__5126c,
.ephemeral__5126c {
    background: var(--sibnight-mention) !important;
    box-shadow: inset 0 0 0 1px var(--sibnight-border) !important;
}



/* hologram pass */
.content_f75fb0 > aside > .outer_c0bea0,
.chatContent_f75fb0 > aside > .outer_c0bea0,
.outer_c0bea0 [class*='overlayBackground'],
.outer_c0bea0 [class*='section'],
.outer_c0bea0 [class*='card'],
.itemCard__7e549,
.container__91a9d,
.embedFull__623de,
.container__9271d {
    background-image:
        linear-gradient(150deg, rgba(26, 50, 106, 0.92) 0%, rgba(10, 21, 45, 0.96) 100%) !important;
}

.message__5126c.mentioned__5126c,
.replying__5126c,
.ephemeral__5126c {
    background-image:
        linear-gradient(90deg, rgba(123, 231, 255, 0.18) 0%, rgba(123, 124, 255, 0.12) 100%) !important;
}

.botTagRegular__82f07,
.botTag__82f07 {
    background-image:
        linear-gradient(135deg, rgba(69, 192, 255, 0.96) 0%, rgba(123, 124, 255, 0.90) 100%) !important;
    color: #f7fbff !important;
}

.botTagOP__82f07 {
    background-image:
        linear-gradient(135deg, rgba(123, 124, 255, 0.96) 0%, rgba(178, 125, 255, 0.90) 100%) !important;
    color: #f7fbff !important;
}

.modeSelected__2ea32 .link__2ea32,
.interactive_f88cfd.selected_f88cfd,
.channel__972a0.container__972a0:hover,
.interactive__972a0:hover {
    background-image:
        linear-gradient(90deg, rgba(69, 192, 255, 0.20) 0%, rgba(123, 124, 255, 0.14) 100%) !important;
}

.link__2ea32:hover,
.interactive_f88cfd:hover,
.member_c8ffbb:hover,
.container__91a9d:hover,
.itemCard__7e549:hover,
[class*='peopleListItem']:hover {
    background-image:
        linear-gradient(90deg, rgba(123, 231, 255, 0.12) 0%, rgba(123, 124, 255, 0.08) 100%) !important;
}
/* space polish pass */
:root {
    --space-holo-line: rgba(141, 238, 255, 0.18);
    --space-holo-line-strong: rgba(141, 238, 255, 0.26);
    --space-nebula-violet: rgba(182, 124, 255, 0.16);
    --space-nebula-blue: rgba(79, 200, 255, 0.14);
    --space-sheen: linear-gradient(135deg, rgba(141, 238, 255, 0.06) 0%, rgba(111, 134, 255, 0.05) 46%, rgba(182, 124, 255, 0.04) 100%);
}

.appMount__51fd7,
.bg__960e4,
.standardSidebarView__23e6b,
.container__133bf,
.container_f391e3,
.container__01ae2,
.container_fb64c9,
.chat_fb64c9,
.chat_f75fb0,
.content_f75fb0,
.peopleColumn__133bf,
.nowPlayingColumn__133bf,
.container__8a031 {
    background-image: var(--sibylla-shell-gradient) !important;
}

:is(
    .guilds__5e434,
    .sidebarList__5e434,
    .panels__5e434,
    .chat_f75fb0 > .subtitleContainer_f75fb0,
    .container__133bf > .container__9293f,
    .container_f391e3 > .container__9293f,
    .homeWrapper__0920e > .container__9293f,
    .container__01ae2 > .container__9293f,
    .container_fb64c9 > .container__9293f,
    .headerBar__1a9ce,
    .privateChannels_e6b769,
    .searchResultsWrap_a98f3b,
    .content_f75fb0 > aside > .outer_c0bea0,
    .chatContent_f75fb0 > aside > .outer_c0bea0,
    .outer_c0bea0,
    [class*='userProfileOuter'],
    [class*='profilePanel'],
    [class*='tabBar'],
    [class*='container__0f2e8']
) {
    border: 1px solid var(--space-holo-line) !important;
}

:is(
    .embedFull__623de,
    .container__9271d,
    .container__9a337,
    .reaction__23977,
    .reactionBtn__23977.forceShow__23977,
    [class*='cardPrimary'],
    [class*='cardSecondary'],
    [class*='rolePill'],
    [class*='messagesPopoutWrap'],
    [class*='resultsGroup'],
    [class*='inviteToolbar'],
    [class*='userPanelInner'],
    [class*='focusLock'] [class*='root_']
) {
    background-image: var(--space-sheen), linear-gradient(160deg, rgba(13, 27, 61, 0.96) 0%, rgba(8, 17, 36, 0.98) 100%) !important;
    border: 1px solid rgba(141, 238, 255, 0.14) !important;
    box-shadow: none !important;
}

.content_f75fb0 > aside > .outer_c0bea0,
.chatContent_f75fb0 > aside > .outer_c0bea0,
.outer_c0bea0,
[class*='userProfileOuter'],
[class*='profilePanel'] {
    background-image:
        linear-gradient(145deg, rgba(17, 36, 76, 0.98) 0%, rgba(10, 20, 42, 0.98) 100%),
        radial-gradient(circle at 84% 16%, rgba(141, 238, 255, 0.10) 0%, transparent 18%),
        radial-gradient(circle at 16% 14%, rgba(182, 124, 255, 0.10) 0%, transparent 18%) !important;
}

.outer_c0bea0 [class*='overlayBackground'],
.outer_c0bea0 [class*='section'],
.outer_c0bea0 [class*='card'],
.outer_c0bea0 [class*='note'],
.outer_c0bea0 [class*='userInfoSection'],
[class*='userPanelInner'],
[class*='profilePanelConnections'] {
    background-image: none !important;
    background-color: rgba(15, 29, 61, 0.82) !important;
    border: 1px solid rgba(141, 238, 255, 0.10) !important;
}

.embedFull__623de,
.container__9271d,
.container__9a337 {
    background-image:
        linear-gradient(150deg, rgba(19, 44, 94, 0.94) 0%, rgba(10, 20, 43, 0.98) 100%),
        radial-gradient(circle at 100% 0%, rgba(141, 238, 255, 0.08) 0%, transparent 26%) !important;
    border-left-width: 3px !important;
    border-left-color: var(--sibnight-accent-2) !important;
}

.botTagRegular__82f07,
.botTag__82f07 {
    background-image: linear-gradient(135deg, rgba(79, 200, 255, 1) 0%, rgba(111, 134, 255, 0.92) 100%) !important;
    color: #f8fbff !important;
}

.botTagOP__82f07 {
    background-image: linear-gradient(135deg, rgba(111, 134, 255, 0.96) 0%, rgba(182, 124, 255, 0.92) 100%) !important;
    color: #f8fbff !important;
}

.message__5126c.mentioned__5126c,
.replying__5126c,
.ephemeral__5126c {
    background-image: linear-gradient(90deg, rgba(79, 200, 255, 0.22) 0%, rgba(111, 134, 255, 0.16) 100%) !important;
    border-radius: 12px !important;
}

.message__5126c:hover,
.message__5126c.selected__5126c,
.mouse-mode.full-motion .message__5126c:hover {
    background-image: linear-gradient(90deg, rgba(141, 238, 255, 0.06) 0%, rgba(111, 134, 255, 0.06) 100%) !important;
    box-shadow: none !important;
}

:is(
    [class*='peopleListItem'],
    [class*='listRow'],
    [class*='privateChannels'] [class*='linkButton'],
    [class*='searchBar'],
    [class*='searchBox'],
    [class*='searchBar'] input,
    [class*='searchBox'] input,
    [class*='rolePill'],
    .wrapper__44df5,
    .toolbar__9293f .search__49676
) {
    border-color: rgba(141, 238, 255, 0.12) !important;
}

:is(
    [class*='peopleListItem'],
    [class*='listRow'],
    .member_c8ffbb,
    .container__91a9d,
    .itemCard__7e549,
    .interactive_f88cfd,
    .link__2ea32
) {
    border-radius: 14px !important;
}

.itemCard__7e549,
.container__91a9d,
[class*='peopleListItem'],
[class*='listRow'],
[class*='card_'],
[class*='profileCard'] {
    background-image:
        linear-gradient(145deg, rgba(16, 35, 73, 0.94) 0%, rgba(10, 20, 42, 0.98) 100%),
        radial-gradient(circle at 100% 0%, rgba(141, 238, 255, 0.07) 0%, transparent 24%) !important;
    border: 1px solid rgba(141, 238, 255, 0.12) !important;
}

.itemCard__7e549:hover,
.container__91a9d:hover,
[class*='peopleListItem']:hover,
[class*='listRow']:hover {
    background-image:
        linear-gradient(145deg, rgba(19, 43, 89, 0.96) 0%, rgba(12, 24, 51, 0.98) 100%),
        radial-gradient(circle at 100% 0%, rgba(141, 238, 255, 0.09) 0%, transparent 24%) !important;
}

.modeSelected__2ea32 .link__2ea32,
.interactive_f88cfd.selected_f88cfd,
.channel__972a0.container__972a0:hover,
.interactive__972a0:hover,
[class*='peopleListItem'][aria-selected='true'],
[class*='listRow'][aria-selected='true'],
[class*='peopleListItem'][aria-current='page'],
[class*='listRow'][aria-current='page'] {
    background-image: linear-gradient(90deg, rgba(79, 200, 255, 0.18) 0%, rgba(111, 134, 255, 0.16) 100%) !important;
}

.panels__5e434 .container_e131a9,
.panels__5e434 > #vc-spotify-player,
.voiceUser__07f91,
[class*='voiceButtonsContainer'] {
    border: 1px solid rgba(141, 238, 255, 0.10) !important;
    background-image: linear-gradient(145deg, rgba(16, 35, 73, 0.96) 0%, rgba(12, 24, 51, 0.98) 100%) !important;
}

.channelTextArea_f75fb0,
.form_f75fb0 .themedBackground__74017,
.scrollableContainer__74017,
.stackedBars__74017,
.base_b88801,
.channelBottomBarArea_f75fb0 {
    border: 1px solid rgba(141, 238, 255, 0.10) !important;
    background-image: linear-gradient(145deg, rgba(16, 35, 73, 0.96) 0%, rgba(11, 24, 52, 0.98) 100%) !important;
}

.avatarDecoration__44b0c,
[class*='avatarDecoration'] {
    filter: saturate(1.12) brightness(1.04) !important;
}

.link__2ea32 svg,
.privateChannels_e6b769 svg,
.containerDefault__29444 svg,
.linkButtonIcon__972a0,
.actionIcon_f9255e,
[role='tab'] svg {
    color: var(--sibnight-accent-2) !important;
    fill: currentColor !important;
}

.toolbar__9293f .search__49676 svg,
.title_f75fb0 .icon__9293f,
.container__9293f .icon__9293f,
.children__9293f > .iconWrapper__9293f,
.toolbar__9293f .iconWrapper__9293f .icon__9293f,
.toolbar__9293f .clickable__9293f svg,
.toolbar__9293f .button__67645 svg,
.recentsIcon_c99c29,
.button__201d5 svg {
    color: #dff6ff !important;
}


/* Local unread-channel emphasis: keep after the remote import for immediate previews. */
.modeUnreadImportant__2ea32 .link__2ea32 {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--sibnight-notification, var(--sibnight-accent-new)) 34%, transparent) 0%,
        color-mix(in srgb, var(--sibnight-notification, var(--sibnight-accent-new)) 16%, transparent) 76%,
        transparent 100%
    ) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.modeUnreadImportant__2ea32 :is(.name__2ea32, .icon__2ea32) {
    color: var(--sibnight-notification-hover, var(--sibnight-notification, var(--sibnight-accent-new))) !important;
    font-weight: 750 !important;
    text-shadow: none !important;
}