/* =========================================
   ?됱긽 蹂€???뺤쓽
   GREEN = #65D96E (?쏀븳 ?뺢킅 ?뱀깋)
   ========================================= */

/* =========================================
   1. ?꾩껜 諛곌꼍 諛??щ챸???ㅼ젙
   ========================================= */
body::before {
    content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    z-index: -1; background-size: cover !important;
    background-attachment: fixed !important; background-position: center !important;
    opacity: 1 !important;
}

/* ?ㅽ겕紐⑤뱶 諛곌꼍 (theme-default = ?ㅽ겕) */
body.theme-default::before {
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/936/857/626/503/original/c37d0786007ce62f.png') !important;
}

/* ?쇱씠?몃え??諛곌꼍 */
body.theme-mastodon-light::before {
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/937/152/183/353/original/f57d719fc2069932.png') !important;
}

/* 湲곕낯 諛곌꼍 ?щ챸????紐⑤뱺 ?뚮쭏 怨듯넻 */
body, .ui, .wrapper, .columns-area, .column, .drawer, .scrollable,
.columns-area__panels, .columns-area__panels__main,
.columns-area__panels__pane,
.columns-area__panels__pane__inner {
    background: transparent !important;
    background-color: transparent !important;
}

/* =========================================
   ?쇱씠??紐⑤뱶 ?꾩껜 諛곌꼍 媛뺤젣 ?щ챸??   (Mastodon ?쇱씠?몃뒗 body????諛곌꼍??吏곸젒 諛뺤쓬)
   ========================================= */
body.theme-mastodon-light {
    background: transparent !important;
    background-color: transparent !important;
}
body.theme-mastodon-light .ui,
body.theme-mastodon-light .columns-area,
body.theme-mastodon-light .columns-area__panels,
body.theme-mastodon-light .columns-area__panels__main,
body.theme-mastodon-light .columns-area__panels__pane,
body.theme-mastodon-light .columns-area__panels__pane__inner,
body.theme-mastodon-light .drawer,
body.theme-mastodon-light .scrollable {
    background: transparent !important;
    background-color: transparent !important;
}

/* ?쇱씠?몃え?? ?⑤꼸??諛섑닾紐??곗깋 */
body.theme-mastodon-light .navigation-panel,
body.theme-mastodon-light .navigation-panel__menu,
body.theme-mastodon-light nav.navigation-panel,
body.theme-mastodon-light .column,
body.theme-mastodon-light .scrollable,
body.theme-mastodon-light .status,
body.theme-mastodon-light .detailed-status,
body.theme-mastodon-light .column-header,
body.theme-mastodon-light .detailed-status__action-bar,
body.theme-mastodon-light .status__wrapper,
body.theme-mastodon-light .notification,
/* ?ㅻⅨ履??⑤꼸 */
body.theme-mastodon-light .columns-area__panels__pane--navigational,
body.theme-mastodon-light .columns-area__panels__pane--navigational > *,
body.theme-mastodon-light .getting-started,
body.theme-mastodon-light .getting-started__wrapper,
body.theme-mastodon-light .getting-started__trends,
body.theme-mastodon-light .trends,
body.theme-mastodon-light .trends__item,
body.theme-mastodon-light .account-card,
body.theme-mastodon-light .explore__search-header,
body.theme-mastodon-light .search {
    background-color: rgba(245, 245, 245, 0.82) !important;
    background: rgba(245, 245, 245, 0.82) !important;
    backdrop-filter: blur(12px) !important;
}
body.theme-mastodon-light .column-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* =========================================
   ?ㅽ겕紐⑤뱶 ?꾩껜 諛곌꼍 ?щ챸??   ========================================= */
body.theme-default {
    background: transparent !important;
    background-color: transparent !important;
}
body.theme-default .ui,
body.theme-default .columns-area,
body.theme-default .columns-area__panels,
body.theme-default .columns-area__panels__main,
body.theme-default .columns-area__panels__pane,
body.theme-default .columns-area__panels__pane__inner,
body.theme-default .columns-area__panels__pane--compositional,
body.theme-default .compose-panel,
body.theme-default .drawer,
body.theme-default .scrollable {
    background: transparent !important;
    background-color: transparent !important;
}

