/* modern-family build: 2026-08-19 12:03 CEST | loading overlay matched to category sidebar */
/* modern-family build: 2026-08-19 11:57 CEST | balanced cobalt refresh */
#guest_dm {
    --dm-rain: hsl(193.528 47% 43%);
    --dm-cloud: hsl(232.528 30% 61%);
    --dm-pale: #ccf3ff;
    --dm-ink: #006480;
    --dm-white: hsl(211.462 100% 98.627%);
    --dm-sidebar: rgba(218,234,246,.94);
    --dm-chat: rgba(238,247,252,.96);
    --dm-muted: #617687;
    --dm-line: rgba(63,85,112,.16);
    --dm-window-border: rgba(63,85,112,.2);
    --dm-hover: rgba(88,122,242,.09);
    --dm-action-button-hover: var(--dm-hover);
    width: min(1180px, calc(100% - 32px));
    margin: 34px auto;
    color: #263847;
    font-family: inherit;
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    position: relative;
}
#guest_dm *, #guest_dm *::before, #guest_dm *::after { box-sizing: border-box; }
#guest_dm button, #guest_dm input, #guest_dm textarea { font: inherit; }
#guest_dm button { cursor: pointer; }
#guest_dm [hidden] { display: none !important; }
.dm-ui-icon { width: 1em; height: 1em; display: block; flex: 0 0 auto; background-color: currentColor; -webkit-mask-image: var(--dm-icon-image); mask-image: var(--dm-icon-image); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; }
.dm-search-wrap > .dm-ui-icon { width: 19px; height: 19px; }
.dm-sidebar-title button > .dm-ui-icon { width: 21px; height: 21px; margin: auto; }
.dm-header-actions .dm-ui-icon { width: 23px; height: 23px; }
.dm-new-chat-close .dm-ui-icon { width: 21px; height: 21px; margin: auto; }
.dm-profile-edit .dm-ui-icon { width: 20px; height: 20px; margin: auto; }
.dm-message-actions .dm-ui-icon { width: 20px; height: 20px; }
.dm-composer .dm-tool .dm-ui-icon { width: 22px; height: 22px; }
.dm-message-actions .dm-action-edit > i,
.dm-message-actions .dm-action-delete > i { width: 20px; height: 20px; display: block; background-color: currentColor; font-size: 0; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; }
.dm-message-actions .dm-action-edit > i { -webkit-mask-image: url('/data/assets/edit.svg'); mask-image: url('/data/assets/edit.svg'); }
.dm-message-actions .dm-action-delete > i { -webkit-mask-image: url('/data/assets/delete.svg'); mask-image: url('/data/assets/delete.svg'); }


.dm-app {
    height: min(660px, calc(100vh - 140px));
    min-height: 500px;
    display: grid;
    grid-template-columns: 276px minmax(0, 1fr);
    overflow: visible;
    border: 0;
    outline: 2px solid var(--dm-window-border);
    border-radius: 8px;
    background: var(--dm-chat);
    box-shadow: 0 28px 75px rgba(32,64,94,.24), 0 3px 12px rgba(22,43,67,.14);
}
.dm-sidebar { position: relative; z-index: 3; min-width: 0; min-height: 0; height: 100%; display: flex; flex-direction: column; overflow: visible; padding: 8px; border-radius: 8px 0 0 8px; background: hsl(207.126 60.87% 90.98% / .94); border-right: 0; }
.dm-search-wrap { height: 36px; margin: 0 0 8px; display: flex; align-items: center; gap: 8px; padding: 0 11px; border-radius: 7px; color: var(--dm-muted); background: hsl(215.412 38.462% 15.294% / .09); box-shadow: inset 0 0 0 1px hsl(209.775 35.484% 30.392% / .08); }
.dm-search-wrap input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: hsl(208.84 29.915% 22.941%); font-size: 13px; }
.dm-search-wrap input::placeholder { color: hsl(208.254 15.447% 51.765%); }
.dm-search-wrap input::-webkit-search-cancel-button { width: 14px; height: 14px; margin-left: 5px; -webkit-appearance: none; appearance: none; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat; cursor: pointer; opacity: .8; }
.dm-search-wrap input::-webkit-search-cancel-button:hover { opacity: 1; }
.dm-sidebar-title { height: 34px; display: flex; align-items: center; justify-content: space-between; padding: 0; color: hsl(208.84 15.695% 43.725%); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.dm-sidebar-title > span { margin-left: 10px; font-size: 13px; font-weight: normal; }
.dm-sidebar-title button, .dm-header-actions button { border: 0; background: transparent; color: inherit; }
.dm-sidebar-title button { position: relative; width: 28px; height: 28px; border-radius: 7px; }
.dm-sidebar-title button:hover { color: inherit; background: transparent; }
.dm-tooltip { position: absolute; z-index: 50; left: 50%; bottom: calc(100% + 4px); width: max-content; padding: 7px 10px; border-radius: 6px; color: hsl(207.882 16.667% 40%); background: hsl(214.588 100% 98.039%); box-shadow: 0 3px 10px hsl(212.143 39.806% 20.196% / .12); font-size: 12px; font-weight: normal; line-height: 1.2; text-transform: none; white-space: nowrap; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 3px); transition: opacity .14s ease, transform .14s ease, visibility .14s ease; }
.dm-tooltip::after { content: ''; position: absolute; top: 100%; left: 50%; box-sizing: content-box !important; width: 0; height: 0; border: 6px solid transparent; border-top-color: hsl(214.588 100% 98.039%); transform: translateX(-50%); }
.dm-sidebar-title button:hover .dm-tooltip { opacity: 1; visibility: visible; transform: translate(-50%, 0); }