/* ?ㅽ겕紐⑤뱶: ?쇱そ ?⑤꼸 */
body.theme-default .navigation-panel,
body.theme-default .navigation-panel__menu,
body.theme-default nav.navigation-panel {
    background-color: rgba(31, 34, 39, 0.75) !important;
    background: rgba(31, 34, 39, 0.75) !important;
    backdrop-filter: blur(15px) !important;
}

/* ?ㅽ겕紐⑤뱶: 以묒븰 ?쇰뱶 */
body.theme-default .column,
body.theme-default .scrollable,
body.theme-default .status,
body.theme-default .detailed-status,
body.theme-default .column-header,
body.theme-default .detailed-status__action-bar,
body.theme-default .status__wrapper,
body.theme-default .notification {
    background-color: rgba(31, 34, 39, 0.72) !important;
    background: rgba(31, 34, 39, 0.72) !important;
}
body.theme-default .column-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
body.theme-default .status__wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
}

/* ?ㅽ겕紐⑤뱶: ?ㅻⅨ履??⑤꼸 ???좏깮??理쒕? 踰붿쐞濡??€寃?*/
body.theme-default .columns-area__panels__pane--navigational,
body.theme-default .columns-area__panels__pane--navigational > *,
body.theme-default .columns-area__panels__pane--navigational .columns-area__panels__pane__inner,
body.theme-default .getting-started,
body.theme-default .getting-started__wrapper,
body.theme-default .getting-started__trends,
body.theme-default .directory,
body.theme-default .explore__search-header,
body.theme-default .search,
body.theme-default .column-inline-form,
body.theme-default .dismissable-banner,
body.theme-default .trends,
body.theme-default .trends__item,
body.theme-default .account-card,
body.theme-default .empty-column-indicator,
body.theme-default .follow-recommendations-container,
body.theme-default .link-footer {
    background-color: rgba(31, 34, 39, 0.75) !important;
    background: rgba(31, 34, 39, 0.75) !important;
    backdrop-filter: blur(15px) !important;
}