.dm-avatar { position: relative; flex: 0 0 auto; width: 40px; height: 40px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; color: var(--btn-primary-text, #ffffff); background: var(--btn-primary-bg, var(--dm-rain)); }
.dm-avatar svg { display: block; width: 55%; height: 55%; fill: currentColor; transform-origin: center; }
.dm-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.dm-avatar-fallback { display: none; }
.dm-chat { position: relative; min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; border-radius: 0 8px 8px 0; background: hsl(211.852 100% 97.6% / .94); }
.dm-chat-header { height: 52px; flex: 0 0 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 7px 0 14px; border-bottom: 1px solid var(--dm-line); background: hsl(211.852 100% 97.1% / .7); box-shadow: 0 1px 3px rgba(33,52,70,.08); backdrop-filter: blur(10px); }
.dm-chat-title { min-width: 0; height: 100%; display: flex; align-items: center; gap: 8px; }
.dm-chat-title > .dm-avatar { align-self: center; display: flex; align-items: center; justify-content: center; padding: 0; line-height: 0; }
.dm-chat-title .dm-avatar { width: 20px; height: 20px; }
.dm-chat-title .dm-avatar svg { position: absolute; inset: 0; width: 55%; height: 55%; margin: auto; transform: none; }
.dm-chat-title > span { min-width: 0; display: flex; flex-direction: column; }
.dm-chat-title strong { color: #203140; font-size: 14px; font-weight: normal; }.dm-chat-title small { color: #7a8c9a; font-size: 10px; }
.dm-header-actions { display: flex; gap: 0; color: #66798a; }
.dm-header-actions button { width: 34px; height: 34px; border-radius: 8px; font-size: 15px; }
.dm-header-actions button:hover { color: inherit; background: transparent; }
.dm-messages { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; padding: 18px 0 0; scrollbar-width: thin; scrollbar-color: rgba(64,84,106,.35) transparent; }
.server-welcome { position: absolute; z-index: 14; inset: 0 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 24px; border: 0; outline: 0; background: var(--dm-chat); cursor: pointer; transition: opacity .22s ease; }
.server-welcome.is-leaving { opacity: 0; pointer-events: none; }
.server-welcome-images { width: min(420px, 92%); display: flex; align-items: center; justify-content: center; gap: 0; }
.server-welcome-enter { margin-top: 8px; color: #304150; font-size: 15px; line-height: 1.2; opacity: .5; }
.server-welcome-images img { width: min(105px, 27%); min-width: 0; height: auto; display: block; object-fit: contain; animation: server-welcome-pop 2.4s ease-in-out infinite; }
.server-welcome-images img + img { margin-left: -16px; }
.server-welcome-images img:nth-child(2) { animation-delay: .16s; }
.server-welcome-images img:nth-child(3) { animation-delay: .32s; }
.server-welcome-images img:nth-child(4) { animation-delay: .48s; }
@keyframes server-welcome-pop { 0%, 8%, 27%, 100% { transform: translateY(0) scale(1); } 16% { transform: translateY(-15px) scale(1.035); } 21% { transform: translateY(1px) scale(.995); } }
@media (prefers-reduced-motion: reduce) { .server-welcome-images img { animation: none; } .server-welcome { transition: none; } }
.dm-messages > :first-child { margin-top: auto; }
.dm-messages::-webkit-scrollbar { width: 7px; height: 7px; }
.dm-messages::-webkit-scrollbar-track { background: transparent; }
.dm-messages::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 6px; background: rgba(64,84,106,.35); background-clip: padding-box; }
.dm-messages::-webkit-scrollbar-button,
.dm-messages::-webkit-scrollbar-button:single-button,
.dm-messages::-webkit-scrollbar-button:start:decrement,
.dm-messages::-webkit-scrollbar-button:end:increment { display: none !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; border: 0 !important; background: transparent !important; -webkit-appearance: none !important; }
.dm-message { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; margin-top: -1px; padding: 10px 24px 10px 14px; }
.dm-message:hover { background: rgba(37,55,74,.035); }
.dm-message > .dm-avatar { width: 40px; height: 40px; margin-left: 0; }
.dm-message-body { min-width: 0; transform: translateY(2px); }
.dm-message-meta { height: 18px; display: flex; align-items: baseline; gap: 8px; line-height: 16px; }
.dm-message-meta strong { color: #304150; font-size: 14px; font-weight: 700; }.dm-message-meta time { color: #7d8b9c; font-size: 10px; }
.server-search-channel { min-width: 0; overflow: hidden; color: var(--dm-muted); font-size: 10px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; }
.server-sticker-layer { position: fixed; z-index: 9000; inset: 0; overflow: hidden; pointer-events: none; }
.server-sticker-position { position: absolute; display: block; line-height: 0; }
.server-sticker-scale, .server-sticker-stage-scale { display: block; transform: scale(var(--sticker-scale, 1)) rotate(var(--sticker-rotation, 0deg)); transform-origin: center; }
.server-sticker-position[data-anchor="top-left"] > .server-sticker-scale, .server-sticker-stage-item[data-anchor="top-left"] > .server-sticker-stage-scale { transform-origin: 0 0; }
.server-sticker-position[data-anchor="top-center"] > .server-sticker-scale, .server-sticker-stage-item[data-anchor="top-center"] > .server-sticker-stage-scale { transform-origin: 50% 0; }
.server-sticker-position[data-anchor="top-right"] > .server-sticker-scale, .server-sticker-stage-item[data-anchor="top-right"] > .server-sticker-stage-scale { transform-origin: 100% 0; }
.server-sticker-position[data-anchor="center-left"] > .server-sticker-scale, .server-sticker-stage-item[data-anchor="center-left"] > .server-sticker-stage-scale { transform-origin: 0 50%; }
.server-sticker-position[data-anchor="center-right"] > .server-sticker-scale, .server-sticker-stage-item[data-anchor="center-right"] > .server-sticker-stage-scale { transform-origin: 100% 50%; }
.server-sticker-position[data-anchor="bottom-left"] > .server-sticker-scale, .server-sticker-stage-item[data-anchor="bottom-left"] > .server-sticker-stage-scale { transform-origin: 0 100%; }
.server-sticker-position[data-anchor="bottom-center"] > .server-sticker-scale, .server-sticker-stage-item[data-anchor="bottom-center"] > .server-sticker-stage-scale { transform-origin: 50% 100%; }
.server-sticker-position[data-anchor="bottom-right"] > .server-sticker-scale, .server-sticker-stage-item[data-anchor="bottom-right"] > .server-sticker-stage-scale { transform-origin: 100% 100%; }
.server-sticker-position img { width: auto; height: auto; max-width: min(220px, 32vw); max-height: 32vh; display: block; object-fit: contain; transform-origin: center; }
.server-sticker-position[data-anchor="top-center"], .server-sticker-stage-item[data-anchor="top-center"] { transform: translateX(-50%); }
.server-sticker-position[data-anchor="top-right"], .server-sticker-stage-item[data-anchor="top-right"] { transform: translateX(-100%); }
.server-sticker-position[data-anchor="center-left"], .server-sticker-stage-item[data-anchor="center-left"] { transform: translateY(-50%); }
.server-sticker-position[data-anchor="center"], .server-sticker-stage-item[data-anchor="center"] { transform: translate(-50%, -50%); }
.server-sticker-position[data-anchor="center-right"], .server-sticker-stage-item[data-anchor="center-right"] { transform: translate(-100%, -50%); }
.server-sticker-position[data-anchor="bottom-left"], .server-sticker-stage-item[data-anchor="bottom-left"] { transform: translateY(-100%); }
.server-sticker-position[data-anchor="bottom-center"], .server-sticker-stage-item[data-anchor="bottom-center"] { transform: translate(-50%, -100%); }
.server-sticker-position[data-anchor="bottom-right"], .server-sticker-stage-item[data-anchor="bottom-right"] { transform: translate(-100%, -100%); }
.server-sticker-image.is-float, .server-sticker-stage-item img.is-float { animation: server-sticker-float 3.2s ease-in-out infinite; }
.server-sticker-image.is-wiggle, .server-sticker-stage-item img.is-wiggle { animation: server-sticker-wiggle 2.8s ease-in-out infinite; }
.server-sticker-image.is-bounce, .server-sticker-stage-item img.is-bounce { animation: server-sticker-bounce 3.8s ease-in-out infinite; transform-origin: 50% 100%; }
@keyframes server-sticker-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes server-sticker-wiggle { 0%,100% { transform: rotate(-1.5deg); } 50% { transform: rotate(1.5deg); } }
@keyframes server-sticker-bounce {
    0%, 80%, 97%, 100% { transform: translateY(0) scale(1); }
    84% { transform: translateY(1px) scaleX(1.015) scaleY(.985); animation-timing-function: cubic-bezier(.22,.7,.3,1); }
    89% { transform: translateY(-8px) scaleX(.995) scaleY(1.005); animation-timing-function: cubic-bezier(.22,.72,.34,1); }
    93% { transform: translateY(0) scaleX(1.008) scaleY(.992); animation-timing-function: cubic-bezier(.2,.75,.3,1); }
    95% { transform: translateY(-1px) scale(1); }
}
.dm-message-content { color: #304150; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.dm-message-content .server-markdown-blank-line { display: block; height: 1.55em; pointer-events: none; }
.dm-message-content blockquote { position: relative; margin: 4px 0; border: 0; padding-left: 12px; color: inherit; }
.dm-message-content blockquote::before { content: ''; position: absolute; top: 1px; bottom: 1px; left: 0; width: 4px; border-radius: 2px; background: #c5c8cd; }
.dm-message-content ul, .dm-message-content ol { margin: 4px 0; padding-left: 22px; }
.dm-message-content ul { list-style: disc outside; }
.dm-message-content ol { list-style: decimal outside; }
.dm-message-content li { display: list-item; margin: 1px 0; }
.dm-message-content .server-markdown-code { max-width: 100%; overflow-x: auto; margin: 6px 0; border: 1px solid var(--dm-line); border-radius: 5px; padding: 8px 10px; color: inherit; background: var(--dm-action-button-hover); font: inherit; white-space: pre; }
.dm-message-content .server-markdown-inline { border: 1px solid var(--dm-line); border-radius: 3px; padding: 1px 4px; color: inherit; background: var(--dm-action-button-hover); font: inherit; }
.dm-message-content .server-markdown-link { color: #2481d7; text-decoration: none; }
.dm-message-content .server-markdown-link:hover { text-decoration: underline; }
.dm-message-content del { opacity: .72; }
.dm-message.has-reply > .dm-avatar { margin-top: 22px; }
.server-reply-reference { position: relative; min-width: 0; height: 20px; display: flex; align-items: center; margin: -3px 0 3px -38px; padding-left: 38px; color: var(--dm-muted); font-size: 13px; line-height: 1; }
.server-reply-reference::before { content: ''; position: absolute; top: 9px; left: 3px; width: 31px; height: 10px; border-top: 2px solid var(--dm-line); border-left: 2px solid var(--dm-line); border-radius: 6px 0 0 0; }
#guest_dm.dm-theme-discord-light .server-reply-reference::before { border-color: #9da3aa; }
#guest_dm.dm-theme-discord-ash .server-reply-reference::before { border-color: #7f828b; }
#guest_dm.dm-theme-discord-dark .server-reply-reference::before { border-color: #686b73; }
.server-reply-reference::before { opacity: .8; }
.server-reply-reference a { width: 100%; min-width: 0; display: flex; align-items: center; gap: 5px; color: inherit; text-decoration: none !important; }
.server-reply-reference a:hover span { text-decoration: none; }
.server-reply-reference .dm-avatar { width: 14px; height: 14px; flex: 0 0 14px; }
.server-reply-reference strong { flex: 0 0 auto; color: inherit; font-size: 13px; font-weight: 700; }
.server-reply-reference span:not(.dm-avatar):not(.dm-ui-icon):not(.server-reply-preview-spoiler) { min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.server-reply-preview-spoiler { width: calc(var(--reply-spoiler-units, 4) * 1ch); max-width: 100%; height: 14px; display: inline-block; flex: 0 1 calc(var(--reply-spoiler-units, 4) * 1ch); overflow: hidden; border-radius: 3px; background: #9da3aa; }
.server-reply-preview-spoiler.has-exact-width { width: auto; flex-basis: auto; }
.server-reply-preview-spoiler.has-exact-width::after { content: attr(data-reply-excerpt); display: block; height: 14px; color: transparent; font: inherit; line-height: 14px; white-space: pre; visibility: hidden; }
#guest_dm.dm-theme-discord-ash .server-reply-preview-spoiler { background: #7f828b; }
#guest_dm.dm-theme-discord-dark .server-reply-preview-spoiler { background: #686b73; }
.server-reply-reference.is-deleted { font-style: italic; }
.server-reply-reference em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: italic; }
.server-message-images { width: min(70cqw, 100%); max-width: 100%; max-height: 80cqh; gap: 4px; margin-top: 7px; }
.server-message-images.is-single { width: fit-content; display: block; }
.server-message-images.is-multiple { width: min(70cqw, 100%, var(--attachment-height-width)); max-height: none; display: grid; grid-template-columns: repeat(var(--attachment-columns), minmax(0, 1fr)); grid-template-rows: repeat(var(--attachment-rows), minmax(0, 1fr)); overflow: hidden; aspect-ratio: var(--attachment-grid-ratio); }
.server-message-images a { max-width: 100%; display: block; border-radius: 7px; overflow: hidden; line-height: 0; }
.server-message-images.is-single a { width: fit-content; }
.server-message-images img { width: auto; height: auto; max-width: min(70cqw, 100%); max-height: 80cqh; display: block; border-radius: 7px; object-fit: contain; }
.server-message-images.is-multiple .server-message-attachment { width: 100%; min-width: 0; height: auto; aspect-ratio: var(--attachment-item-ratio, 1); }
.server-message-images.is-multiple img, .server-message-images.is-multiple video { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; }
.server-message-video { max-width: 100%; display: flex; flex-direction: column; content-visibility: auto; contain-intrinsic-size: 320px 240px; }
.server-message-video video { width: auto; max-width: min(70cqw, 100%); max-height: 80cqh; display: block; border-radius: 7px; background: #000000; }
.server-message-images.is-single .server-message-video video { max-height: calc(80cqh - 21px); }
.server-message-images.is-multiple .server-message-video { display: block; }
.server-message-tickets { width: min(308px, 100%); display: flex; flex-direction: column; gap: 6px; margin-top: 7px; }
.server-message-ticket { position: relative; width: 100%; height: 88px; min-width: 0; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 5fr); overflow: hidden; border: 1px solid var(--dm-line); border-radius: 7px; color: inherit; background: #ffffff; text-decoration: none !important; box-shadow: 0 2px 5px rgba(28,49,70,.09); }
.server-message-ticket:hover { color: inherit; text-decoration: none !important; }
.server-ticket-image { display: block; min-width: 0; background-color: var(--dm-hover); background-position: center; background-size: cover; }
.server-ticket-copy { position: relative; min-width: 0; display: flex; flex-direction: column; justify-content: center; overflow: hidden; border-left: 1px dashed var(--dm-line); padding: 8px 12px; }
.server-ticket-copy small, .server-ticket-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.server-ticket-copy small { color: var(--dm-muted); font-size: 11px; font-style: italic; font-weight: normal; }
.server-ticket-copy strong { color: inherit; font-size: 14px; font-weight: 700; }
.server-ticket-date { position: relative; z-index: 2; display: block; margin-top: 5px; color: var(--dm-muted); font-size: 11px; font-weight: normal; line-height: 1.25; white-space: nowrap; }
.server-ticket-stamp { position: absolute; z-index: 1; right: 4px; bottom: -9px; width: 58px; height: 58px; display: block; opacity: .52; background-position: center; background-repeat: no-repeat; background-size: contain; transform: rotate(-8deg); }
.server-message-ticket.is-deleted { height: auto; display: block; border: 0; padding: 2px 0; color: var(--dm-muted); background: transparent; box-shadow: none; font-size: 12px; font-style: italic; }
.server-ticket-preview, .dm-edit-ticket-preview { min-width: 0; display: flex; flex-direction: column; gap: 7px; padding: 9px; border: 1px solid var(--dm-line); border-radius: 9px; background: #ffffff; }
.server-ticket-preview { margin-bottom: 6px; }
.server-ticket-preview[hidden], .dm-edit-ticket-preview[hidden] { display: none !important; }
.dm-edit-ticket-preview { margin-top: 6px; }
.server-ticket-edit-card { position: relative; width: min(308px, calc(100% - 2px)); cursor: grab; }
.server-ticket-edit-card.is-dragging { opacity: .48; cursor: grabbing; }
.server-ticket-edit-actions { position: absolute; z-index: 3; top: -6px; right: -6px; border: 1px solid var(--dm-line); border-radius: 7px; background: inherit; box-shadow: 0 4px 12px rgba(28,49,70,.14); }
#guest_dm .server-ticket-edit-actions button { width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 6px; padding: 0; color: #da373c; background: #ffffff; }
#guest_dm .server-ticket-edit-actions button:hover { color: #da373c; background: var(--dm-hover); }
.server-media-modal { position: fixed; z-index: 10000; inset: 0; display: grid; place-items: center; padding: 28px; background: rgba(17,18,20,.34); }
.server-media-modal[hidden] { display: none !important; }
.server-media-dialog { position: relative; max-width: 94vw; max-height: 92vh; border: 2px solid var(--dm-window-border); border-radius: 8px; padding: 8px; background: #ffffff; box-shadow: 0 22px 58px rgba(18,19,22,.34); }
.server-media-dialog > img { width: auto; max-width: calc(94vw - 20px); height: auto; max-height: calc(92vh - 20px); display: block; border-radius: 5px; object-fit: contain; }
#guest_dm .server-media-dialog > button { position: absolute; z-index: 2; top: -13px; right: -13px; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--dm-line); border-radius: 7px; padding: 0; color: var(--dm-muted); background: #ffffff; box-shadow: 0 4px 12px rgba(28,49,70,.16); }
#guest_dm .server-media-dialog > button:hover { color: inherit; background: var(--dm-action-button-hover); }
.server-media-dialog > button span { width: 18px; height: 18px; display: block; background-color: currentColor; -webkit-mask: url('/data/assets/close.svg') center / contain no-repeat; mask: url('/data/assets/close.svg') center / contain no-repeat; }
.server-message-file { width: 174px; height: 156px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--dm-line); border-radius: 8px !important; padding: 10px; color: var(--dm-muted); background: rgba(63,85,112,.07); line-height: 1.2 !important; text-decoration: none !important; }
.server-message-file strong { font-size: 18px; font-weight: 700; }
.server-message-file span { width: 100%; overflow: hidden; font-size: 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.dm-message-actions { position: absolute; z-index: 2; top: -14px; right: 18px; display: none; overflow: visible; border: 1px solid var(--dm-line); border-radius: 7px; padding: 0; background: hsl(214.676 100% 98.431%); box-shadow: 0 4px 12px rgba(28,49,70,.14); }
.dm-message:hover .dm-message-actions { display: flex; }
.dm-message.is-comment-locked .dm-message-actions { display: none !important; }
.dm-message-actions a, .dm-message-actions button { position: relative; width: 24px; height: 29px; display: grid; place-items: center; border: 0; background: transparent; color: #667888; text-decoration: none; }
.dm-reaction-action-group { display: flex; }.dm-reaction-action-group .dm-action-reaction:first-child { width: 26px; border-radius: 6px 0 0 6px; }.dm-action-reaction img { width: 17px; height: 17px; object-fit: contain; }.dm-action-reaction:hover { background: var(--dm-hover); }.dm-action-divider { align-self: center; width: 1px; height: 19px; margin: 0 2px; flex: 0 0 1px; background: var(--dm-line); }
.dm-message-actions .dm-action-edit:hover, .dm-message-actions .dm-action-reply:hover { color: #667888; background: var(--dm-hover); }
.dm-message-actions .dm-action-reply:last-child { border-radius: 0 6px 6px 0; }
.dm-message-actions .dm-action-delete { width: 26px; border-radius: 0 6px 6px 0; }
.dm-message-actions .dm-action-delete:hover { color: #ffffff; background: #da3744; }
.dm-action-tooltip { position: absolute; z-index: 60; left: 50%; bottom: calc(100% + 7px); width: max-content; padding: 7px 10px; border-radius: 6px; color: #556877; background: hsl(213.176 100% 98.039%); box-shadow: 0 3px 10px rgba(31,51,72,.12); font-size: 12px; font-weight: normal; line-height: 1.2; white-space: nowrap; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 3px); transition: opacity .14s ease, transform .14s ease, visibility .14s ease; }
.dm-action-tooltip::after { content: ''; position: absolute; top: 100%; left: 50%; box-sizing: content-box !important; width: 0; height: 0; border: 6px solid transparent; border-top-color: hsl(213.176 100% 98.039%); transform: translateX(-50%); }
.dm-action-tooltip.is-below { top: calc(100% + 7px); bottom: auto; }.dm-action-tooltip.is-below::after { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: hsl(213.176 100% 98.039%); }
.dm-message-actions a:hover .dm-action-tooltip,
.dm-message-actions button:hover .dm-action-tooltip { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.dm-reactions { display: flex; flex-wrap: wrap; gap: 4px; min-height: 0; margin-top: 5px; }.dm-reactions:empty { display: none; }.dm-reaction-chip { min-width: 38px; height: 26px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 2px 7px; border: 1px solid var(--dm-line); border-radius: 7px; color: #596d7e; background: hsl(214.676 100% 98.431%); font-size: 12px; line-height: 1; }.dm-reaction-chip img { width: 16px; height: 16px; object-fit: contain; }.dm-reaction-chip:hover { border-color: var(--dm-rain); background: var(--dm-hover); }.dm-reaction-chip.is-mine { border-color: var(--dm-rain); color: var(--dm-rain-deep); background: var(--dm-select); }
.dm-spoiler-lock { width: 100%; display: block; overflow: hidden; border: 0; padding: 0; background: transparent; vertical-align: middle; }.dm-spoiler-set { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }.dm-spoiler-set-mobile, .dm-spoiler-set-compact { display: none; }.dm-spoiler-set .dm-spoiler-bar { position: static; width: var(--spoiler-width, 100%); height: 21px; display: block; flex: 0 0 21px; border-radius: 3px; background: #9da3aa; opacity: 1; visibility: visible; pointer-events: none; transition: none; }.dm-spoiler-lock:hover .dm-spoiler-set .dm-spoiler-bar { background: #9da3aa; }
.dm-spoiler-set .dm-spoiler-bar.has-exact-width { width: max-content; max-width: 100%; }
.dm-spoiler-set .dm-spoiler-bar.has-exact-width::after { content: attr(data-spoiler-text); display: block; height: 21px; color: transparent; font: inherit; line-height: 21px; white-space: pre; visibility: hidden; }
.dm-empty, .dm-locked { margin: auto; padding: 32px; text-align: center; color: var(--dm-muted); }.dm-empty > span { display: inline-block; }.dm-empty .dm-avatar { width: 72px; height: 72px; }.dm-empty h3, .dm-locked h3 { margin: 12px 0 5px; color: #253748; }.dm-empty p, .dm-locked p { margin: 0; font-size: 13px; }
.dm-locked > i { font-size: 38px; color: var(--dm-cloud); }.dm-locked form { margin-top: 18px; display: flex; justify-content: center; }.dm-locked input { width: 180px; height: 38px; padding: 0 10px; border: 1px solid var(--dm-line); border-radius: 7px 0 0 7px; background: #ffffff; outline: 0; }.dm-locked button { border: 0; border-radius: 0 7px 7px 0; padding: 0 13px; color: var(--btn-primary-text, #ffffff); background: var(--btn-primary-bg, var(--dm-rain)); }

.dm-composer { flex: 0 0 auto; padding: 6px; }
.dm-composer-row { min-height: 46px; display: flex; align-items: center; gap: 16px; padding: 8px 10px; border-radius: 12px; background: #ffffff; box-shadow: inset 0 0 0 1px rgba(52,73,96,.08); }
.dm-composer-row:focus-within { box-shadow: inset 0 0 0 1px rgba(52,73,96,.08); }
.dm-composer textarea, .dm-composer textarea:focus { flex: 1; min-width: 0; height: 30px; max-height: 160px; margin-left: -2px; padding: 7px 2px 2px; resize: none; border: 0 !important; outline: 0 !important; box-shadow: none !important; color: #2c3d4c; background: transparent; line-height: 21px; }
.dm-composer textarea::placeholder { line-height: 19px; }
.dm-composer button { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 8px; color: #647788; background: transparent; line-height: 1; }
.dm-composer .dm-tool { width: 36px; transform: translateY(1px); }
.server-attach-control { position: relative; flex: 0 0 auto; }
.server-composer .dm-tool { position: relative; }
.server-composer .dm-tool::before { content: ''; position: absolute; z-index: 0; top: 50%; left: 50%; width: 30px; height: 30px; border-radius: 8px; background: transparent; transform: translate(-50%, -50%); }
.server-composer .dm-tool:hover { background: transparent; }
.server-composer .dm-tool:hover::before { background: var(--dm-send-hover, var(--dm-hover)); }
.server-composer .dm-tool .dm-ui-icon { position: relative; z-index: 1; }
.server-composer-menu { position: absolute; z-index: 12; bottom: calc(100% + 8px); left: 0; width: 132px; display: flex; flex-direction: column; gap: 2px; border: 1px solid var(--dm-line); border-radius: 7px; padding: 4px; background: #ffffff; box-shadow: 0 4px 12px rgba(28,49,70,.14); }
.server-composer-menu[hidden] { display: none !important; }
#guest_dm .server-composer-menu button { width: 100%; height: 30px; display: flex; align-items: center; justify-content: flex-start; border-radius: 4px; padding: 0 9px; color: inherit; background: transparent; font-size: 13px; font-weight: normal; white-space: nowrap; }
#guest_dm .server-composer-menu button:hover, #guest_dm .server-composer-menu button.is-active { background: var(--dm-action-button-hover); }
.server-attachment-preview { min-width: 0; display: flex; gap: 9px; overflow-x: auto; overflow-y: hidden; padding: 10px 10px 6px; border-radius: 12px 12px 0 0; background: #ffffff; box-shadow: inset 1px 0 0 rgba(52,73,96,.08), inset -1px 0 0 rgba(52,73,96,.08), inset 0 1px 0 rgba(52,73,96,.08); scrollbar-width: thin; scrollbar-color: var(--dm-muted) transparent; }
.server-attachment-preview[hidden] { display: none !important; }
.server-composer.has-attachments .dm-composer-row { border-radius: 0 0 12px 12px; box-shadow: inset 1px 0 0 rgba(52,73,96,.08), inset -1px 0 0 rgba(52,73,96,.08), inset 0 -1px 0 rgba(52,73,96,.08); }
.server-composer.is-replying.has-attachments .server-attachment-preview { border-radius: 0; }
.server-attachment-card { position: relative; width: 174px; flex: 0 0 174px; overflow: visible; border: 1px solid var(--dm-line); border-radius: 8px; padding: 8px; color: var(--dm-muted); background: #ffffff; box-shadow: 0 2px 5px rgba(28,49,70,.09); }
.server-attachment-card[draggable="true"] { cursor: grab; }
.server-attachment-card.is-dragging { opacity: .48; cursor: grabbing; }
.server-attachment-visual { width: 156px; height: 130px; display: grid; place-items: center; overflow: hidden; border-radius: 6px; color: var(--dm-muted); background: rgba(63,85,112,.07); }
.server-attachment-visual img, .server-attachment-visual video { width: 100%; height: 100%; display: block; object-fit: contain; }
.server-attachment-visual strong { max-width: 138px; overflow: hidden; font-size: 18px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.server-attachment-card > p { overflow: hidden; margin: 7px 0 0; color: inherit; font-size: 12px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; }
.server-attachment-actions { position: absolute; z-index: 2; top: -6px; right: -6px; overflow: visible; border: 1px solid var(--dm-line); border-radius: 7px; padding: 0; background: #ffffff; box-shadow: 0 4px 12px rgba(28,49,70,.14); }
#guest_dm .server-attachment-actions button,
#guest_dm .server-attachment-actions button:hover { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 6px; padding: 0; color: #da373c !important; }
#guest_dm .server-attachment-actions button { background: transparent; }
#guest_dm .server-attachment-actions button:hover { background: var(--dm-hover); }
.server-attachment-delete-icon { width: 20px; height: 20px; display: block; background-color: #da373c !important; -webkit-mask: url('/data/assets/delete.svg') center / contain no-repeat; mask: url('/data/assets/delete.svg') center / contain no-repeat; }
.dm-edit-attachment-preview { min-width: 0; display: flex; gap: 9px; overflow-x: auto; overflow-y: hidden; margin-top: 6px; border: 1px solid var(--dm-line); border-radius: 7px; padding: 9px; background: #ffffff; scrollbar-width: thin; scrollbar-color: var(--dm-muted) transparent; }
.server-attachment-preview::-webkit-scrollbar,
.dm-edit-attachment-preview::-webkit-scrollbar { width: 7px; height: 7px; }
.server-attachment-preview::-webkit-scrollbar-track,
.dm-edit-attachment-preview::-webkit-scrollbar-track { background: transparent; }
.server-attachment-preview::-webkit-scrollbar-thumb,
.dm-edit-attachment-preview::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 7px; background: var(--dm-muted); background-clip: padding-box; }
.server-attachment-preview::-webkit-scrollbar-button,
.dm-edit-attachment-preview::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.dm-edit-attachment-preview[hidden] { display: none !important; }
.server-edit-add-attachment { width: 174px; min-height: 168px; flex: 0 0 174px; align-self: stretch; display: grid; place-items: center; border: 1px solid var(--dm-line); border-radius: 8px; padding: 0; color: var(--dm-muted); background: transparent; }
.server-edit-add-attachment:hover { color: var(--dm-ink); background: var(--dm-hover); }
.server-edit-add-attachment .dm-ui-icon { width: 30px; height: 30px; --dm-icon-image: url('/data/assets/add.svg'); }
.server-edit-add-wrap { position: relative; width: 174px; min-height: 168px; flex: 0 0 174px; align-self: stretch; }
.server-edit-add-wrap .server-edit-add-attachment { width: 100%; height: 100%; min-height: 168px; }
.server-edit-add-menu { top: 8px; bottom: auto; left: 8px; border: 0 !important; }
#guest_dm .server-edit-add-menu button { border: 0 !important; outline: 0; }
.server-replying { height: 30px; display: flex; align-items: center; justify-content: space-between; border-radius: 12px 12px 0 0; padding: 0 8px 0 18px; color: var(--dm-muted); background: #ffffff; box-shadow: inset 1px 0 0 var(--dm-line), inset -1px 0 0 var(--dm-line), inset 0 1px 0 var(--dm-line); font-size: 12px; line-height: 1; }
.server-replying[hidden] { display: none !important; }
.server-replying > span { height: 100%; display: flex; align-items: center; transform: translateY(1px); }
.server-replying strong { color: inherit; font-weight: 700; }
.server-replying button { width: 26px; height: 26px; transform: translateY(1px); }
.server-replying .dm-ui-icon { width: 14px; height: 14px; }
.server-composer.is-replying .dm-composer-row { border-radius: 0 0 12px 12px; box-shadow: inset 1px 0 0 var(--dm-line), inset -1px 0 0 var(--dm-line), inset 0 1px 0 var(--dm-line), inset 0 -1px 0 var(--dm-line); }
.dm-composer button[type="submit"] { color: var(--btn-primary-text, #ffffff); background: transparent; }
.dm-composer button[type="submit"]:hover { background: var(--dm-send-hover, var(--dm-hover)); }
.dm-composer button[type="submit"] > i { width: 22px; height: 22px; display: block; background-color: currentColor; font-size: 0; -webkit-mask: url('/data/assets/send.svg') center / contain no-repeat; mask: url('/data/assets/send.svg') center / contain no-repeat; }
.dm-composer-tools { display: flex; align-items: center; gap: 6px; }.dm-composer-tools::before { content: ''; width: 1px; height: 26px; flex: 0 0 1px; background: var(--dm-line); }.dm-composer-tools button { font-size: 12px; font-weight: 800; }.dm-composer .is-disabled { opacity: .42; cursor: default; }
.dm-edit-form { position: static; display: block; margin: 4px 0 0; padding: 0; border: 0; background: transparent; box-shadow: none; }.dm-edit-form textarea { width: 100%; min-height: 42px; overflow: hidden; resize: none; border: 0; border-radius: 6px; outline: 0; padding: 10px 12px; color: #304150; background: #ffffff; line-height: 1.55; }.dm-edit-form textarea:focus { border: 0; outline: 0; box-shadow: none; }.dm-edit-controls { display: flex; align-items: center; gap: 4px; margin-top: 4px; color: #637887; font-size: 11px; }.dm-edit-controls button { border: 0; border-radius: 0; padding: 0; color: var(--dm-ink); background: transparent; font-size: inherit; line-height: inherit; }.dm-edit-controls button:hover { color: var(--dm-ink); background: transparent; text-decoration: underline; }

.dm-profile-card { width: 245px; overflow: hidden; border: 0; outline: 2px solid var(--dm-window-border); border-radius: 7px; background: #ffffff; box-shadow: 0 18px 50px rgba(32,64,94,.2); }
.dm-profile-column { width: 245px; display: flex; flex-direction: column; gap: 14px; align-self: center; }.dm-guest-identity .dm-profile-body { padding-bottom: 15px; }.dm-guest-identity .dm-profile-avatar-wrap { pointer-events: none; }.dm-guest-identity input { display: block; width: 100%; border: 0; outline: 0; padding: 0; color: #263847; background: transparent; box-shadow: none; }.dm-guest-identity input::placeholder { color: #263847; opacity: .72; }.dm-guest-name { margin-top: 1px; font-size: 17px; font-weight: 700; line-height: 1.3; }.dm-guest-password { margin-top: 2px; color:  #667989!important; font-size: 11px; line-height: 1.4; }.dm-guest-secret-field { position: relative; display: block; min-height: 36px; margin: 8px 0 0; color: #4f6475; font-size: 12px; line-height: 1.45; }.dm-guest-secret-field input { position: absolute; z-index: 1; inset: 0; height: 100%; font-size: 12px; }.dm-guest-secret-field span { position: relative; z-index: 2; display: block; pointer-events: none; opacity: .82; }.dm-guest-secret-field:focus-within span, .dm-guest-secret-field.has-value span { opacity: 0; }.dm-guest-secret-field input::placeholder { color: transparent; }
#guest_dm .dm-guest-identity .dm-profile-body { height: auto; padding-bottom: 17px; }
#guest_dm .dm-guest-identity input, #guest_dm .dm-guest-identity input:focus { box-sizing: border-box; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; border: 0 !important; outline: 0 !important; padding-right: 0 !important; padding-left: 0 !important; text-align: left; text-indent: 0 !important; -webkit-appearance: none; appearance: none; box-shadow: none !important; transform: none !important; }
#guest_dm .dm-guest-identity input::placeholder, #guest_dm .dm-guest-identity input:focus::placeholder { padding: 0; text-align: left; text-indent: 0; transform: none; }
#guest_dm .dm-guest-name { height: 24px; margin: 0; font-size: 18px !important; font-weight: 700 !important; line-height: 24px; }
#guest_dm .dm-guest-password { height: 17px; margin: 1px 0 0; font-size: 12px !important; line-height: 17px; }
#guest_dm .dm-guest-secret-field { height: 19px; min-height: 19px; margin: 10px 0 0; font-size: 13px !important; line-height: 19px; }
#guest_dm .dm-guest-secret-field input { position: static; height: 19px; font-size: 13px !important; line-height: 19px; }
#guest_dm .dm-guest-secret-field input::placeholder, #guest_dm .dm-guest-secret-field input:focus::placeholder { color: #4f6475; opacity: .82; }
.dm-guest-identity-status { min-height: 14px; margin: 3px 0 0; color: #da3744; font-size: 10px; line-height: 1.4; }
.dm-guest-identity-status:empty { display: none; }
.dm-guest-identity > .dm-profile-banner, .dm-member-profile > .dm-profile-banner { background: #a7cbec; }
.dm-profile-banner.is-default-banner { background: #a7cbec; }
.dm-viewer-profile .dm-profile-body { padding-bottom: 17px; }
.dm-viewer-profile .dm-profile-body h2 { font-weight: 700; }
.dm-member-profile .dm-guest-secret-field { height: 19px; min-height: 19px; margin: 10px 0 0; line-height: 19px; }
.dm-member-profile .dm-guest-secret-field input, .dm-member-profile .dm-guest-secret-field input:focus { position: static; box-sizing: border-box; display: block; width: 100%; height: 19px; margin: 0; border: 0; outline: 0; padding: 0; color: #4f6475; background: transparent; font-size: 13px; line-height: 19px; text-indent: 0; box-shadow: none; appearance: none; }
.dm-member-profile .dm-guest-secret-field input::placeholder, .dm-member-profile .dm-guest-secret-field input:focus::placeholder { color: #4f6475; opacity: .82; text-indent: 0; }
.dm-admin-secret-profile { overflow: visible; }
#guest_dm .dm-admin-secret-profile .dm-profile-body { padding: 14px 16px; }
#guest_dm .dm-admin-secret-profile .dm-guest-secret-field { margin: 0; }
.dm-profile-banner { width: 100%; height: auto; aspect-ratio: 3 / 1; background: linear-gradient(148.71deg, var(--dm-rain) 5.64%, var(--dm-cloud) 49.92%, var(--dm-rain) 73.12%); background-position: center; background-size: cover; }
.dm-profile-body { position: relative; padding: 41px 16px 17px; }.dm-profile-avatar-wrap { position: absolute; top: -44px; left: 10px; padding: 5px; border-radius: 50%; background: #ffffff; }.dm-profile-avatar-wrap .dm-avatar { width: 68px; height: 68px; }.dm-online-dot { position: absolute; right: 3px; bottom: 4px; width: 23px; height: 23px; border: 5px solid #ffffff; border-radius: 50%; background: #23a548; }
.dm-profile-edit { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; border: 0; border-radius: 4px; color: #657788; background: transparent; }
.dm-profile-edit:hover { color: inherit; background: var(--dm-action-button-hover); }
.dm-profile-body h2 { margin: 0; color: #203140; font-size: 18px; }.dm-handle { margin: 1px 0 0; color: hsl(205.510 15.385% 45.882%); font-size: 12px; }.dm-profile-bio { margin: 10px 0; color: #596d7d; font-size: 13px !important; line-height: 1.55; }.dm-profile-message { width: 100%; min-height: 38px; border: 0; border-radius: min(var(--btn-primary-radius, 5px), 5px); padding: 8px 10px; color: var(--btn-primary-text, #ffffff); background: var(--btn-primary-bg, var(--dm-rain)); font-size: 13px !important; font-weight: 700; }

.dm-modal { position: fixed; z-index: 10000; inset: 0; display: grid; place-items: center; padding: 18px; }.dm-modal-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: transparent; backdrop-filter: none; }.dm-modal-dialog { position: relative; width: min(520px, 100%); overflow: hidden; border: 0; outline: 2px solid var(--dm-window-border); border-radius: 7px; background: hsl(202.84 70% 96.078%); box-shadow: 0 18px 48px hsl(212.991 32.203% 11.569% / .28), 0 2px 10px hsl(212.991 32.203% 11.569% / .14); animation: dm-modal-in .18s ease-out; }
@keyframes dm-modal-in { from { opacity: 0; transform: scale(.96) translateY(8px); } }
.dm-modal-dialog form { padding: 18px; }.dm-modal-identity { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 9px; }.dm-modal-dialog input, .dm-modal-dialog textarea { width: 100%; border: 1px solid var(--dm-line); border-radius: 8px; padding: 10px 11px; outline: 0; color: hsl(208.685 30.275% 21.373%); background: #ffffff; }.dm-modal-dialog textarea { min-height: 165px; resize: vertical; }.dm-modal-dialog input:focus, .dm-modal-dialog textarea:focus { border-color: var(--dm-rain); box-shadow: 0 0 0 3px hsl(194.227 47.032% 42.941% / .12); }
.dm-secret-option { display: inline-flex; margin: 10px 0 0; color: hsl(208.979 17.371% 41.765%); font-size: 12px; cursor: pointer; }.dm-secret-option input { width: auto; margin-right: 6px; }.dm-secret-password { margin-top: 8px; }.dm-modal-dialog footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }.dm-modal-dialog footer button { min-height: 37px; border: 0; border-radius: 7px; padding: 0 14px; color: hsl(209.647 16.505% 40.392%); background: hsl(213.412 20% 44.118% / .1); }.dm-modal-dialog footer button[type="submit"] { color: var(--btn-primary-text, #ffffff); background: var(--btn-primary-bg, var(--dm-rain)); }.dm-modal-open { overflow: hidden; }
.dm-profile-dialog { width: min(610px, 100%); }.dm-profile-dialog label > span { display: block; margin-bottom: 5px; color: hsl(208.979 17.209% 42.157%); font-size: 11px; font-weight: 700; }.dm-profile-dialog textarea { min-height: 95px; }.dm-profile-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 11px; }.dm-profile-fields input[type="file"] { padding: 8px; font-size: 11px; }.dm-profile-fields label > small { display: block; margin-top: 5px; color: hsl(209.537 13.445% 53.333%); font-size: 10px; }.dm-profile-fields .dm-remove-image { display: flex; align-items: center; gap: 5px; margin-top: 6px; font-size: 10px; }.dm-profile-fields .dm-remove-image input { width: auto; }.dm-profile-status { min-height: 18px; margin: 9px 0 0; color: var(--dm-rain); font-size: 11px; }
.dm-theme-picker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; border: 0; padding: 0; }.dm-theme-picker legend { margin-bottom: 6px; color: hsl(208.979 17.209% 42.157%); font-size: 11px; font-weight: 700; }.dm-theme-picker label { position: relative; min-width: 0; display: block; cursor: pointer; }.dm-theme-picker input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }.dm-theme-picker label > span { min-height: 58px; display: flex; flex-direction: column; justify-content: center; margin: 0; border: 1px solid var(--dm-line); border-radius: 7px; padding: 8px 10px; color: hsl(208.979 17.209% 42.157%); background: rgba(255,255,255,.58); }.dm-theme-picker label > span b { color: hsl(208.685 30.275% 21.373%); font-size: 12px; }.dm-theme-picker label > span small { margin-top: 3px; color: hsl(209.537 13.445% 53.333%); font-size: 10px; font-weight: normal; }.dm-theme-picker input:checked + span { border-color: var(--dm-rain); background: var(--dm-hover); box-shadow: inset 0 0 0 1px var(--dm-rain); }.dm-theme-picker input:focus-visible + span { outline: 2px solid var(--dm-rain); outline-offset: 2px; }
.dm-password-dialog { width: min(290px, 100%); }.dm-password-dialog form { padding: 13px; }.dm-password-dialog label > span { display: block; margin-bottom: 4px; color: hsl(208.979 17.209% 42.157%); font-size: 11px; font-weight: normal; }.dm-password-dialog input { padding: 8px 9px; border-radius: 6px; }.dm-password-dialog footer { gap: 6px; margin-top: 8px; }.dm-password-dialog footer button { min-height: 32px; padding: 0 11px; }.dm-password-status { min-height: 0; margin: 6px 0 0; color: hsl(356.626 68.776% 53.529%); font-size: 11px; }.dm-password-status:empty { display: none; }
.dm-password-dialog input:focus { outline: 0; border-color: var(--dm-line); box-shadow: none; }

#guest_dm.dm-theme-discord-light {
    --dm-window-border: #d5d7dc;
    --dm-action-button-hover: #f2f3f5;
    --dm-send-hover: #f2f3f5;
    --dm-rain: #5865f2;
    --dm-cloud: #7983f5;
    --dm-pale: #e0e3ff;
    --dm-ink: #313338;
    --dm-white: #ffffff;
    --dm-sidebar: #f2f3f5;
    --dm-chat: #ffffff;
    --dm-muted: #5c5e66;
    --dm-line: #e3e5e8;
    --dm-hover: #e3e5e8;
}
.dm-mobile-viewport { display: contents; }
#guest_dm.dm-theme-discord-light .dm-app { background: #ffffff; box-shadow: 0 20px 55px rgba(30,31,34,.16), 0 2px 8px rgba(30,31,34,.08); }
#guest_dm.dm-theme-discord-light .dm-sidebar { background: #f2f3f5; }
#guest_dm.dm-theme-discord-light .dm-search-wrap { color: #5c5e66; background: #ebedef; box-shadow: none; }
#guest_dm.dm-theme-discord-light .dm-search-wrap input, #guest_dm.dm-theme-discord-light .dm-search-wrap input::placeholder { color: #4e5058; }
#guest_dm.dm-theme-discord-light .dm-search-wrap input::-webkit-search-cancel-button { background-color: #5c5e66; }
#guest_dm.dm-theme-discord-light .dm-sidebar-title, #guest_dm.dm-theme-discord-light .dm-list-item { color: #4e5058; }
#guest_dm.dm-theme-discord-light .dm-list-item:hover { color: #313338; background: #eceef0; }
#guest_dm.dm-theme-discord-light .dm-list-item.is-active { color: #313338; background: #e6e8eb; }
#guest_dm.dm-theme-discord-light .dm-list-copy small, #guest_dm.dm-theme-discord-light .dm-list-item time { color: #80848e; }
#guest_dm.dm-theme-discord-light .dm-tooltip, #guest_dm.dm-theme-discord-light .dm-action-tooltip { color: #313338; background: #ffffff; box-shadow: 0 4px 14px rgba(30,31,34,.18); }
#guest_dm.dm-theme-discord-light .dm-tooltip::after, #guest_dm.dm-theme-discord-light .dm-action-tooltip::after { border-top-color: #ffffff; }
#guest_dm.dm-theme-discord-light .dm-action-tooltip.is-below::after { border-top-color: transparent; border-bottom-color: #ffffff; }
#guest_dm.dm-theme-discord-light .dm-message-actions { border-color: #dfe1e5; background: #ffffff; box-shadow: 0 4px 14px rgba(30,31,34,.18); }
#guest_dm.dm-theme-discord-light .dm-message-actions a, #guest_dm.dm-theme-discord-light .dm-message-actions button { color: #4e5058; }
#guest_dm.dm-theme-discord-light .dm-action-reaction:hover, #guest_dm.dm-theme-discord-light .dm-message-actions .dm-action-edit:hover, #guest_dm.dm-theme-discord-light .dm-message-actions .dm-action-reply:hover { color: #4e5058; background: #f2f3f5; }
#guest_dm.dm-theme-discord-light .dm-message-actions .dm-action-delete:hover { color: #ffffff; background: #da373c; }
#guest_dm.dm-theme-discord-light .dm-action-divider { background: #e3e5e8; }
#guest_dm.dm-theme-discord-light .dm-chat, #guest_dm.dm-theme-discord-light .dm-chat-header { background: #ffffff; }
#guest_dm.dm-theme-discord-light .dm-chat-header { border-color: #e3e5e8; box-shadow: 0 1px 0 rgba(30,31,34,.08); backdrop-filter: none; }
#guest_dm.dm-theme-discord-light .dm-chat-title strong, #guest_dm.dm-theme-discord-light .dm-message-meta strong, #guest_dm.dm-theme-discord-light .dm-message-content, #guest_dm.dm-theme-discord-light .dm-new-conversation-empty p b { color: #313338; }
#guest_dm.dm-theme-discord-light .server-welcome-enter { color: #313338; }
#guest_dm.dm-theme-discord-light .dm-message-meta time, #guest_dm.dm-theme-discord-light .dm-header-actions { color: #5c5e66; }
#guest_dm.dm-theme-discord-light .dm-avatar { color: #4e5058; background: #dfe1e5; }
#guest_dm.dm-theme-discord-light .dm-header-actions button, #guest_dm.dm-theme-discord-light .dm-new-chat-close, #guest_dm.dm-theme-discord-light .dm-composer button { color: #5c5e66; }
#guest_dm.dm-theme-discord-light .dm-composer button[type="submit"] { color: #4e5058; background: transparent; }
#guest_dm.dm-theme-discord-light .dm-composer button[type="submit"]:hover { background: var(--dm-send-hover); }
#guest_dm.dm-theme-discord-light .dm-profile-message { color: #4e5058; background: #dfe1e5; }
#guest_dm.dm-theme-discord-light .dm-message:hover { background: #f6f6f7; }
#guest_dm.dm-theme-discord-light .dm-composer-row { background: #ffffff; box-shadow: inset 0 0 0 1px #e3e5e8; }
#guest_dm.dm-theme-discord-light .server-composer-menu { border-color: #dfe1e5; color: #4e5058; background: #ffffff; box-shadow: 0 4px 14px rgba(30,31,34,.18); }
#guest_dm.dm-theme-discord-light .server-attachment-preview { background: #ffffff; box-shadow: inset 1px 0 0 #e3e5e8, inset -1px 0 0 #e3e5e8, inset 0 1px 0 #e3e5e8; }
#guest_dm.dm-theme-discord-light .server-composer.has-attachments .dm-composer-row { box-shadow: inset 1px 0 0 #e3e5e8, inset -1px 0 0 #e3e5e8, inset 0 -1px 0 #e3e5e8; }
#guest_dm.dm-theme-discord-light .server-attachment-card, #guest_dm.dm-theme-discord-light .server-attachment-actions { border-color: #dfe1e5; color: #4e5058; background: #ffffff; }
#guest_dm.dm-theme-discord-light .dm-edit-attachment-preview { border-color: #e3e5e8; background: #ffffff; }
#guest_dm.dm-theme-discord-light .server-attachment-actions button:hover { color: #da373c; background: #f2f3f5; }
#guest_dm.dm-theme-discord-light .server-attachment-visual { color: #5c5e66; background: #f2f3f5; }
#guest_dm.dm-theme-discord-light .server-message-file { border-color: #dfe1e5; color: #4e5058; background: #f2f3f5; }
#guest_dm.dm-theme-discord-light .server-media-dialog, #guest_dm.dm-theme-discord-light .server-media-dialog > button { border-color: #dfe1e5; color: #4e5058; background: #ffffff; }
#guest_dm.dm-theme-discord-light .dm-composer textarea { color: #313338; }
#guest_dm.dm-theme-discord-light .dm-composer textarea::placeholder { color: #80848e; opacity: 1; }
#guest_dm.dm-theme-discord-light .dm-profile-card { background: #ffffff; box-shadow: 0 14px 38px rgba(30,31,34,.14); }
#guest_dm.dm-theme-discord-light .dm-profile-edit { color: #5c5e66; background: transparent; }
#guest_dm.dm-theme-discord-light .dm-profile-edit:hover { color: #5c5e66; background: var(--dm-action-button-hover); }
#guest_dm.dm-theme-discord-light .dm-guest-identity > .dm-profile-banner, #guest_dm.dm-theme-discord-light .dm-member-profile > .dm-profile-banner, #guest_dm.dm-theme-discord-light .dm-profile-banner.is-default-banner { background: #f2f3f5; }
#guest_dm.dm-theme-discord-light .dm-profile-avatar-wrap { background: #ffffff; }
#guest_dm.dm-theme-discord-light .dm-online-dot { border-color: #ffffff; }
#guest_dm.dm-theme-discord-light .dm-modal-dialog { background: #ffffff; box-shadow: 0 18px 48px rgba(30,31,34,.22), 0 2px 10px rgba(30,31,34,.1); }
#guest_dm.dm-theme-discord-light .dm-modal-dialog input, #guest_dm.dm-theme-discord-light .dm-modal-dialog textarea { color: #313338; border-color: #dfe1e5; background: #f2f3f5; }
#guest_dm.dm-theme-discord-light .dm-theme-picker label > span { border-color: #dfe1e5; background: #f2f3f5; }
#guest_dm.dm-theme-discord-light .dm-theme-picker input:checked + span { border-color: #5865f2; background: #e0e3ff; box-shadow: inset 0 0 0 1px #5865f2; }
#guest_dm.dm-theme-discord-ash {
    --dm-window-border: #4a4b52;
    --dm-action-button-hover: #4a4b52;
    --dm-send-hover: #4a4b52;
    --dm-rain: #8b93f6;
    --dm-cloud: #9da3f7;
    --dm-pale: #404147;
    --dm-ink: #f2f3f5;
    --dm-white: #ffffff;
    --dm-sidebar: #2d2e33;
    --dm-chat: #33343a;
    --dm-muted: #b5bac1;
    --dm-line: #4a4b52;
    --dm-hover: #3a3b41;
    color: #e3e5e8;
}
#guest_dm.dm-theme-discord-ash .dm-app { background: #33343a; box-shadow: 0 22px 58px rgba(18,19,22,.34), 0 2px 9px rgba(18,19,22,.22); }
#guest_dm.dm-theme-discord-ash .dm-sidebar { background: #2d2e33; }
#guest_dm.dm-theme-discord-ash .dm-search-wrap { color: #b5bac1; background: #25262b; box-shadow: none; }
#guest_dm.dm-theme-discord-ash .dm-search-wrap input, #guest_dm.dm-theme-discord-ash .dm-search-wrap input::placeholder { color: #b5bac1; }
#guest_dm.dm-theme-discord-ash .dm-search-wrap input::-webkit-search-cancel-button { background-color: #b5bac1; }
#guest_dm.dm-theme-discord-ash .dm-sidebar-title, #guest_dm.dm-theme-discord-ash .dm-list-item { color: #b5bac1; }
#guest_dm.dm-theme-discord-ash .dm-list-item:hover { color: #f2f3f5; background: #323338; }
#guest_dm.dm-theme-discord-ash .dm-list-item.is-active { color: #ffffff; background: #37383d; }
#guest_dm.dm-theme-discord-ash .dm-list-copy small, #guest_dm.dm-theme-discord-ash .dm-list-item time { color: #a4a8b0; }
#guest_dm.dm-theme-discord-ash .dm-tooltip, #guest_dm.dm-theme-discord-ash .dm-action-tooltip { color: #ffffff; background: #3a3b41; box-shadow: 0 5px 16px rgba(18,19,22,.34); }
#guest_dm.dm-theme-discord-ash .dm-tooltip::after, #guest_dm.dm-theme-discord-ash .dm-action-tooltip::after { border-top-color: #3a3b41; }
#guest_dm.dm-theme-discord-ash .dm-action-tooltip.is-below::after { border-top-color: transparent; border-bottom-color: #3a3b41; }
#guest_dm.dm-theme-discord-ash .dm-chat, #guest_dm.dm-theme-discord-ash .dm-chat-header { background: #33343a; }
#guest_dm.dm-theme-discord-ash .dm-chat-header { border-color: #292a2f; box-shadow: 0 1px 0 rgba(18,19,22,.25); backdrop-filter: none; }
#guest_dm.dm-theme-discord-ash .dm-chat-title strong, #guest_dm.dm-theme-discord-ash .dm-message-meta strong, #guest_dm.dm-theme-discord-ash .dm-message-content, #guest_dm.dm-theme-discord-ash .dm-new-conversation-empty strong, #guest_dm.dm-theme-discord-ash .dm-new-conversation-empty p b { color: #f2f3f5; }
#guest_dm.dm-theme-discord-ash .server-welcome-enter { color: #f2f3f5; }
#guest_dm.dm-theme-discord-ash .dm-chat-title small, #guest_dm.dm-theme-discord-ash .dm-message-meta time, #guest_dm.dm-theme-discord-ash .dm-header-actions, #guest_dm.dm-theme-discord-ash .dm-new-conversation-empty, #guest_dm.dm-theme-discord-ash .dm-new-conversation-empty > span, #guest_dm.dm-theme-discord-ash .dm-new-conversation-empty p { color: #b5bac1; }
#guest_dm.dm-theme-discord-ash .dm-avatar { color: #d7d9dc; background: #404147; }
#guest_dm.dm-theme-discord-ash .dm-header-actions button, #guest_dm.dm-theme-discord-ash .dm-new-chat-close, #guest_dm.dm-theme-discord-ash .dm-composer button { color: #b5bac1; }
#guest_dm.dm-theme-discord-ash .dm-composer button[type="submit"] { color: #f2f3f5; background: transparent; }
#guest_dm.dm-theme-discord-ash .dm-composer button[type="submit"]:hover { background: var(--dm-send-hover); }
#guest_dm.dm-theme-discord-ash .dm-profile-message { color: #f2f3f5; background: #404147; }
#guest_dm.dm-theme-discord-ash .dm-message:hover { background: #3a3b41; }
#guest_dm.dm-theme-discord-ash .dm-message-actions { border-color: #4a4b52; background: #3a3b41; box-shadow: 0 4px 14px rgba(18,19,22,.32); }
#guest_dm.dm-theme-discord-ash .dm-message-actions a, #guest_dm.dm-theme-discord-ash .dm-message-actions button { color: #c7c9ce; }
#guest_dm.dm-theme-discord-ash .dm-action-reaction:hover, #guest_dm.dm-theme-discord-ash .dm-message-actions .dm-action-edit:hover, #guest_dm.dm-theme-discord-ash .dm-message-actions .dm-action-reply:hover { color: #ffffff; background: #4a4b52; }
#guest_dm.dm-theme-discord-ash .dm-message-actions .dm-action-delete:hover { color: #ffffff; background: #da373c; }
#guest_dm.dm-theme-discord-ash .dm-action-divider { background: #55565d; }
#guest_dm.dm-theme-discord-ash .dm-reaction-chip { color: #c7c9ce; border-color: #4a4b52; background: #3a3b41; }
#guest_dm.dm-theme-discord-ash .dm-spoiler-lock .dm-spoiler-bar, #guest_dm.dm-theme-discord-ash .dm-spoiler-lock:hover .dm-spoiler-bar { background: #7f828b; }
#guest_dm.dm-theme-discord-ash .dm-composer-row { background: #3f4047; box-shadow: inset 0 0 0 1px #4a4b52; }
#guest_dm.dm-theme-discord-ash .server-composer-menu { border-color: #25262b; color: #f2f3f5; background: #3a3b41; box-shadow: 0 5px 16px rgba(18,19,22,.34); }
#guest_dm.dm-theme-discord-ash .server-attachment-preview { background: #3f4047; box-shadow: inset 1px 0 0 #4a4b52, inset -1px 0 0 #4a4b52, inset 0 1px 0 #4a4b52; }
#guest_dm.dm-theme-discord-ash .server-composer.has-attachments .dm-composer-row { box-shadow: inset 1px 0 0 #4a4b52, inset -1px 0 0 #4a4b52, inset 0 -1px 0 #4a4b52; }
#guest_dm.dm-theme-discord-ash .server-attachment-card, #guest_dm.dm-theme-discord-ash .server-attachment-actions { border-color: #4a4b52; color: #c7c9ce; background: #33343a; }
#guest_dm.dm-theme-discord-ash .dm-edit-attachment-preview { border-color: #4a4b52; background: #3f4047; }
#guest_dm.dm-theme-discord-ash .server-attachment-actions button:hover { color: #da373c; background: #4a4b52; }
#guest_dm.dm-theme-discord-ash .server-attachment-visual { color: #b5bac1; background: #2d2e33; }
#guest_dm.dm-theme-discord-ash .server-message-file { border-color: #4a4b52; color: #c7c9ce; background: #2d2e33; }
#guest_dm.dm-theme-discord-ash .server-media-dialog, #guest_dm.dm-theme-discord-ash .server-media-dialog > button { border-color: #4a4b52; color: #c7c9ce; background: #33343a; }
#guest_dm.dm-theme-discord-ash .dm-composer textarea { color: #f2f3f5; }
#guest_dm.dm-theme-discord-ash .dm-composer textarea::placeholder { color: #9da1aa; opacity: 1; }
#guest_dm.dm-theme-discord-ash .dm-profile-card { background: #2d2e33; box-shadow: 0 16px 42px rgba(18,19,22,.32); }
#guest_dm.dm-theme-discord-ash .dm-guest-identity > .dm-profile-banner, #guest_dm.dm-theme-discord-ash .dm-member-profile > .dm-profile-banner, #guest_dm.dm-theme-discord-ash .dm-profile-banner.is-default-banner { background: #404147; }
#guest_dm.dm-theme-discord-ash .dm-profile-avatar-wrap { background: #2d2e33; }
#guest_dm.dm-theme-discord-ash .dm-online-dot { border-color: #2d2e33; }
#guest_dm.dm-theme-discord-ash .dm-profile-body h2, #guest_dm.dm-theme-discord-ash .dm-guest-identity input, #guest_dm.dm-theme-discord-ash .dm-guest-identity input::placeholder { color: #f2f3f5; }
#guest_dm.dm-theme-discord-ash .dm-handle, #guest_dm.dm-theme-discord-ash .dm-profile-bio, #guest_dm.dm-theme-discord-ash .dm-guest-password, #guest_dm.dm-theme-discord-ash .dm-guest-secret-field input, #guest_dm.dm-theme-discord-ash .dm-guest-secret-field input::placeholder { color: #b5bac1 !important; }
#guest_dm.dm-theme-discord-ash .dm-profile-edit { color: #d7d9dc; background: transparent; }
#guest_dm.dm-theme-discord-ash .dm-profile-edit:hover { color: #d7d9dc; background: var(--dm-action-button-hover); }
#guest_dm.dm-theme-discord-ash .dm-modal-dialog { color: #e3e5e8; background: #33343a; box-shadow: 0 20px 55px rgba(18,19,22,.42), 0 2px 10px rgba(18,19,22,.28); }
#guest_dm.dm-theme-discord-ash .dm-modal-dialog input, #guest_dm.dm-theme-discord-ash .dm-modal-dialog textarea { color: #f2f3f5; border-color: #25262b; background: #2d2e33; }
#guest_dm.dm-theme-discord-ash .dm-modal-dialog label > span, #guest_dm.dm-theme-discord-ash .dm-theme-picker legend, #guest_dm.dm-theme-discord-ash .dm-theme-picker label > span { color: #c7c9ce; }
#guest_dm.dm-theme-discord-ash .dm-theme-picker label > span { border-color: #4a4b52; background: #2d2e33; }
#guest_dm.dm-theme-discord-ash .dm-theme-picker label > span b { color: #f2f3f5; }
#guest_dm.dm-theme-discord-ash .dm-theme-picker label > span small { color: #a4a8b0; }
#guest_dm.dm-theme-discord-ash .dm-theme-picker input:checked + span { border-color: #8b93f6; background: #404147; box-shadow: inset 0 0 0 1px #8b93f6; }
#guest_dm.dm-theme-discord-ash .dm-modal-dialog footer button { color: #f2f3f5; background: #404147; }
#guest_dm.dm-theme-discord-ash.is-switching .dm-chat::after { background: rgba(45,46,51,.45); }
#guest_dm.dm-theme-discord-dark {
    --dm-window-border: #35373c;
    --dm-action-button-hover: #2b2d31;
    --dm-send-hover: #35373c;
    --dm-rain: #5865f2;
    --dm-cloud: #7983f5;
    --dm-pale: #2b2d31;
    --dm-ink: #f2f3f5;
    --dm-white: #ffffff;
    --dm-sidebar: #101113;
    --dm-chat: #1a1b1e;
    --dm-muted: #b5bac1;
    --dm-line: #35373c;
    --dm-hover: #232428;
    color: #dbdee1;
}
#guest_dm.dm-theme-discord-dark .dm-app { background: #1a1b1e; box-shadow: 0 22px 60px rgba(0,0,0,.46), 0 2px 9px rgba(0,0,0,.34); }
#guest_dm.dm-theme-discord-dark .dm-sidebar { background: #101113; }
#guest_dm.dm-theme-discord-dark .dm-search-wrap { color: #b5bac1; background: #1e1f22; box-shadow: none; }
#guest_dm.dm-theme-discord-dark .dm-search-wrap input, #guest_dm.dm-theme-discord-dark .dm-search-wrap input::placeholder { color: #b5bac1; }
#guest_dm.dm-theme-discord-dark .dm-search-wrap input::-webkit-search-cancel-button { background-color: #b5bac1; }
#guest_dm.dm-theme-discord-dark .dm-sidebar-title, #guest_dm.dm-theme-discord-dark .dm-list-item { color: #b5bac1; }
#guest_dm.dm-theme-discord-dark .dm-list-item:hover { color: #dbdee1; background: #18191c; }
#guest_dm.dm-theme-discord-dark .dm-list-item.is-active { color: #ffffff; background: #1f2024; }
#guest_dm.dm-theme-discord-dark .dm-list-copy small, #guest_dm.dm-theme-discord-dark .dm-list-item time { color: #949ba4; }
#guest_dm.dm-theme-discord-dark .dm-tooltip, #guest_dm.dm-theme-discord-dark .dm-action-tooltip { color: #ffffff; background: #232428; box-shadow: 0 5px 16px rgba(0,0,0,.42); }
#guest_dm.dm-theme-discord-dark .dm-tooltip::after, #guest_dm.dm-theme-discord-dark .dm-action-tooltip::after { border-top-color: #232428; }
#guest_dm.dm-theme-discord-dark .dm-action-tooltip.is-below::after { border-top-color: transparent; border-bottom-color: #232428; }
#guest_dm.dm-theme-discord-dark .dm-chat, #guest_dm.dm-theme-discord-dark .dm-chat-header { background: #1a1b1e; }
#guest_dm.dm-theme-discord-dark .dm-chat-header { border-color: #111214; box-shadow: 0 1px 0 rgba(0,0,0,.32); backdrop-filter: none; }
#guest_dm.dm-theme-discord-dark .dm-chat-title strong, #guest_dm.dm-theme-discord-dark .dm-message-meta strong, #guest_dm.dm-theme-discord-dark .dm-message-content, #guest_dm.dm-theme-discord-dark .dm-new-conversation-empty strong, #guest_dm.dm-theme-discord-dark .dm-new-conversation-empty p b { color: #f2f3f5; }
#guest_dm.dm-theme-discord-dark .server-welcome-enter { color: #f2f3f5; }
#guest_dm.dm-theme-discord-dark .dm-chat-title small, #guest_dm.dm-theme-discord-dark .dm-message-meta time, #guest_dm.dm-theme-discord-dark .dm-header-actions, #guest_dm.dm-theme-discord-dark .dm-new-conversation-empty, #guest_dm.dm-theme-discord-dark .dm-new-conversation-empty > span, #guest_dm.dm-theme-discord-dark .dm-new-conversation-empty p { color: #b5bac1; }
#guest_dm.dm-theme-discord-dark .dm-avatar { color: #b5bac1; background: #2b2d31; }
#guest_dm.dm-theme-discord-dark .dm-header-actions button, #guest_dm.dm-theme-discord-dark .dm-new-chat-close, #guest_dm.dm-theme-discord-dark .dm-composer button { color: #b5bac1; }
#guest_dm.dm-theme-discord-dark .dm-composer button[type="submit"] { color: #dbdee1; background: transparent; }
#guest_dm.dm-theme-discord-dark .dm-composer button[type="submit"]:hover { background: var(--dm-send-hover); }
#guest_dm.dm-theme-discord-dark .dm-profile-message { color: #dbdee1; background: #2b2d31; }
#guest_dm.dm-theme-discord-dark .dm-message:hover { background: #232428; }
#guest_dm.dm-theme-discord-dark .dm-message-actions { border-color: #35373c; background: #232428; box-shadow: 0 4px 14px rgba(0,0,0,.42); }
#guest_dm.dm-theme-discord-dark .dm-message-actions a, #guest_dm.dm-theme-discord-dark .dm-message-actions button { color: #b5bac1; }
#guest_dm.dm-theme-discord-dark .dm-message-actions .dm-action-edit:hover, #guest_dm.dm-theme-discord-dark .dm-message-actions .dm-action-reply:hover { color: #f2f3f5; background: #2b2d31; }
#guest_dm.dm-theme-discord-dark .dm-message-actions .dm-action-delete:hover { color: #ffffff; background: #da373c; }
#guest_dm.dm-theme-discord-dark .dm-reaction-chip { color: #b5bac1; border-color: #35373c; background: #232428; }
#guest_dm.dm-theme-discord-dark .dm-spoiler-lock .dm-spoiler-bar, #guest_dm.dm-theme-discord-dark .dm-spoiler-lock:hover .dm-spoiler-bar { background: #686b73; }
#guest_dm.dm-theme-discord-dark .dm-composer-row { background: #2b2d31; box-shadow: inset 0 0 0 1px #35373c; }
#guest_dm.dm-theme-discord-dark .server-composer-menu { border-color: #111214; color: #dbdee1; background: #232428; box-shadow: 0 5px 16px rgba(0,0,0,.42); }
#guest_dm.dm-theme-discord-dark .server-attachment-preview { background: #2b2d31; box-shadow: inset 1px 0 0 #35373c, inset -1px 0 0 #35373c, inset 0 1px 0 #35373c; }
#guest_dm.dm-theme-discord-dark .server-composer.has-attachments .dm-composer-row { box-shadow: inset 1px 0 0 #35373c, inset -1px 0 0 #35373c, inset 0 -1px 0 #35373c; }
#guest_dm.dm-theme-discord-dark .server-attachment-card, #guest_dm.dm-theme-discord-dark .server-attachment-actions { border-color: #35373c; color: #b5bac1; background: #232428; }
#guest_dm.dm-theme-discord-dark .dm-edit-attachment-preview { border-color: #35373c; background: #2b2d31; }
#guest_dm.dm-theme-discord-dark .server-attachment-actions button:hover { color: #da373c; background: #2b2d31; }
#guest_dm.dm-theme-discord-dark .server-attachment-visual { color: #b5bac1; background: #1e1f22; }
#guest_dm.dm-theme-discord-dark .server-message-file { border-color: #35373c; color: #b5bac1; background: #1e1f22; }
#guest_dm.dm-theme-discord-dark .server-media-dialog, #guest_dm.dm-theme-discord-dark .server-media-dialog > button { border-color: #35373c; color: #b5bac1; background: #232428; }
#guest_dm.dm-theme-discord-dark .dm-composer textarea { color: #dbdee1; }
#guest_dm.dm-theme-discord-dark .dm-composer textarea::placeholder { color: #949ba4; opacity: 1; }
#guest_dm.dm-theme-discord-dark .dm-profile-card { background: #1e1f22; box-shadow: 0 16px 42px rgba(0,0,0,.4); }
#guest_dm.dm-theme-discord-dark .dm-guest-identity > .dm-profile-banner, #guest_dm.dm-theme-discord-dark .dm-member-profile > .dm-profile-banner, #guest_dm.dm-theme-discord-dark .dm-profile-banner.is-default-banner { background: #101113; }
#guest_dm.dm-theme-discord-dark .dm-profile-avatar-wrap { background: #1e1f22; }
#guest_dm.dm-theme-discord-dark .dm-online-dot { border-color: #1e1f22; }
#guest_dm.dm-theme-discord-dark .dm-profile-body h2, #guest_dm.dm-theme-discord-dark .dm-guest-identity input, #guest_dm.dm-theme-discord-dark .dm-guest-identity input::placeholder { color: #f2f3f5; }
#guest_dm.dm-theme-discord-dark .dm-handle, #guest_dm.dm-theme-discord-dark .dm-profile-bio, #guest_dm.dm-theme-discord-dark .dm-guest-password, #guest_dm.dm-theme-discord-dark .dm-guest-secret-field input, #guest_dm.dm-theme-discord-dark .dm-guest-secret-field input::placeholder { color: #b5bac1 !important; }
#guest_dm.dm-theme-discord-dark .dm-profile-edit { color: #b5bac1; background: transparent; }
#guest_dm.dm-theme-discord-dark .dm-profile-edit:hover { color: #b5bac1; background: var(--dm-action-button-hover); }
#guest_dm.dm-theme-discord-dark .dm-modal-dialog { color: #dbdee1; background: #1e1f22; box-shadow: 0 20px 55px rgba(0,0,0,.56), 0 2px 10px rgba(0,0,0,.38); }
#guest_dm.dm-theme-discord-dark .dm-modal-dialog input, #guest_dm.dm-theme-discord-dark .dm-modal-dialog textarea { color: #f2f3f5; border-color: #111214; background: #17181b; }
#guest_dm.dm-theme-discord-dark .dm-modal-dialog label > span, #guest_dm.dm-theme-discord-dark .dm-theme-picker legend, #guest_dm.dm-theme-discord-dark .dm-theme-picker label > span { color: #b5bac1; }
#guest_dm.dm-theme-discord-dark .dm-theme-picker label > span { border-color: #35373c; background: #101113; }
#guest_dm.dm-theme-discord-dark .dm-theme-picker label > span b { color: #f2f3f5; }
#guest_dm.dm-theme-discord-dark .dm-theme-picker label > span small { color: #949ba4; }
#guest_dm.dm-theme-discord-dark .dm-theme-picker input:checked + span { border-color: #5865f2; background: #2b2d31; box-shadow: inset 0 0 0 1px #5865f2; }
#guest_dm.dm-theme-discord-dark .dm-modal-dialog footer button { color: #dbdee1; background: #2b2d31; }
#guest_dm.dm-theme-discord-dark.is-switching .dm-chat::after { background: rgba(30,31,34,.38); }
.is-switching .dm-chat::after { content: ''; position: absolute; z-index: 10; inset: 52px 0 0; background: rgba(238,247,252,.38); cursor: progress; }
#guest_dm.dm-theme-discord-light.is-switching .dm-chat::after { background: rgba(242,243,245,.58); }

#guest_dm.dm-write-page { display: block; width: min(620px, calc(100% - 28px)); margin: 48px auto; }
.dm-write-window { overflow: hidden; border: 0; outline: 2px solid var(--dm-window-border); border-radius: 7px; color: #263847; background: #eef7fc; box-shadow: 0 25px 75px rgba(32,64,94,.24); }
.dm-write-window > header { display: flex; align-items: center; gap: 12px; padding: 20px 22px; color: #ffffff; background: linear-gradient(148.71deg, var(--dm-rain), var(--dm-cloud), var(--dm-rain)); }
.dm-write-window > header .dm-avatar { border: 3px solid rgba(255,255,255,.28); }
.dm-write-window header small { opacity: .75; font-size: 10px; }
.dm-write-window header h1 { margin: 2px 0 0; color: inherit; font-size: 19px; }
.dm-write-window form { padding: 20px; }
.dm-write-identity { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 12px; }
.dm-write-window label > span { display: block; margin: 0 0 5px; color: #5a6e7e; font-size: 11px; font-weight: 700; }
.dm-write-window input, .dm-write-window textarea { width: 100%; border: 1px solid var(--dm-line); border-radius: 8px; outline: 0; padding: 10px 11px; color: #263847; background: #ffffff; }
.dm-write-window input:focus, .dm-write-window textarea:focus { border-color: var(--dm-rain); box-shadow: 0 0 0 3px rgba(58,139,161,.12); }
.dm-write-content textarea { min-height: 230px; resize: vertical; }
.dm-write-window .dm-secret-option { margin-top: 11px; }
.dm-write-window .dm-secret-option input { width: auto; }
.dm-write-window footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.dm-write-window footer a, .dm-write-window footer button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 7px; padding: 0 16px; text-decoration: none; }
.dm-write-window footer a { color: #566878; background: rgba(90,111,135,.1); }
.dm-write-window footer button { color: var(--btn-primary-text, #ffffff); background: var(--btn-primary-bg, var(--dm-rain)); }

@media (max-width: 900px) {
    #guest_dm { width: min(760px, calc(100% - 24px)); grid-template-columns: 1fr; margin: 20px auto; }
    .dm-profile-card { width: 100%; display: grid; grid-template-columns: 150px 1fr; }.dm-profile-banner { height: 100%; min-height: 170px; }.dm-profile-body { padding: 25px 16px 16px 58px; }.dm-profile-avatar-wrap { top: 22px; left: -42px; }.dm-profile-body h2 { margin-top: 0; }.dm-profile-bio { margin: 10px 0; }
    .dm-app { height: min(660px, calc(100vh - 80px)); min-height: 500px; }
    .dm-profile-column { width: 100%; }
}
@media (max-width: 620px) {
    #guest_dm { width: calc(100% - 16px); margin: 8px auto; gap: 10px; }.dm-profile-card { display: none; }.dm-app { height: calc(100vh - 16px); min-height: 520px; grid-template-columns: 64px minmax(0, 1fr); border-radius: 6px; }.dm-sidebar { padding: 8px 5px; }.dm-search-wrap { display: none; }.dm-sidebar-title span, .dm-list-copy, .dm-list-item time { display: none; }.dm-sidebar-title { justify-content: center; padding: 0; }.dm-list-item { min-height: 54px; justify-content: center; padding: 7px; }.dm-list-item.is-active { box-shadow: none; }.dm-list-item .dm-avatar { width: 40px; height: 40px; }.dm-header-actions { display: none; }.dm-chat-header { padding: 0 0 0 14px; }.dm-message { grid-template-columns: 40px minmax(0,1fr); gap: 14px; padding-right: 10px; padding-left: 14px; }.dm-message > .dm-avatar { margin-left: 0; }.dm-composer { padding: 6px; }.dm-guest-fields input { min-width: 0; width: 50%; }.dm-composer-tools button:not([type="submit"]) { display: none; }.dm-edit-form { right: 8px; bottom: 74px; left: 90px; flex-wrap: wrap; }.dm-edit-form textarea { flex-basis: 100%; }.dm-modal-identity, .dm-profile-fields { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    #container_wr { padding-top: 0 !important; padding-bottom: 0 !important; }
    #container { height: 100vh !important; height: 100dvh !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; }
    .server-sticker-layer { display: none; }
}
@media (max-width: 620px) { #guest_dm .dm-spoiler-set-desktop { display: none !important; }#guest_dm .dm-spoiler-set-mobile { display: flex !important; }#guest_dm .dm-spoiler-set-compact { display: none !important; } }
@media (max-width: 420px) { #guest_dm .dm-spoiler-set-mobile { display: none !important; }#guest_dm .dm-spoiler-set-compact { display: flex !important; } }
@media (max-width: 620px) { .dm-profile-column { width: 100%; }.dm-guest-identity { display: grid; transform: none; } }
@media (prefers-reduced-motion: reduce) { #guest_dm *, #guest_dm *::before, #guest_dm *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

@media (min-width: 901px) {
    #guest_dm:not(.dm-write-page) { min-height: calc(95vh - var(--header-height, 0px)); margin-top: 0; margin-bottom: 0; }
}

/* 8bit dot sizing: font-family continues to come from the RA0 design settings. */
.dm-font-picker { grid-template-columns: 1fr; }
.dm-font-picker label > span { min-height: 48px; }
#guest_dm.dm-font-8bit .dm-message-content,
#guest_dm.dm-font-8bit .dm-message-meta strong,
#guest_dm.dm-font-8bit .dm-chat-title strong,
#guest_dm.dm-font-8bit .dm-list-copy strong { font-size: 12px; }
#guest_dm.dm-font-8bit .dm-search-wrap input,
#guest_dm.dm-font-8bit .dm-sidebar-title > span,
#guest_dm.dm-font-8bit .dm-new-conversation-empty,
#guest_dm.dm-font-8bit .dm-empty p,
#guest_dm.dm-font-8bit .dm-locked p,
#guest_dm.dm-font-8bit .dm-profile-bio,
#guest_dm.dm-font-8bit .dm-profile-message { font-size: 11px !important; }
#guest_dm.dm-font-8bit .dm-sidebar-title,
#guest_dm.dm-font-8bit .dm-tooltip,
#guest_dm.dm-font-8bit .dm-action-tooltip,
#guest_dm.dm-font-8bit .dm-reaction-chip,
#guest_dm.dm-font-8bit .dm-composer-tools button,
#guest_dm.dm-font-8bit .dm-handle,
#guest_dm.dm-font-8bit .dm-secret-option { font-size: 11px; }
#guest_dm.dm-font-8bit .dm-list-copy small,
#guest_dm.dm-font-8bit .dm-edit-controls,
#guest_dm.dm-font-8bit .dm-profile-dialog label > span,
#guest_dm.dm-font-8bit .dm-profile-fields input[type="file"],
#guest_dm.dm-font-8bit .dm-profile-status,
#guest_dm.dm-font-8bit .dm-theme-picker legend,
#guest_dm.dm-font-8bit .dm-password-dialog label > span,
#guest_dm.dm-font-8bit .dm-password-status,
#guest_dm.dm-font-8bit .dm-new-secret-option { font-size: 10px; }
#guest_dm.dm-font-8bit .dm-message-meta time,
#guest_dm.dm-font-8bit .dm-chat-title small,
#guest_dm.dm-font-8bit .dm-profile-fields label > small,
#guest_dm.dm-font-8bit .dm-profile-fields .dm-remove-image,
#guest_dm.dm-font-8bit .dm-theme-picker label > span small,
#guest_dm.dm-font-8bit .dm-guest-identity-status { font-size: 9px; }
#guest_dm.dm-font-8bit .dm-list-item time { font-size: 8px; }
#guest_dm.dm-font-8bit .dm-theme-picker label > span b { font-size: 11px; }
#guest_dm.dm-font-8bit .dm-profile-body h2,
#guest_dm.dm-font-8bit .dm-guest-name { font-size: 16px !important; }
#guest_dm.dm-font-8bit .dm-guest-password { font-size: 11px !important; }
#guest_dm.dm-font-8bit .dm-guest-secret-field,
#guest_dm.dm-font-8bit .dm-guest-secret-field input { font-size: 11px !important; }
#guest_dm.dm-font-8bit .dm-new-conversation-empty strong { font-size: 24px; }
#guest_dm.dm-font-8bit .dm-new-conversation-empty > span { font-size: 18px; }
#guest_dm.dm-font-8bit .dm-new-conversation-empty p { font-size: 12px; }

/* Discord server board */
#guest_dm.server-board { width: min(1330px, calc(100% - 122px)); display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; margin: 0 auto 34px; }
#guest_dm.server-board .server-app { height: min(660px, calc(100vh - 140px)); min-height: 500px; grid-template-columns: 250px minmax(0, 1fr) 230px; grid-template-rows: 52px minmax(0, 1fr); overflow: hidden; }
.server-sidebar { padding: 0 !important; overflow: hidden !important; border-radius: 7px 0 0 7px; }
.server-sidebar { grid-row: 1 / 3; }
.server-sidebar-header { height: 52px; flex: 0 0 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid var(--dm-line); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.server-sidebar-header strong { min-width: 0; overflow: hidden; color: inherit; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; transform: translateY(1px); }
.server-mobile-close { display: none; width: 28px; height: 28px; place-items: center; border: 0; color: inherit; background: transparent; }
.server-mobile-close .dm-ui-icon { width: 19px; height: 19px; }
.server-channel-list { flex: 1 1 0; min-height: 0; overflow-y: auto; padding: 12px 8px; scrollbar-width: none; }
.server-channel-list::-webkit-scrollbar { display: none; }
.server-channel-group + .server-channel-group { margin-top: 12px; }
.server-channel-group h2 { height: 20px; display: flex; align-items: center; margin: 0; padding: 0 8px; color: var(--dm-muted); font-size: 12px; font-weight: normal; text-transform: uppercase; }
.server-channel { min-height: 32px; display: flex; align-items: center; gap: 7px; margin: 0; border-radius: 6px; padding: 4px 9px; color: inherit; font-size: 15px; text-decoration: none !important; }
.server-channel:hover { color: inherit; background: var(--server-channel-hover); }
.server-channel.is-active { color: inherit; background: var(--server-channel-active); }
.server-channel.is-active > span:last-child { font-weight: 700; }
.server-channel-hash { width: 23px; height: 23px; display: grid; place-items: center; flex: 0 0 23px; color: var(--dm-muted); }
.server-channel-hash .dm-ui-icon { width: 23px; height: 23px; }
.server-viewer-profile { height: 46px; flex: 0 0 46px; display: flex; align-items: center; gap: 9px; margin: 6px; padding: 5px 8px; border-radius: 12px; background: #ffffff; box-shadow: inset 0 0 0 1px #e3e5e8; }
.server-viewer-profile .dm-avatar { width: 30px; height: 30px; }
.server-viewer-copy { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.server-viewer-copy, .server-settings { transform: translateY(1px); }
.server-viewer-copy strong, .server-viewer-copy small { overflow: hidden; color: inherit; text-overflow: ellipsis; white-space: nowrap; }
.server-viewer-copy strong { font-size: 13px; }.server-viewer-copy small { color: var(--dm-muted); font-size: 10px; }
.server-settings { width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 5px; color: inherit; background: transparent; text-decoration: none !important; cursor: pointer; }
.server-settings:hover { color: inherit; background: var(--dm-action-button-hover); }
.server-settings .dm-ui-icon { width: 21px; height: 21px; }
.server-global-header { grid-column: 2 / 4; grid-row: 1; min-width: 0; }
.server-chat { grid-column: 2; grid-row: 2; border-radius: 0; container-type: size; }
.server-channel-title { gap: 7px; border: 0; padding: 0; color: inherit; background: transparent; cursor: default; }.server-channel-title strong { font-size: 15px; font-weight: normal; }
.server-header-tools { min-width: 0; display: flex; align-items: center; gap: 8px; }
.server-search { width: 216px; height: 32px; display: flex; align-items: center; gap: 7px; border-radius: 7px; outline: 1px solid var(--dm-line); padding: 0 9px; color: var(--dm-muted); }
.server-search .dm-ui-icon { width: 16px; height: 16px; }.server-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: inherit; background: transparent; font-size: 12px; }
.server-search input::placeholder { color: inherit; opacity: .8; }
.server-search input::-webkit-search-cancel-button { width: 14px; height: 14px; margin-left: 5px; -webkit-appearance: none; appearance: none; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat; cursor: pointer; opacity: .8; }
.server-search input::-webkit-search-cancel-button:hover { opacity: 1; }
.server-members { grid-column: 3; grid-row: 2; min-width: 0; min-height: 0; overflow-y: auto; padding: 13px 8px 20px; border-left: 1px solid var(--dm-line); background: var(--dm-chat); scrollbar-width: thin; }
.server-members-header { min-height: 24px; display: flex; align-items: center; justify-content: space-between; margin: 0 8px -1px; }.server-members h2 { margin: 0; color: var(--dm-muted); font-size: 13px; font-weight: normal; text-transform: uppercase; }
.server-member-dash { display: inline-block; font-size: 10px; line-height: 1; vertical-align: 1px; }
.server-mobile-member-close { display: none; width: 28px; height: 28px; place-items: center; border: 0; color: inherit; background: transparent; }.server-mobile-member-close .dm-ui-icon { width: 19px; height: 19px; }
.server-member { min-height: 40px; display: flex; align-items: center; gap: 9px; border-radius: 6px; padding: 5px 8px; }
.server-member:hover { background: rgba(128,132,142,.08); }.server-member .dm-avatar { width: 30px; height: 30px; }
.server-member > span:not(.dm-avatar) { min-width: 0; height: 30px; display: flex; align-items: center; }.server-member strong { overflow: hidden; color: inherit; font-size: 13px; font-weight: normal; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; }
.server-member.is-selectable { width: 100%; border: 0; color: inherit; background: transparent; text-align: left; }
.server-member.is-selectable:hover { background: rgba(128,132,142,.08); }
.server-member.is-selectable.is-selected { background: var(--server-channel-active); }
.server-members-empty { margin: 10px 8px; color: var(--dm-muted); font-size: 11px; }
.server-mobile-member-toggle { display: none; }

#guest_dm.dm-theme-discord-light {
    --server-channel-hover: #eceef0;
    --server-channel-active: #e6e8eb;
}
#guest_dm.dm-theme-discord-light .server-channel:hover,
#guest_dm.dm-theme-discord-light .server-channel.is-active { color: #313338; }

#guest_dm.dm-theme-discord-ash {
    --server-channel-hover: #323338;
    --server-channel-active: #37383d;
}
#guest_dm.dm-theme-discord-ash .server-channel:hover { color: #f2f3f5; }
#guest_dm.dm-theme-discord-ash .server-channel.is-active { color: #ffffff; }
#guest_dm.dm-theme-discord-ash .server-viewer-profile { background: #3f4047; box-shadow: inset 0 0 0 1px #4a4b52; }

#guest_dm.dm-theme-discord-dark {
    --server-channel-hover: #18191c;
    --server-channel-active: #1f2024;
}
#guest_dm.dm-theme-discord-dark .server-channel:hover { color: #dbdee1; }
#guest_dm.dm-theme-discord-dark .server-channel.is-active { color: #ffffff; }
#guest_dm.dm-theme-discord-dark .server-viewer-profile { background: #2b2d31; box-shadow: inset 0 0 0 1px #35373c; }
.server-settings-dialog .server-setting-wide { display: block; margin-top: 12px; }.server-settings-dialog .server-setting-wide textarea { min-height: 76px; }.server-settings-dialog .server-setting-wide small { display: block; margin-top: 4px; color: var(--dm-muted); font-size: 10px; }
.server-settings-tabs { display: flex; gap: 4px; margin: -4px 0 14px; border-bottom: 1px solid var(--dm-line); }
.server-settings-tabs button { border: 0; border-bottom: 2px solid transparent; padding: 8px 12px 7px; color: var(--dm-muted); background: transparent; font-size: 12px; }
.server-settings-tabs button.is-active { border-bottom-color: var(--dm-rain); color: inherit; font-weight: 700; }
.server-settings-page[hidden] { display: none !important; }
.server-background-settings > header strong,
.server-background-settings > header small { display: block; }
.server-background-settings > header strong { color: inherit; font-size: 13px; }
.server-background-settings > header small,
.server-background-help { margin-top: 3px; color: var(--dm-muted); font-size: 10px; }
.server-background-preview { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; margin: 12px 0; border: 1px solid var(--dm-line); border-radius: 7px; background: var(--dm-chat); }
.server-background-preview img { width: 100%; height: 100%; display: block; object-fit: cover; }
.server-background-empty { display: grid; min-height: 150px; place-items: center; margin: 12px 0; border: 1px dashed var(--dm-line); border-radius: 7px; color: var(--dm-muted); background: var(--dm-chat); font-size: 11px; }
.server-background-upload { display: flex; align-items: center; gap: 10px; }
.server-background-upload > span { flex: 0 0 auto; border-radius: 6px; padding: 8px 11px; color: inherit; background: var(--dm-action-button-hover); font-size: 11px; }
.server-background-upload input { min-width: 0; color: inherit; font-size: 11px; }
.server-background-help { display: block; }
.server-background-remove { width: max-content; display: inline-flex; align-items: center; gap: 5px; margin-top: 14px; color: #d83c4c; font-size: 10px; white-space: nowrap; }
#guest_dm .server-background-remove input { width: auto; height: auto; flex: 0 0 auto; margin: 0; padding: 0; }
.server-sticker-settings > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.server-sticker-settings > header strong, .server-sticker-settings > header small { display: block; }
.server-sticker-settings > header strong { color: inherit; font-size: 13px; }
.server-sticker-settings > header small, .server-sticker-limit { margin-top: 3px; color: var(--dm-muted); font-size: 10px; }
.server-sticker-add { flex: 0 0 auto; border-radius: 6px; padding: 8px 11px; color: inherit; background: var(--dm-action-button-hover); font-size: 11px; cursor: pointer; }
.server-sticker-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--dm-line); border-radius: 7px; background: var(--dm-chat); touch-action: none; }
.server-sticker-stage::after { content: ''; position: absolute; inset: 50% auto auto 50%; width: 6px; height: 6px; border-radius: 50%; background: var(--dm-muted); opacity: .35; transform: translate(-50%, -50%); }
.server-sticker-stage-item { position: absolute; z-index: 1; display: block; cursor: grab; line-height: 0; touch-action: none; }
.server-sticker-stage-item.is-dragging { z-index: 3; cursor: grabbing; }
.server-sticker-stage-item img { width: auto; height: auto; max-width: 84px; max-height: 84px; display: block; object-fit: contain; pointer-events: none; user-select: none; }
.server-sticker-editor { max-height: 235px; overflow-y: auto; margin-top: 10px; padding-right: 3px; }
.server-sticker-row { display: grid; grid-template-columns: 22px 42px 48px 48px 54px 54px minmax(86px,1fr) minmax(86px,1fr) 30px; align-items: end; gap: 6px; margin-bottom: 7px; border: 1px solid var(--dm-line); border-radius: 7px; padding: 7px; }
.server-sticker-row > img { width: 42px; height: 42px; align-self: center; object-fit: contain; }
.server-sticker-row label > span { margin-bottom: 3px; font-size: 9px; }
.server-sticker-row input[type="number"], .server-sticker-row select { width: 100%; height: 32px; border: 1px solid var(--dm-line); border-radius: 6px; padding: 0 6px; outline: 0; color: inherit; background: var(--dm-chat); font-size: 10px; }
.server-sticker-row > [data-remove-sticker] { width: 30px; height: 32px; border: 0; border-radius: 6px; color: #d83c4c; background: transparent; }
.server-sticker-row > [data-remove-sticker]:hover { background: var(--dm-action-button-hover); }
.server-sticker-row > [data-remove-sticker] .dm-ui-icon { width: 16px; height: 16px; }
#guest_dm .server-sticker-drag { width: 22px; height: 32px; align-self: center; border: 0; padding: 0; color: var(--dm-muted); background: transparent; font-size: 15px; letter-spacing: -5px; cursor: grab; }
#guest_dm .server-sticker-drag:active { cursor: grabbing; }
.server-sticker-row.is-dragging { opacity: .55; }
.server-sticker-limit { margin-bottom: 0; text-align: right; }
@media (prefers-reduced-motion: reduce) { .server-sticker-image, .server-sticker-stage-item img { animation: none !important; } }
@media (max-width: 620px) {
    .server-sticker-row { grid-template-columns: 22px 42px minmax(0,1fr) minmax(0,1fr) 30px; align-items: end; }
    .server-sticker-row > .server-sticker-drag { grid-column: 1; grid-row: 1 / span 3; }
    .server-sticker-row > img { grid-column: 2; grid-row: 1 / span 3; }
    .server-sticker-row > label:nth-of-type(1) { grid-column: 3; grid-row: 1; }
    .server-sticker-row > label:nth-of-type(2) { grid-column: 4; grid-row: 1; }
    .server-sticker-row > label:nth-of-type(3) { grid-column: 3; grid-row: 2; }
    .server-sticker-row > label:nth-of-type(4) { grid-column: 4; grid-row: 2; }
    .server-sticker-row > label:nth-of-type(5) { grid-column: 3; grid-row: 3; }
    .server-sticker-row > label:nth-of-type(6) { grid-column: 4; grid-row: 3; }
    .server-sticker-row > [data-remove-sticker] { grid-column: 5; grid-row: 1 / span 3; align-self: center; }
    .server-sticker-editor { max-height: 205px; }
}
.server-settings-dialog form { max-height: min(78vh, 720px); overflow-x: hidden; overflow-y: auto; }
.server-profile-image-setting { margin-top: 2px; }
.server-profile-image-setting > label:first-child { display: block; }
.server-profile-image-setting .dm-remove-image,
.server-member-edit-fields .dm-remove-image { width: max-content; display: flex; align-items: center; gap: 5px; margin-top: 5px; color: var(--dm-muted); font-size: 10px; }
#guest_dm .server-profile-image-setting .dm-remove-image input,
#guest_dm .server-member-edit-fields .dm-remove-image input { width: auto; height: auto; margin: 0; padding: 0; }
.server-member-settings { margin-top: 12px; }
.server-member-settings > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.server-member-settings > header strong { color: var(--dm-muted); font-size: 11px; }
#guest_dm .server-member-settings > header button { min-height: 28px; border: 0; border-radius: 6px; padding: 0 9px; color: inherit; background: var(--dm-action-button-hover); font-size: 11px; }
.server-member-editor { display: flex; flex-direction: column; gap: 7px; }
.server-member-edit-row { display: grid; grid-template-columns: 22px 34px minmax(0, 1fr) 28px; align-items: center; gap: 8px; border: 1px solid var(--dm-line); border-radius: 7px; padding: 8px; background: rgba(255,255,255,.34); }
.server-member-edit-row.is-dragging { opacity: .48; }
#guest_dm .server-member-drag { width: 22px; height: 34px; border: 0; padding: 0; color: var(--dm-muted); background: transparent; font-size: 15px; letter-spacing: -5px; cursor: grab; }
#guest_dm .server-member-drag:active { cursor: grabbing; }
.server-member-edit-avatar { width: 34px; height: 34px; }
.server-member-edit-fields { min-width: 0; }
#guest_dm .server-member-edit-fields > input[type="text"] { height: 32px; padding: 6px 8px; font-size: 12px; }
#guest_dm .server-member-edit-fields > input[type="text"] + input[type="text"] { margin-top: 5px; }
#guest_dm .server-member-edit-fields > input[type="file"] { margin-top: 5px; padding: 5px 7px; font-size: 10px; }
.server-member-color-setting { min-height: 30px; display: flex; align-items: center; gap: 8px; margin-top: 5px; }
#guest_dm .server-member-color-setting > input[type="color"] { width: 34px; height: 28px; flex: 0 0 34px; border: 1px solid var(--dm-line); border-radius: 5px; padding: 2px; background: transparent; }
#guest_dm .server-member-color-setting > label { display: flex; align-items: center; gap: 5px; color: var(--dm-muted); font-size: 10px; }
#guest_dm .server-member-color-setting > label input { width: auto; height: auto; margin: 0; }
#guest_dm .server-member-remove { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 6px; padding: 0; color: #da373c; background: transparent; }
#guest_dm .server-member-remove:hover { color: #da373c; background: var(--dm-action-button-hover); }
.server-member-remove .dm-ui-icon { width: 18px; height: 18px; }
.server-composer textarea, .server-composer textarea:focus { padding-bottom: 0; line-height: 23px; }
.server-composer textarea::placeholder { line-height: 19px; }
.server-spoiler-content { display: inline; }.server-spoiler-content[hidden] { display: none !important; }
.server-board.is-switching .server-chat::after { content: ''; position: absolute; z-index: 20; inset: 0; display: block; background: rgba(255,255,255,.35); }

#guest_dm.dm-theme-discord-light .server-sidebar, #guest_dm.dm-theme-discord-light .server-members { color: #4e5058; }
#guest_dm.dm-theme-discord-light .server-sidebar { background: #f2f3f5; }
#guest_dm.dm-theme-discord-light .server-members { background: #ffffff; }
#guest_dm.dm-theme-discord-light .server-replying { background: #ffffff; }
#guest_dm.dm-theme-discord-light .dm-message.is-reply-source { background: #ebedef; }
#guest_dm.dm-theme-discord-light .server-search { color: #5c5e66; background: #f2f3f5; }
#guest_dm.dm-theme-discord-light .server-search input::-webkit-search-cancel-button { background-color: #5c5e66; }
#guest_dm.dm-theme-discord-ash .server-sidebar, #guest_dm.dm-theme-discord-ash .server-members { color: #b5bac1; }
#guest_dm.dm-theme-discord-ash .server-sidebar { background: #2d2e33; }
#guest_dm.dm-theme-discord-ash .server-members { background: #33343a; }
#guest_dm.dm-theme-discord-ash .server-replying { background: #3f4047; }
#guest_dm.dm-theme-discord-ash .dm-message.is-reply-source { background: #35363b; }
#guest_dm.dm-theme-discord-ash .server-search { color: #b5bac1; background: #2d2e33; }
#guest_dm.dm-theme-discord-ash .server-search input::-webkit-search-cancel-button { background-color: #b5bac1; }
#guest_dm.dm-theme-discord-ash .server-markdown-link { color: #69aef5; }
#guest_dm.dm-theme-discord-ash .dm-message-content blockquote::before { background: #70727a; }
#guest_dm.dm-theme-discord-dark .server-sidebar, #guest_dm.dm-theme-discord-dark .server-members { color: #b5bac1; }
#guest_dm.dm-theme-discord-dark .server-sidebar { background: #101113; }
#guest_dm.dm-theme-discord-dark .server-members { background: #1a1b1e; }
#guest_dm.dm-theme-discord-dark .server-replying { background: #2b2d31; }
#guest_dm.dm-theme-discord-dark .dm-message.is-reply-source { background: #1c1d20; }
#guest_dm.dm-theme-discord-dark .server-search { color: #b5bac1; background: #101113; }
#guest_dm.dm-theme-discord-dark .server-search input::-webkit-search-cancel-button { background-color: #b5bac1; }
#guest_dm.dm-theme-discord-dark .server-markdown-link { color: #69aef5; }
#guest_dm.dm-theme-discord-dark .dm-message-content blockquote::before { background: #4e5058; }
#guest_dm.dm-theme-discord-light .server-message-ticket:not(.is-deleted), #guest_dm.dm-theme-discord-light .server-ticket-preview, #guest_dm.dm-theme-discord-light .dm-edit-ticket-preview { border-color: #e3e5e8; background: #ffffff; }
#guest_dm.dm-theme-discord-light .server-ticket-edit-actions, #guest_dm.dm-theme-discord-light .server-ticket-edit-actions button { background: #ffffff; }
#guest_dm.dm-theme-discord-ash .server-message-ticket:not(.is-deleted), #guest_dm.dm-theme-discord-ash .server-ticket-preview, #guest_dm.dm-theme-discord-ash .dm-edit-ticket-preview { border-color: #4a4b52; background: #3f4047; }
#guest_dm.dm-theme-discord-ash .server-ticket-edit-actions, #guest_dm.dm-theme-discord-ash .server-ticket-edit-actions button { background: #33343a; }
#guest_dm.dm-theme-discord-dark .server-message-ticket:not(.is-deleted), #guest_dm.dm-theme-discord-dark .server-ticket-preview, #guest_dm.dm-theme-discord-dark .dm-edit-ticket-preview { border-color: #35373c; background: #2b2d31; }
#guest_dm.dm-theme-discord-dark .server-ticket-edit-actions, #guest_dm.dm-theme-discord-dark .server-ticket-edit-actions button { background: #232428; }
#guest_dm.dm-theme-discord-ash.is-switching .server-chat::after { background: rgba(45,46,51,.45); }
#guest_dm.dm-theme-discord-dark.is-switching .server-chat::after { background: rgba(16,17,19,.48); }

@media (max-width: 900px) {
    .server-media-modal { padding: 10px; }
    .server-media-dialog { max-width: calc(100vw - 20px); max-height: calc(100vh - 20px); }
    .server-media-dialog > img { max-width: calc(100vw - 40px); max-height: calc(100vh - 40px); }
    .server-message-images { width: min(100cqw, 100%); max-height: 100cqh; }
    .server-message-images.is-multiple { width: min(100cqw, 100%, var(--attachment-mobile-height-width)); max-height: none; }
    .server-message-images img, .server-message-video video { max-width: min(100cqw, 100%); max-height: 100cqh; }
    .server-message-tickets { width: min(266px, 100%); }
    .server-ticket-edit-card { width: min(266px, calc(100% - 2px)); }
    .server-welcome { padding: 14px; }
    .server-welcome-images { width: min(310px, 96%); gap: 0; }
    .server-welcome-images img { width: min(76px, 27%); }
    .server-welcome-images img + img { margin-left: -11px; }
    .server-message-ticket { height: 76px; grid-template-columns: minmax(0, 2fr) minmax(0, 5fr); }
    .server-ticket-copy { padding: 7px 9px; }
    .server-ticket-date { margin-top: 3px; font-size: 10px; }
    .server-ticket-stamp { width: 50px; height: 50px; }
    .dm-mobile-viewport { --dm-mobile-skin-header: 50px; transform: translateY(-5px); position: fixed; inset: 0; width: 100%; height: auto; min-height: 0; display: flex; align-items: center; justify-content: center; overflow: visible; pointer-events: none; }
    #guest_dm.server-board { width: calc(100% - 16px); height: calc(100% - var(--dm-mobile-skin-header) - var(--dm-mobile-skin-header) - var(--dm-mobile-skin-header)); max-height: calc(100% - var(--dm-mobile-skin-header) - var(--dm-mobile-skin-header) - var(--dm-mobile-skin-header)); flex: 0 1 auto; margin: auto 0; overflow: visible; pointer-events: auto; }
    #guest_dm.server-board .server-app { position: relative; width: 100%; height: 100%; min-height: 0; max-height: 100%; overflow: hidden; grid-template-columns: minmax(0, 1fr); grid-template-rows: 52px minmax(0, 1fr); }
    .server-global-header { grid-column: 1; grid-row: 1; }
    .server-chat { grid-column: 1; grid-row: 2; }
    .server-sidebar { position: absolute; z-index: 40; top: 0; bottom: 0; left: 0; width: min(280px, 84vw); border-radius: 7px 0 0 7px; box-shadow: none; transform: translateX(calc(-100% - 16px)); transition: transform .18s ease; }
    .server-board.is-channel-open .server-sidebar { box-shadow: 12px 0 35px rgba(0,0,0,.16); transform: translateX(0); }
    .server-mobile-close { display: grid; }
    .server-members { position: absolute; z-index: 40; top: 0; right: 0; bottom: 0; width: min(260px, 80vw); height: 100%; max-height: 100%; display: block; grid-column: auto; grid-row: auto; margin: 0; border-left: 1px solid var(--dm-line); box-shadow: -12px 0 35px rgba(0,0,0,.28); visibility: hidden; pointer-events: none; transform: translateX(100%); transition: transform .18s ease, visibility 0s linear .18s; }
    .server-board.is-member-open .server-members { visibility: visible; pointer-events: auto; transform: translateX(0); transition-delay: 0s; }
    .server-mobile-member-close { display: grid; }
    .server-channel-title { cursor: pointer; }
    .server-mobile-member-toggle { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border: 0; border-radius: 6px; padding: 0; color: var(--dm-muted); background: transparent; }
    .server-mobile-member-toggle .dm-ui-icon { width: 22px; height: 22px; }
    .server-global-header { padding-right: 0; padding-left: 14px; }
    .server-header-tools .dm-header-actions { display: none; }
    .server-search { width: min(160px, 38vw); margin-right: 10px; }
}

/* =========================================================
   Theme: modern-family — blue / white
   Based on discord-light structure; palette only is changed.
   Apply with: #guest_dm.dm-theme-modern-family
   ========================================================= */
#guest_dm.dm-theme-modern-family .server-reply-reference::before { border-color: #6684df; }
#guest_dm.dm-theme-modern-family {
    --dm-window-border: #bdc9ee;
    --dm-action-button-hover: #dbe3ff;
    --dm-send-hover: #dbe3ff;
    --dm-rain: #315bd6;
    --dm-cloud: #6f88df;
    --dm-pale: #dbe3ff;
    --dm-ink: #25376b;
    --dm-white: #ffffff;
    --dm-sidebar: #dbe3fb;
    --dm-chat: #ffffff;
    --dm-muted: #66749d;
    --dm-line: #c9d2ef;
    --dm-hover: #c7d3fb;
}
#guest_dm.dm-theme-modern-family .dm-app { background: #ffffff; box-shadow: 0 20px 55px rgba(40,77,170,.18), 0 2px 8px rgba(40,77,170,.10); }
#guest_dm.dm-theme-modern-family .dm-sidebar { background: #dbe3fb; }
#guest_dm.dm-theme-modern-family .dm-search-wrap { color: #66749d; background: #ced8f7; box-shadow: none; }
#guest_dm.dm-theme-modern-family .dm-search-wrap input, #guest_dm.dm-theme-modern-family .dm-search-wrap input::placeholder { color: #50618f; }
#guest_dm.dm-theme-modern-family .dm-search-wrap input::-webkit-search-cancel-button { background-color: #66749d; }
#guest_dm.dm-theme-modern-family .dm-sidebar-title, #guest_dm.dm-theme-modern-family .dm-list-item { color: #50618f; }
#guest_dm.dm-theme-modern-family .dm-list-item:hover { color: #25376b; background: #ccd7fb; }
#guest_dm.dm-theme-modern-family .dm-list-item.is-active { color: #25376b; background: #b8c8f8; }
#guest_dm.dm-theme-modern-family .dm-list-copy small, #guest_dm.dm-theme-modern-family .dm-list-item time { color: #7481a7; }
#guest_dm.dm-theme-modern-family .dm-tooltip, #guest_dm.dm-theme-modern-family .dm-action-tooltip { color: #25376b; background: #ffffff; box-shadow: 0 4px 14px rgba(40,77,170,.18); }
#guest_dm.dm-theme-modern-family .dm-tooltip::after, #guest_dm.dm-theme-modern-family .dm-action-tooltip::after { border-top-color: #ffffff; }
#guest_dm.dm-theme-modern-family .dm-action-tooltip.is-below::after { border-top-color: transparent; border-bottom-color: #ffffff; }
#guest_dm.dm-theme-modern-family .dm-message-actions { border-color: #bdc9ee; background: #ffffff; box-shadow: 0 4px 14px rgba(40,77,170,.18); }
#guest_dm.dm-theme-modern-family .dm-message-actions a, #guest_dm.dm-theme-modern-family .dm-message-actions button { color: #50618f; }
#guest_dm.dm-theme-modern-family .dm-action-reaction:hover, #guest_dm.dm-theme-modern-family .dm-message-actions .dm-action-edit:hover, #guest_dm.dm-theme-modern-family .dm-message-actions .dm-action-reply:hover { color: #405897; background: #dbe3ff; }
#guest_dm.dm-theme-modern-family .dm-message-actions .dm-action-delete:hover { color: #ffffff; background: #da373c; }
#guest_dm.dm-theme-modern-family .dm-action-divider { background: #c7d6e8; }
#guest_dm.dm-theme-modern-family .dm-chat, #guest_dm.dm-theme-modern-family .dm-chat-header { background: #ffffff; }
#guest_dm.dm-theme-modern-family .dm-chat-header { border-color: #c7d6e8; box-shadow: 0 1px 0 rgba(53,83,115,.08); backdrop-filter: none; }
#guest_dm.dm-theme-modern-family .dm-chat-title strong, #guest_dm.dm-theme-modern-family .dm-message-meta strong, #guest_dm.dm-theme-modern-family .dm-message-content, #guest_dm.dm-theme-modern-family .dm-new-conversation-empty p b { color: #25376b; }
#guest_dm.dm-theme-modern-family .dm-message-meta time, #guest_dm.dm-theme-modern-family .dm-header-actions { color: #66749d; }
#guest_dm.dm-theme-modern-family .dm-avatar { color: #405897; background: #bdc9ee; }
#guest_dm.dm-theme-modern-family .dm-header-actions button, #guest_dm.dm-theme-modern-family .dm-new-chat-close, #guest_dm.dm-theme-modern-family .dm-composer button { color: #66749d; }
#guest_dm.dm-theme-modern-family .dm-composer button[type="submit"] { color: #405897; background: transparent; }
#guest_dm.dm-theme-modern-family .dm-composer button[type="submit"]:hover { background: var(--dm-send-hover); }
#guest_dm.dm-theme-modern-family .dm-profile-message { color: #405897; background: #bdc9ee; }
#guest_dm.dm-theme-modern-family .dm-message:hover { background: #f3f6ff; }
#guest_dm.dm-theme-modern-family .dm-composer-row { background: #ffffff; box-shadow: inset 0 0 0 1px #c7d6e8; }
#guest_dm.dm-theme-modern-family .server-composer-menu { border-color: #c0d2e6; color: #4b6481; background: #ffffff; box-shadow: 0 4px 14px rgba(53,83,115,.17); }
#guest_dm.dm-theme-modern-family .server-attachment-preview { background: #ffffff; box-shadow: inset 1px 0 0 #c7d6e8, inset -1px 0 0 #c7d6e8, inset 0 1px 0 #c7d6e8; }
#guest_dm.dm-theme-modern-family .server-composer.has-attachments .dm-composer-row { box-shadow: inset 1px 0 0 #c7d6e8, inset -1px 0 0 #c7d6e8, inset 0 -1px 0 #c7d6e8; }
#guest_dm.dm-theme-modern-family .server-attachment-card, #guest_dm.dm-theme-modern-family .server-attachment-actions { border-color: #c0d2e6; color: #4b6481; background: #ffffff; }
#guest_dm.dm-theme-modern-family .dm-edit-attachment-preview { border-color: #c7d6e8; background: #ffffff; }
#guest_dm.dm-theme-modern-family .server-attachment-actions button:hover { color: #da373c; background: #d9e5f3; }
#guest_dm.dm-theme-modern-family .server-attachment-visual { color: #61758d; background: #d9e5f3; }
#guest_dm.dm-theme-modern-family .server-message-file { border-color: #c0d2e6; color: #4b6481; background: #d9e5f3; }
#guest_dm.dm-theme-modern-family .server-media-dialog, #guest_dm.dm-theme-modern-family .server-media-dialog > button { border-color: #c0d2e6; color: #4b6481; background: #ffffff; }
#guest_dm.dm-theme-modern-family .dm-composer textarea { color: #25376b; }
#guest_dm.dm-theme-modern-family .dm-composer textarea::placeholder { color: #7481a7; opacity: 1; }
#guest_dm.dm-theme-modern-family .dm-profile-card { background: #ffffff; box-shadow: 0 14px 38px rgba(53,83,115,.14); }
#guest_dm.dm-theme-modern-family .dm-profile-edit { color: #61758d; background: transparent; }
#guest_dm.dm-theme-modern-family .dm-profile-edit:hover { color: #61758d; background: var(--dm-action-button-hover); }
#guest_dm.dm-theme-modern-family .dm-guest-identity > .dm-profile-banner, #guest_dm.dm-theme-modern-family .dm-member-profile > .dm-profile-banner, #guest_dm.dm-theme-modern-family .dm-profile-banner.is-default-banner { background: #d9e5f3; }
#guest_dm.dm-theme-modern-family .dm-profile-avatar-wrap { background: #ffffff; }
#guest_dm.dm-theme-modern-family .dm-online-dot { border-color: #ffffff; }
#guest_dm.dm-theme-modern-family .dm-modal-dialog { background: #ffffff; box-shadow: 0 18px 48px rgba(53,83,115,.20), 0 2px 10px rgba(53,83,115,.09); }
#guest_dm.dm-theme-modern-family .dm-modal-dialog input, #guest_dm.dm-theme-modern-family .dm-modal-dialog textarea { color: #2b3f5a; border-color: #c0d2e6; background: #d9e5f3; }
#guest_dm.dm-theme-modern-family .dm-theme-picker label > span { border-color: #c0d2e6; background: #d9e5f3; }
#guest_dm.dm-theme-modern-family .dm-theme-picker input:checked + span { border-color: #315bd6; background: #dbe3ff; box-shadow: inset 0 0 0 1px #315bd6; }
#guest_dm.dm-theme-modern-family.is-switching .dm-chat::after { background: rgba(213,227,242,.82); }
#guest_dm.dm-theme-modern-family {
    --server-channel-hover: #ccd7fb;
    --server-channel-active: #b8c8f8;
}
#guest_dm.dm-theme-modern-family .server-channel:hover,
#guest_dm.dm-theme-modern-family .server-channel.is-active { color: #2b3f5a; }
#guest_dm.dm-theme-modern-family .server-sidebar, #guest_dm.dm-theme-modern-family .server-members { color: #50618f; }
#guest_dm.dm-theme-modern-family .server-sidebar { background: #d7e0fa; }
#guest_dm.dm-theme-modern-family .server-members { background: #ffffff; }
#guest_dm.dm-theme-modern-family .server-replying { background: #ffffff; }
#guest_dm.dm-theme-modern-family .dm-message.is-reply-source { background: #e5eaff; }
#guest_dm.dm-theme-modern-family .server-search { color: #66749d; background: #dbe3fb; }
#guest_dm.dm-theme-modern-family .server-search input::-webkit-search-cancel-button { background-color: #66749d; }
#guest_dm.dm-theme-modern-family .server-message-ticket:not(.is-deleted), #guest_dm.dm-theme-modern-family .server-ticket-preview, #guest_dm.dm-theme-modern-family .dm-edit-ticket-preview { border-color: #c7d6e8; background: #ffffff; }
#guest_dm.dm-theme-modern-family .server-ticket-edit-actions, #guest_dm.dm-theme-modern-family .server-ticket-edit-actions button { background: #ffffff; }
#guest_dm.dm-theme-modern-family.is-switching .server-chat::after { background: rgba(213,227,242,.48); }

/* modern-family finishing accents */
#guest_dm.dm-theme-modern-family .dm-sidebar { background: #dbe3fb; }
#guest_dm.dm-theme-modern-family .dm-chat,
#guest_dm.dm-theme-modern-family .dm-chat-header,
#guest_dm.dm-theme-modern-family .server-members { background: #ffffff; }
#guest_dm.dm-theme-modern-family .server-sidebar { background: #d7e0fa; }
#guest_dm.dm-theme-modern-family .dm-list-item.is-active,
#guest_dm.dm-theme-modern-family .server-channel.is-active { background: #b8c8f8; }
#guest_dm.dm-theme-modern-family .dm-list-item:hover,
#guest_dm.dm-theme-modern-family .server-channel:hover { background: #ccd7fb; }
#guest_dm.dm-theme-modern-family .dm-message:hover { background: #f3f6ff; }
#guest_dm.dm-theme-modern-family .dm-profile-banner.is-default-banner,
#guest_dm.dm-theme-modern-family .dm-guest-identity > .dm-profile-banner,
#guest_dm.dm-theme-modern-family .dm-member-profile > .dm-profile-banner { background: #7893e4; }
#guest_dm.dm-theme-modern-family .server-markdown-link { color: #315bd6; }
#guest_dm.dm-theme-modern-family .dm-message-content blockquote::before { background: #6684df; }

/* modern-family blueprint / summer-sky palette */
#guest_dm.dm-theme-modern-family {
    --dm-window-border: #b8c9ee;
    --dm-action-button-hover: #d5e0f8;
    --dm-send-hover: #d5e0f8;
    --dm-rain: #2149ce;
    --dm-cloud: #7493e1;
    --dm-pale: #e8eefc;
    --dm-ink: #1b356e;
    --dm-sidebar: #e0e9fa;
    --dm-muted: #6177a5;
    --dm-line: #c9d5ef;
    --dm-hover: #d5e0f8;
    --server-channel-hover: #d5e0f8;
    --server-channel-active: #c2d4f6;
}
#guest_dm.dm-theme-modern-family .dm-app { box-shadow: 0 20px 55px rgba(33,73,206,.18), 0 2px 8px rgba(33,73,206,.10); }
#guest_dm.dm-theme-modern-family .dm-sidebar,
#guest_dm.dm-theme-modern-family .server-sidebar { background: #e0e9fa; }
#guest_dm.dm-theme-modern-family .server-welcome { background: #ffffff; }
#guest_dm.dm-theme-modern-family .server-welcome-enter { color: #1b356e; }
#guest_dm.dm-theme-modern-family .dm-search-wrap { color: #6177a5; background: #d3def6; }
#guest_dm.dm-theme-modern-family .dm-search-wrap input,
#guest_dm.dm-theme-modern-family .dm-search-wrap input::placeholder,
#guest_dm.dm-theme-modern-family .dm-sidebar-title,
#guest_dm.dm-theme-modern-family .dm-list-item,
#guest_dm.dm-theme-modern-family .server-sidebar,
#guest_dm.dm-theme-modern-family .server-members { color: #536b9c; }
#guest_dm.dm-theme-modern-family .dm-list-item:hover,
#guest_dm.dm-theme-modern-family .server-channel:hover { color: #1b356e; background: #d5e0f8; }
#guest_dm.dm-theme-modern-family .dm-list-item.is-active,
#guest_dm.dm-theme-modern-family .server-channel.is-active { color: #1b356e; background: #c2d4f6; }
#guest_dm.dm-theme-modern-family .dm-chat-title strong,
#guest_dm.dm-theme-modern-family .dm-message-meta strong,
#guest_dm.dm-theme-modern-family .dm-message-content,
#guest_dm.dm-theme-modern-family .dm-new-conversation-empty p b,
#guest_dm.dm-theme-modern-family .dm-composer textarea { color: #1b356e; }
#guest_dm.dm-theme-modern-family .dm-message-meta time,
#guest_dm.dm-theme-modern-family .dm-header-actions,
#guest_dm.dm-theme-modern-family .dm-composer textarea::placeholder { color: #6177a5; }
#guest_dm.dm-theme-modern-family .dm-avatar,
#guest_dm.dm-theme-modern-family .dm-profile-message { color: #31519b; background: #b8c9ee; }
#guest_dm.dm-theme-modern-family .dm-message:hover { background: #f4f7fd; }
#guest_dm.dm-theme-modern-family .dm-message.is-reply-source { background: #e9f0fb; }
#guest_dm.dm-theme-modern-family .dm-profile-banner.is-default-banner,
#guest_dm.dm-theme-modern-family .dm-guest-identity > .dm-profile-banner,
#guest_dm.dm-theme-modern-family .dm-member-profile > .dm-profile-banner { background: #91a9e7; }
#guest_dm.dm-theme-modern-family .server-markdown-link { color: #2149ce; }
#guest_dm.dm-theme-modern-family .server-reply-reference::before { border-color: #7493e1; background-color: transparent; }
#guest_dm.dm-theme-modern-family .dm-message-content blockquote::before { background-color: #7493e1; }
#guest_dm.dm-theme-modern-family .dm-theme-picker input:checked + span { border-color: #2149ce; background: #e8eefc; box-shadow: inset 0 0 0 1px #2149ce; }
#guest_dm.dm-theme-modern-family.is-switching .server-chat::after,
#guest_dm.dm-theme-modern-family.is-switching .dm-chat::after { background: rgba(194,212,246,.72); }

#guest_dm.dm-theme-modern-family .dm-message-actions,
#guest_dm.dm-theme-modern-family .server-composer-menu,
#guest_dm.dm-theme-modern-family .server-attachment-card,
#guest_dm.dm-theme-modern-family .server-attachment-actions,
#guest_dm.dm-theme-modern-family .server-media-dialog,
#guest_dm.dm-theme-modern-family .server-media-dialog > button { border-color: #b8c9ee; box-shadow: 0 4px 14px rgba(33,73,206,.16); }
#guest_dm.dm-theme-modern-family .dm-action-divider { background: #c9d5ef; }
#guest_dm.dm-theme-modern-family .dm-action-reaction:hover,
#guest_dm.dm-theme-modern-family .dm-message-actions .dm-action-edit:hover,
#guest_dm.dm-theme-modern-family .dm-message-actions .dm-action-reply:hover,
#guest_dm.dm-theme-modern-family .server-attachment-actions button:hover { background: #d5e0f8; }
#guest_dm.dm-theme-modern-family .server-attachment-visual,
#guest_dm.dm-theme-modern-family .server-message-file,
#guest_dm.dm-theme-modern-family .dm-modal-dialog input,
#guest_dm.dm-theme-modern-family .dm-modal-dialog textarea,
#guest_dm.dm-theme-modern-family .dm-theme-picker label > span { border-color: #b8c9ee; background: #e0e9fa; }

/* modern-family final palette: #7495E1 / #C2D6F6 / #E0EAFA */
#guest_dm.dm-theme-modern-family {
    --dm-window-border: #b9cbee;
    --dm-action-button-hover: #e0eafa;
    --dm-send-hover: #e0eafa;
    --dm-rain: #7495e1;
    --dm-cloud: #7495e1;
    --dm-pale: #e8effc;
    --dm-ink: #1b356e;
    --dm-sidebar: #e0eafa;
    --dm-muted: #6177a5;
    --dm-line: #c9d7f0;
    --dm-hover: #d4e2f8;
    --server-channel-hover: #d4e2f8;
    --server-channel-active: #c2d6f6;
}
#guest_dm.dm-theme-modern-family .dm-sidebar,
#guest_dm.dm-theme-modern-family .server-sidebar { background: #e0eafa; }
#guest_dm.dm-theme-modern-family .server-welcome { background: #ffffff; }
#guest_dm.dm-theme-modern-family .dm-search-wrap,
#guest_dm.dm-theme-modern-family .server-search { background: #e0eafa; }
#guest_dm.dm-theme-modern-family .dm-list-item:hover,
#guest_dm.dm-theme-modern-family .server-channel:hover { color: #1b356e; background: #d4e2f8; }
#guest_dm.dm-theme-modern-family .dm-list-item.is-active,
#guest_dm.dm-theme-modern-family .server-channel.is-active { color: #1b356e; background: #c2d6f6; }
#guest_dm.dm-theme-modern-family .server-member:hover { background: #f4f7fd; }
#guest_dm.dm-theme-modern-family .server-member.is-selected,
#guest_dm.dm-theme-modern-family .server-member.is-selected:hover { background: #c2d6f6; }
#guest_dm.dm-theme-modern-family .dm-avatar,
#guest_dm.dm-theme-modern-family .dm-profile-message { background: #c2d6f6; }
#guest_dm.dm-theme-modern-family .server-markdown-link { color: #7495e1; }
#guest_dm.dm-theme-modern-family .server-reply-reference::before { border-color: #8fb1e6; background-color: transparent; }
#guest_dm.dm-theme-modern-family .dm-message-content blockquote::before { background-color: #7495e1; }
#guest_dm.dm-theme-modern-family .dm-theme-picker input:checked + span { border-color: #7495e1; background: #e8effc; box-shadow: inset 0 0 0 1px #7495e1; }
#guest_dm.dm-theme-modern-family .dm-message-actions,
#guest_dm.dm-theme-modern-family .server-composer-menu,
#guest_dm.dm-theme-modern-family .server-attachment-card,
#guest_dm.dm-theme-modern-family .server-attachment-actions,
#guest_dm.dm-theme-modern-family .server-media-dialog,
#guest_dm.dm-theme-modern-family .server-media-dialog > button { border-color: #b9cbee; }
#guest_dm.dm-theme-modern-family .dm-action-divider { background: #c9d7f0; }
#guest_dm.dm-theme-modern-family .dm-action-reaction:hover,
#guest_dm.dm-theme-modern-family .dm-message-actions .dm-action-edit:hover,
#guest_dm.dm-theme-modern-family .dm-message-actions .dm-action-reply:hover,
#guest_dm.dm-theme-modern-family .server-attachment-actions button:hover { background: #e0eafa; }
#guest_dm.dm-theme-modern-family.is-switching .server-chat::after,
#guest_dm.dm-theme-modern-family.is-switching .dm-chat::after { background: rgba(224,234,250,.88); }
#guest_dm.dm-theme-modern-family .dm-composer-row,
#guest_dm.dm-theme-modern-family .server-attachment-preview,
#guest_dm.dm-theme-modern-family .dm-edit-attachment-preview,
#guest_dm.dm-theme-modern-family .server-message-ticket:not(.is-deleted),
#guest_dm.dm-theme-modern-family .server-ticket-preview,
#guest_dm.dm-theme-modern-family .dm-edit-ticket-preview { border-color: #c9d7f0; }
#guest_dm.dm-theme-modern-family .server-attachment-visual,
#guest_dm.dm-theme-modern-family .server-message-file,
#guest_dm.dm-theme-modern-family .dm-modal-dialog input,
#guest_dm.dm-theme-modern-family .dm-modal-dialog textarea,
#guest_dm.dm-theme-modern-family .dm-theme-picker label > span { border-color: #b9cbee; background: #e0eafa; }