/* ?ㅻⅨ履??⑤꼸 ?띿뒪??留곹겕 */
body.theme-default .columns-area__panels__pane--navigational a,
body.theme-default .columns-area__panels__pane--navigational span,
body.theme-default .columns-area__panels__pane--navigational h4,
body.theme-default .getting-started a,
body.theme-default .trends__item__name a,
body.theme-default .trends__item__current,
body.theme-default .link-footer a {
    color: #E7E7E7 !important;
}
body.theme-default .trends__item,
body.theme-default .account-card {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ?ㅽ겕紐⑤뱶: 湲€?곌린?€ */
body.theme-default .compose-form {
    background-color: rgba(29, 32, 37, 0.92) !important;
    background: rgba(29, 32, 37, 0.92) !important;
    flex: 0 0 auto !important;
}
body.theme-default .compose-form__top-bar,
body.theme-default .navigation-bar,
body.theme-default .navigation-bar__profile,
body.theme-default a.account__display-name,
body.theme-default .navigation-bar__profile-account {
    background: transparent !important;
    background-color: transparent !important;
}

/* =========================================
   ?됱긽 蹂€?? ?뱀깋 (?쇱씠??湲곕낯)
   ========================================= */
:root, body {
    --ui-highlight-color: #65D96E !important;
    --color-brand-blue: #65D96E !important;
    --color-brand-blue-light: #65D96E !important;
    --color-brand-blue-dark: #65D96E !important;
}

/* ?ㅽ겕紐⑤뱶 蹂€?섎뒗 ?뚯깋 ?좎? */
body.theme-default {
    --ui-highlight-color: #E7E7E7 !important;
    --color-brand-blue: #E7E7E7 !important;
    --color-brand-blue-light: #E7E7E7 !important;
    --color-brand-blue-dark: #E7E7E7 !important;
}

/* =========================================
   ?뱀깋 踰꾪듉/留곹겕 (?쇱씠?몃え??+ 湲곕낯)
   ========================================= */
.compose-form .text-icon-button,
.compose-form .privacy-dropdown__value,
.compose-form .language-dropdown__value {
    color: #65D96E !important;
    border-color: #65D96E !important;
}
.compose-form .icon-button,
.compose-form__action-bar .icon-button {
    color: #65D96E !important;
}
.compose-form .icon-button svg,
.compose-form .text-icon-button svg,
.compose-form .icon-button path,
.compose-form .text-icon-button path,
.compose-form .privacy-dropdown__value *,
.compose-form .language-dropdown__value * {
    fill: #65D96E !important;
    color: #65D96E !important;
}
.compose-form span { color: inherit; }

.privacy-dropdown__value,
.privacy-dropdown__value.active,
.language-dropdown__value,
.language-dropdown__value.active,
.privacy-dropdown button,
.language-dropdown button {
    color: #65D96E !important;
    border-color: #65D96E !important;
    background-color: transparent !important;
}
.privacy-dropdown__value *,
.privacy-dropdown__value.active *,
.language-dropdown__value *,
.language-dropdown__value.active *,
.privacy-dropdown button *,
.language-dropdown button * {
    color: #65D96E !important;
    fill: #65D96E !important;
}

/* 寃뚯떆 踰꾪듉 ??梨꾩썙吏?踰꾪듉 */
.compose-form .button:not(.icon-button),
.compose-form .button.button--block:not(.icon-button),
.compose-form .button.button-secondary:not(.icon-button),
.compose-form [class*="dropdown"] button:not(.icon-button),
.compose-form [class*="dropdown"] .button:not(.icon-button),
.compose-form__topbar button:not(.icon-button),
.compose-form__topbar .button:not(.icon-button),
.compose-form__header button:not(.icon-button),
.compose-form__header .button:not(.icon-button),
.compose-form button[class*="active"]:not(.icon-button),
.compose-form .dropdown-button:not(.icon-button) {
    background-color: #65D96E !important;
    border-color: #65D96E !important;
    color: #ffffff !important;
}
.compose-form .button:not(.icon-button) svg,
.compose-form .button:not(.icon-button) path,
.compose-form__topbar button:not(.icon-button) svg,
.compose-form__topbar button:not(.icon-button) path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* ?꾩씠肄?踰꾪듉 諛곌꼍?€ ?щ챸 ?좎? */
.compose-form .icon-button,
.compose-form__action-bar .icon-button,
.compose-form .icon-button:hover,
.compose-form .icon-button:focus,
.compose-form .icon-button:active,
.compose-form .icon-button.active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #65D96E !important;
}

/* ?쇰뱶 留곹겕/踰꾪듉 */
.button.button-secondary,
.account__header__tabs__buttons .button,
a.button,
.back-link a,
.column-back-button,
.account__header__extra__links a,
.status__content a,
.link-footer a {
    color: #65D96E !important;
}
.account__moved-note__message,
.account__badge,
.roles__role {
    background-color: rgba(101, 217, 110, 0.15) !important;
    color: #65D96E !important;
    border-color: #65D96E !important;
}
.account__section-headline a.active,
.account__section-headline button.active {
    border-bottom-color: #65D96E !important;
    color: #65D96E !important;
}

/* 媛쒖씤硫섏뀡 ?쇰뱶 諛곌꼍 */
.status__wrapper--filtered,
.status-direct,
.status__wrapper.status__wrapper--direct,
div[data-component="Status"].direct,
.notification--direct,
.status--in-thread {
    background-color: rgba(101, 217, 110, 0.12) !important;
}
.status__prepend,
.notification__message {
    background-color: rgba(101, 217, 110, 0.08) !important;
}

/* =========================================
   ?쇱そ 硫붾돱 留곹겕 ?됱긽
   ========================================= */
/* ?쇱씠?몃え?? 寃€??湲곕낯, ?뱀깋 ?쒖꽦 */
body.theme-mastodon-light a.column-link { color: #000000 !important; }
body.theme-mastodon-light a.column-link svg,
body.theme-mastodon-light a.column-link path { fill: #000000 !important; }
body.theme-mastodon-light a.column-link:hover,
body.theme-mastodon-light a.column-link.active { color: #65D96E !important; }
body.theme-mastodon-light a.column-link:hover svg,
body.theme-mastodon-light a.column-link:hover path,
body.theme-mastodon-light a.column-link.active svg,
body.theme-mastodon-light a.column-link.active path { fill: #65D96E !important; }

/* ?ㅽ겕紐⑤뱶: ?곗깋 湲곕낯 */
body.theme-default a.column-link { color: #ffffff !important; }
body.theme-default a.column-link svg,
body.theme-default a.column-link path { fill: #ffffff !important; }
body.theme-default a.column-link:hover,
body.theme-default a.column-link.active { color: #E7E7E7 !important; }
body.theme-default a.column-link:hover svg,
body.theme-default a.column-link:hover path,
body.theme-default a.column-link.active svg,
body.theme-default a.column-link.active path { fill: #E7E7E7 !important; }

/* ?ㅽ겕紐⑤뱶: 湲고? ?띿뒪??*/
body.theme-default .column-link--transparent.active,
body.theme-default .column-link--transparent:hover,
body.theme-default .column-link .column-link__icon,
body.theme-default .navigation-bar__profile-account,
body.theme-default .nav-link.active { color: #E7E7E7 !important; }
body.theme-default .column-link svg,
body.theme-default .column-link path { fill: #E7E7E7 !important; }
body.theme-default .status__action-bar .icon-button.active,
body.theme-default .status__action-bar a,
body.theme-default .status__relative-time,
body.theme-default .status__display-name strong,
body.theme-default .detailed-status__action-bar .icon-button.active { color: #E7E7E7 !important; }

/* ?ㅽ겕紐⑤뱶: 湲€?곌린 踰꾪듉 ?됱긽 ??뼱?곌린 */
body.theme-default .compose-form .button:not(.icon-button),
body.theme-default .compose-form [class*="dropdown"] button:not(.icon-button),
body.theme-default .compose-form__topbar button:not(.icon-button),
body.theme-default .compose-form__header button:not(.icon-button),
body.theme-default .compose-form .dropdown-button:not(.icon-button) {
    background-color: #E7E7E7 !important;
    border-color: #E7E7E7 !important;
    color: #000000 !important;
}
body.theme-default .compose-form .button:not(.icon-button) svg,
body.theme-default .compose-form .button:not(.icon-button) path,
body.theme-default .compose-form__topbar button:not(.icon-button) svg,
body.theme-default .compose-form__topbar button:not(.icon-button) path {
    fill: #000000 !important;
    color: #000000 !important;
}
body.theme-default .compose-form .icon-button { color: #E7E7E7 !important; }
body.theme-default .compose-form .icon-button svg,
body.theme-default .compose-form .icon-button path { fill: #E7E7E7 !important; }
body.theme-default .button.button-secondary,
body.theme-default .account__header__tabs__buttons .button,
body.theme-default a.button,
body.theme-default .back-link a,
body.theme-default .column-back-button { color: #E7E7E7 !important; border: none !important; }
body.theme-default .account__header__extra__links a,
body.theme-default .status__content a,
body.theme-default .link-footer a { color: #E7E7E7 !important; }
body.theme-default .account__badge,
body.theme-default .roles__role {
    background-color: rgba(7, 7, 10, 0.5) !important;
    color: #E7E7E7 !important;
    border-color: #E7E7E7 !important;
}
body.theme-default .account__section-headline a.active,
body.theme-default .account__section-headline button.active {
    border-bottom-color: #E7E7E7 !important;
    color: #E7E7E7 !important;
}

/* ?ㅽ겕紐⑤뱶: ?ㅻⅨ履?硫붾돱 ?띿뒪???꾩씠肄??곗깋 怨좎젙 */
body.theme-default .columns-area__panels__pane--navigational,
body.theme-default .columns-area__panels__pane--navigational *,
body.theme-default .columns-area__panels__pane--navigational a,
body.theme-default .columns-area__panels__pane--navigational button,
body.theme-default .columns-area__panels__pane--navigational .column-link,
body.theme-default .columns-area__panels__pane--navigational .column-link__text,
body.theme-default .columns-area__panels__pane--navigational .column-link__icon {
    color: #ffffff !important;
}
body.theme-default .columns-area__panels__pane--navigational svg,
body.theme-default .columns-area__panels__pane--navigational path {
    fill: #ffffff !important;
}

/* =========================================
   濡쒓퀬 援먯껜
   ========================================= */
.navigation-panel__logo img,
.column-header__logo img,
.sidebar-wrapper__logo img,
.navigation-panel__logo a svg {
    display: none !important;
}
.navigation-panel__logo a,
.column-header__logo,
.sidebar-wrapper__logo {
    display: block !important;
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/957/530/537/428/original/253db8a7e7b9be01.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 140px !important;
    min-height: 40px !important;
    text-indent: -9999px;
}
.admin-wrapper .sidebar-wrapper__logo img { opacity: 0 !important; }
.admin-wrapper .sidebar-wrapper__logo a {
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/957/530/537/428/original/253db8a7e7b9be01.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.column-header__logo svg { display: none !important; }

/* ?ㅽ겕紐⑤뱶: ?ㅻⅨ履??ъ씠??硫붾돱 湲€???꾩씠肄??곗깋 */
body.theme-default .navigation-panel,
body.theme-default .navigation-panel *,
body.theme-default .navigation-panel a,
body.theme-default .navigation-panel a *,
body.theme-default .navigation-panel button,
body.theme-default .navigation-panel button *,
body.theme-default .navigation-panel .column-link,
body.theme-default .navigation-panel .column-link *,
body.theme-default .navigation-panel .column-link__text,
body.theme-default .navigation-panel .column-link__icon,
body.theme-default .navigation-panel .column-link__icon * {
    color: #ffffff !important;
}
body.theme-default .navigation-panel svg,
body.theme-default .navigation-panel svg *,
body.theme-default .navigation-panel path,
body.theme-default .navigation-panel .column-link svg,
body.theme-default .navigation-panel .column-link path {
    fill: #ffffff !important;
    color: #ffffff !important;
}
body.theme-default .navigation-panel a::before,
body.theme-default .navigation-panel button::before,
body.theme-default .navigation-panel .column-link::before {
    color: #ffffff !important;
}

/* ?ㅽ겕紐⑤뱶 class媛€ theme-default媛€ ?꾨땺 ?뚮룄 ?ㅻⅨ履?硫붾돱 ?곗깋 */
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel *,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel a,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel a *,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel button,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel button *,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link *,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link__text,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link__icon,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link__icon * {
    color: #ffffff !important;
}
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel svg,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel svg *,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel path,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link svg,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* ?ㅽ겕紐⑤뱶: ?ㅻⅨ履?硫붾돱 hover/active 媛뺤“??*/
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel a:hover,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel a:hover *,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel button:hover,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel button:hover *,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link:hover,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link:hover *,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link.active,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link.active * {
    color: #65D96E !important;
}
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel a:hover svg,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel a:hover path,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel button:hover svg,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel button:hover path,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link:hover svg,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link:hover path,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link.active svg,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .navigation-panel .column-link.active path {
    fill: #65D96E !important;
    color: #65D96E !important;
}

/* 배경 이미지가 pseudo 요소 뒤로 숨지 않도록 body에도 직접 적용 */
body.theme-mastodon-light {
    background-color: transparent !important;
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/937/152/183/353/original/f57d719fc2069932.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light),
html:not(.theme-mastodon-light) body.theme-default:not(.theme-mastodon-light) {
    background-color: transparent !important;
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/936/857/626/503/original/c37d0786007ce62f.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}
body::before {
    z-index: 0 !important;
    pointer-events: none !important;
}
body > * {
    position: relative;
    z-index: 1;
}

/* 라이트모드 배경은 다크 규칙보다 항상 우선 */
body.theme-mastodon-light,
body.theme-mastodon-light::before {
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/937/152/183/353/original/f57d719fc2069932.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* 라이트모드 class가 html에 붙는 경우까지 배경 보정 */
html.theme-mastodon-light body,
html.theme-mastodon-light body::before,
:root.theme-mastodon-light body,
:root.theme-mastodon-light body::before {
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/937/152/183/353/original/f57d719fc2069932.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* 가운데 피드: 다크모드 불투명도 강화 */
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .columns-area__panels__main .column,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .columns-area__panels__main .scrollable,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .columns-area__panels__main .status,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .columns-area__panels__main .detailed-status,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .columns-area__panels__main .column-header,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .columns-area__panels__main .detailed-status__action-bar,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .columns-area__panels__main .status__wrapper,
html:not(.theme-mastodon-light) body:not(.theme-mastodon-light) .columns-area__panels__main .notification,
html:not(.theme-mastodon-light) body .columns-area__panels__main .column,
html:not(.theme-mastodon-light) body .columns-area__panels__main .scrollable,
html:not(.theme-mastodon-light) body .columns-area__panels__main .status,
html:not(.theme-mastodon-light) body .columns-area__panels__main .detailed-status,
html:not(.theme-mastodon-light) body .columns-area__panels__main .column-header,
html:not(.theme-mastodon-light) body .columns-area__panels__main .detailed-status__action-bar,
html:not(.theme-mastodon-light) body .columns-area__panels__main .status__wrapper,
html:not(.theme-mastodon-light) body .columns-area__panels__main .notification {
    background-color: rgba(20, 22, 28, 0.92) !important;
    background: rgba(20, 22, 28, 0.92) !important;
    backdrop-filter: blur(10px) !important;
}

/* 가운데 피드: 라이트모드 불투명도 강화 */
body.theme-mastodon-light .columns-area__panels__main .column,
body.theme-mastodon-light .columns-area__panels__main .scrollable,
body.theme-mastodon-light .columns-area__panels__main .status,
body.theme-mastodon-light .columns-area__panels__main .detailed-status,
body.theme-mastodon-light .columns-area__panels__main .column-header,
body.theme-mastodon-light .columns-area__panels__main .detailed-status__action-bar,
body.theme-mastodon-light .columns-area__panels__main .status__wrapper,
body.theme-mastodon-light .columns-area__panels__main .notification,
html.theme-mastodon-light body .columns-area__panels__main .column,
html.theme-mastodon-light body .columns-area__panels__main .scrollable,
html.theme-mastodon-light body .columns-area__panels__main .status,
html.theme-mastodon-light body .columns-area__panels__main .detailed-status,
html.theme-mastodon-light body .columns-area__panels__main .column-header,
html.theme-mastodon-light body .columns-area__panels__main .detailed-status__action-bar,
html.theme-mastodon-light body .columns-area__panels__main .status__wrapper,
html.theme-mastodon-light body .columns-area__panels__main .notification {
    background-color: rgba(248, 250, 250, 0.94) !important;
    background: rgba(248, 250, 250, 0.94) !important;
    backdrop-filter: blur(8px) !important;
}

/* 라이트모드 최종 우선순위 보정 */
html.theme-mastodon-light body,
html.theme-mastodon-light body::before {
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/937/152/183/353/original/f57d719fc2069932.png') !important;
}
html.theme-mastodon-light body .columns-area__panels__main .column,
html.theme-mastodon-light body .columns-area__panels__main .scrollable,
html.theme-mastodon-light body .columns-area__panels__main .status,
html.theme-mastodon-light body .columns-area__panels__main .detailed-status,
html.theme-mastodon-light body .columns-area__panels__main .column-header,
html.theme-mastodon-light body .columns-area__panels__main .detailed-status__action-bar,
html.theme-mastodon-light body .columns-area__panels__main .status__wrapper,
html.theme-mastodon-light body .columns-area__panels__main .notification {
    background-color: rgba(248, 250, 250, 0.94) !important;
    background: rgba(248, 250, 250, 0.94) !important;
}

/* 라이트모드: 전체 색상 최종 보정 */
html.theme-mastodon-light body,
html.theme-mastodon-light body::before,
body.theme-mastodon-light,
body.theme-mastodon-light::before {
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/937/152/183/353/original/f57d719fc2069932.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}
html.theme-mastodon-light body .navigation-panel,
html.theme-mastodon-light body .navigation-panel *,
html.theme-mastodon-light body .navigation-panel a,
html.theme-mastodon-light body .navigation-panel a *,
html.theme-mastodon-light body .navigation-panel button,
html.theme-mastodon-light body .navigation-panel button *,
body.theme-mastodon-light .navigation-panel,
body.theme-mastodon-light .navigation-panel *,
body.theme-mastodon-light .navigation-panel a,
body.theme-mastodon-light .navigation-panel a *,
body.theme-mastodon-light .navigation-panel button,
body.theme-mastodon-light .navigation-panel button * {
    color: #111318 !important;
}
html.theme-mastodon-light body .navigation-panel svg,
html.theme-mastodon-light body .navigation-panel svg *,
html.theme-mastodon-light body .navigation-panel path,
body.theme-mastodon-light .navigation-panel svg,
body.theme-mastodon-light .navigation-panel svg *,
body.theme-mastodon-light .navigation-panel path {
    fill: #111318 !important;
    color: #111318 !important;
}
html.theme-mastodon-light body .navigation-panel a:hover,
html.theme-mastodon-light body .navigation-panel a:hover *,
html.theme-mastodon-light body .navigation-panel .column-link.active,
html.theme-mastodon-light body .navigation-panel .column-link.active *,
body.theme-mastodon-light .navigation-panel a:hover,
body.theme-mastodon-light .navigation-panel a:hover *,
body.theme-mastodon-light .navigation-panel .column-link.active,
body.theme-mastodon-light .navigation-panel .column-link.active * {
    color: #65D96E !important;
}
html.theme-mastodon-light body .navigation-panel a:hover svg,
html.theme-mastodon-light body .navigation-panel a:hover path,
html.theme-mastodon-light body .navigation-panel .column-link.active svg,
html.theme-mastodon-light body .navigation-panel .column-link.active path,
body.theme-mastodon-light .navigation-panel a:hover svg,
body.theme-mastodon-light .navigation-panel a:hover path,
body.theme-mastodon-light .navigation-panel .column-link.active svg,
body.theme-mastodon-light .navigation-panel .column-link.active path {
    fill: #65D96E !important;
    color: #65D96E !important;
}
html.theme-mastodon-light body .column,
html.theme-mastodon-light body .scrollable,
html.theme-mastodon-light body .status,
html.theme-mastodon-light body .detailed-status,
html.theme-mastodon-light body .column-header,
html.theme-mastodon-light body .detailed-status__action-bar,
html.theme-mastodon-light body .status__wrapper,
html.theme-mastodon-light body .notification,
body.theme-mastodon-light .column,
body.theme-mastodon-light .scrollable,
body.theme-mastodon-light .status,
body.theme-mastodon-light .detailed-status,
body.theme-mastodon-light .column-header,
body.theme-mastodon-light .detailed-status__action-bar,
body.theme-mastodon-light .status__wrapper,
body.theme-mastodon-light .notification {
    background-color: rgba(248, 250, 250, 0.94) !important;
    background: rgba(248, 250, 250, 0.94) !important;
}

html.theme-mastodon-light body .navigation-panel,
html.theme-mastodon-light body .navigation-panel__menu,
html.theme-mastodon-light body nav.navigation-panel,
html.theme-mastodon-light body .compose-form,
html.theme-mastodon-light body .search,
html.theme-mastodon-light body .getting-started,
html.theme-mastodon-light body .getting-started__wrapper,
html.theme-mastodon-light body .getting-started__trends,
html.theme-mastodon-light body .trends,
html.theme-mastodon-light body .trends__item,
html.theme-mastodon-light body .account-card,
html.theme-mastodon-light body .link-footer,
body.theme-mastodon-light .navigation-panel,
body.theme-mastodon-light .navigation-panel__menu,
body.theme-mastodon-light nav.navigation-panel,
body.theme-mastodon-light .compose-form,
body.theme-mastodon-light .search,
body.theme-mastodon-light .getting-started,
body.theme-mastodon-light .getting-started__wrapper,
body.theme-mastodon-light .getting-started__trends,
body.theme-mastodon-light .trends,
body.theme-mastodon-light .trends__item,
body.theme-mastodon-light .account-card,
body.theme-mastodon-light .link-footer {
    background-color: rgba(248, 250, 250, 0.88) !important;
    background: rgba(248, 250, 250, 0.88) !important;
    backdrop-filter: blur(10px) !important;
}

/* 라이트모드 별칭 대응: 실제 class/data 이름이 다른 경우 */
html[class*="light"] body,
html[class*="light"] body::before,
body[class*="light"],
body[class*="light"]::before,
html[data-theme*="light"] body,
html[data-theme*="light"] body::before,
body[data-theme*="light"],
body[data-theme*="light"]::before {
    background-image: url('https://saindo.site/system/media_attachments/files/116/804/937/152/183/353/original/f57d719fc2069932.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

html[class*="light"] body .column,
html[class*="light"] body .scrollable,
html[class*="light"] body .status,
html[class*="light"] body .detailed-status,
html[class*="light"] body .column-header,
html[class*="light"] body .detailed-status__action-bar,
html[class*="light"] body .status__wrapper,
html[class*="light"] body .notification,
body[class*="light"] .column,
body[class*="light"] .scrollable,
body[class*="light"] .status,
body[class*="light"] .detailed-status,
body[class*="light"] .column-header,
body[class*="light"] .detailed-status__action-bar,
body[class*="light"] .status__wrapper,
body[class*="light"] .notification,
html[data-theme*="light"] body .column,
html[data-theme*="light"] body .scrollable,
html[data-theme*="light"] body .status,
html[data-theme*="light"] body .detailed-status,
html[data-theme*="light"] body .column-header,
html[data-theme*="light"] body .detailed-status__action-bar,
html[data-theme*="light"] body .status__wrapper,
html[data-theme*="light"] body .notification,
body[data-theme*="light"] .column,
body[data-theme*="light"] .scrollable,
body[data-theme*="light"] .status,
body[data-theme*="light"] .detailed-status,
body[data-theme*="light"] .column-header,
body[data-theme*="light"] .detailed-status__action-bar,
body[data-theme*="light"] .status__wrapper,
body[data-theme*="light"] .notification {
    background-color: rgba(248, 250, 250, 0.94) !important;
    background: rgba(248, 250, 250, 0.94) !important;
    color: #111318 !important;
}

html[class*="light"] body .navigation-panel,
html[class*="light"] body .navigation-panel *,
body[class*="light"] .navigation-panel,
body[class*="light"] .navigation-panel *,
html[data-theme*="light"] body .navigation-panel,
html[data-theme*="light"] body .navigation-panel *,
body[data-theme*="light"] .navigation-panel,
body[data-theme*="light"] .navigation-panel * {
    color: #111318 !important;
}

html[class*="light"] body .navigation-panel svg,
html[class*="light"] body .navigation-panel path,
body[class*="light"] .navigation-panel svg,
body[class*="light"] .navigation-panel path,
html[data-theme*="light"] body .navigation-panel svg,
html[data-theme*="light"] body .navigation-panel path,
body[data-theme*="light"] .navigation-panel svg,
body[data-theme*="light"] .navigation-panel path {
    fill: #111318 !important;
    color: #111318 !important;
}

html[class*="light"] body .navigation-panel a:hover,
html[class*="light"] body .navigation-panel a:hover *,
html[class*="light"] body .navigation-panel .column-link.active,
html[class*="light"] body .navigation-panel .column-link.active *,
body[class*="light"] .navigation-panel a:hover,
body[class*="light"] .navigation-panel a:hover *,
body[class*="light"] .navigation-panel .column-link.active,
body[class*="light"] .navigation-panel .column-link.active *,
html[data-theme*="light"] body .navigation-panel a:hover,
html[data-theme*="light"] body .navigation-panel a:hover *,
html[data-theme*="light"] body .navigation-panel .column-link.active,
html[data-theme*="light"] body .navigation-panel .column-link.active *,
body[data-theme*="light"] .navigation-panel a:hover,
body[data-theme*="light"] .navigation-panel a:hover *,
body[data-theme*="light"] .navigation-panel .column-link.active,
body[data-theme*="light"] .navigation-panel .column-link.active * {
    color: #65D96E !important;
}

@media (prefers-color-scheme: light) {
    body,
    body::before {
        background-image: url('https://saindo.site/system/media_attachments/files/116/804/937/152/183/353/original/f57d719fc2069932.png') !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
    }

    .column,
    .scrollable,
    .status,
    .detailed-status,
    .column-header,
    .detailed-status__action-bar,
    .status__wrapper,
    .notification {
        background-color: rgba(248, 250, 250, 0.94) !important;
        background: rgba(248, 250, 250, 0.94) !important;
        color: #111318 !important;
    }
}