.community-editor {
    overflow: hidden;
    border: 1px solid #edf0f4;
    border-radius: 6px;
    background: #fff;
}

.community-dropdown {
    position: relative;
    z-index: 20;
}

.community-dropdown__trigger {
    display: flex;
    width: 100%;
    height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
    padding: 0 12px;
    color: #151515;
    font-size: 14px;
    transition: border-color .16s ease, background-color .16s ease;
}

.community-dropdown__trigger:hover,
.community-dropdown.is-open .community-dropdown__trigger {
    border-color: #2563eb;
    background: #f8fbff;
}

.community-dropdown__current {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.community-dropdown__icon,
.community-dropdown__option-icon {
    flex: 0 0 auto;
    color: #2563eb;
    font-size: 21px;
}

.community-dropdown__chevron {
    flex: 0 0 auto;
    color: #64748b;
    font-size: 20px;
    transition: transform .16s ease;
}

.community-dropdown.is-open .community-dropdown__chevron {
    transform: rotate(180deg);
}

.community-dropdown__menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 40;
    display: grid;
    gap: 4px;
    overflow: hidden;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #fff;
    padding: 6px;
    box-shadow: 0 16px 32px rgba(15, 23, 42, .12);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity .16s ease, transform .16s ease;
}

.community-dropdown.is-open .community-dropdown__menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.community-dropdown__option {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    padding: 9px 10px;
    text-align: left;
    color: #151515;
    transition: background-color .16s ease, color .16s ease;
}

.community-dropdown__option:hover,
.community-dropdown__option.is-active {
    background: #eff6ff;
    color: #1d4ed8;
}

.community-dropdown__option-text {
    min-width: 0;
    flex: 1 1 auto;
}

.community-dropdown__option-label {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.community-dropdown__option-desc {
    display: block;
    margin-top: 1px;
    color: #64748b;
    font-size: 12px;
    line-height: 18px;
}

.community-dropdown__check {
    flex: 0 0 auto;
    color: #2563eb;
    font-size: 18px;
    opacity: 0;
}

.community-dropdown__option.is-active .community-dropdown__check {
    opacity: 1;
}

.community-modal {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.community-modal[hidden] {
    display: none;
}

.community-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .38);
}

.community-modal__panel {
    position: relative;
    z-index: 1;
    display: flex;
    width: min(920px, calc(100vw - 32px));
    height: min(750px, calc(100vh - 40px));
    max-height: calc(100vh - 40px);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    color: #151515;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .22);
}

.community-modal__head {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #edf0f4;
    padding: 18px 20px;
}

.community-modal__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

.community-modal__desc {
    margin-top: 2px;
    color: #64748b;
    font-size: 13px;
}

.community-modal__close {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #64748b;
    font-size: 20px;
}

.community-modal__close:hover {
    background: #f1f5f9;
    color: #151515;
}

.community-modal__form {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.community-modal__body {
    display: grid;
    min-height: 0;
    flex: 1 1 auto;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px;
    overflow-y: auto;
    padding: 18px 20px;
}

.community-modal__alert-slot[hidden] {
    display: none;
}

.community-modal__editor-field {
    display: flex;
    min-height: 0;
    flex-direction: column;
}

.community-modal__editor-field .community-editor {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.community-modal__editor-field .community-editor__body,
.community-modal__editor-field .community-editor__source {
    min-height: 0 !important;
    flex: 1 1 auto;
}

.community-modal__topline {
    display: grid;
    gap: 14px;
}

.community-modal__title-input {
    height: 44px;
    line-height: 20px;
}

@media (min-width: 768px) {
    .community-modal__topline {
        grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
        align-items: start;
    }
}

.community-modal__foot {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #edf0f4;
    padding: 12px 18px;
}

.community-modal__cancel,
.community-modal__submit {
    display: inline-flex;
    height: 38px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 6px;
    padding: 0 14px;
    font-size: 14px;
}

.community-modal__cancel {
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #334155;
}

.community-modal__cancel:hover {
    background: #f8fafc;
}

.community-modal__submit {
    background: #2563eb;
    color: #fff;
}

.community-modal__submit:hover {
    background: #1d4ed8;
}

.community-modal__submit:disabled {
    cursor: default;
    opacity: .64;
}

.community-modal__alert {
    display: flex;
    height: 38px;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 13px;
}

.community-modal__alert-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.community-modal__alert-close {
    display: inline-flex;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: currentColor;
    font-size: 16px;
    opacity: .68;
}

.community-modal__alert-close:hover {
    background: rgba(15, 23, 42, .08);
    opacity: 1;
}

.community-modal__alert.is-error {
    border: 1px solid #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.community-modal__alert.is-success {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.community-report-modal__panel {
    width: min(480px, calc(100vw - 32px));
    height: auto;
    max-height: calc(100vh - 40px);
}

.community-report-modal__body {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.community-report-modal__field {
    display: grid;
    gap: 7px;
    color: #111827;
    font-size: 13px;
}

.community-report-modal__field span {
    font-weight: 500;
}

.community-report-modal__field select,
.community-report-modal__field textarea {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
    color: #111827;
    font-size: 14px;
    outline: none;
}

.community-report-modal__field select {
    height: 40px;
    padding: 0 10px;
}

.community-report-modal__field textarea {
    resize: vertical;
    min-height: 96px;
    padding: 10px;
    line-height: 1.6;
}

.community-report-modal__field select:focus,
.community-report-modal__field textarea:focus {
    border-color: #2563eb;
}

body.community-modal-open {
    overflow: hidden;
}

.community-compose-page {
    background: #f5f5f5;
    padding: 18px 0 48px;
}

.community-compose-shell {
    display: grid;
    gap: 12px;
}

.community-compose-head {
    display: flex;
    min-height: 88px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid #e4e8ed;
    border-radius: 6px;
    background: #fff;
    padding: 15px 18px;
}

.community-compose-head-main {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    gap: 13px;
}

.community-compose-head-icon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 24px;
}

.community-compose-head-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.community-compose-head-copy > span {
    display: block;
    color: #2563eb;
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
}

.community-compose-head-copy h1 {
    margin: 1px 0 0;
    color: #172033;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
}

.community-compose-head-copy p {
    overflow: hidden;
    margin: 2px 0 0;
    color: #7b8798;
    font-size: 12px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.community-compose-back {
    display: inline-flex;
    height: 36px;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    border: 1px solid #dfe5ec;
    border-radius: 6px;
    background: #fff;
    padding: 0 11px;
    color: #536176;
    font-size: 12px;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}

.community-compose-back:hover {
    border-color: #b7c8dc;
    background: #f8fafc;
    color: #2563eb;
}

.community-compose-card {
    border: 1px solid #e4e8ed;
    border-radius: 6px;
    background: #fff;
    padding: 20px;
}

.community-compose-form {
    display: grid;
    gap: 16px;
}

.community-compose-fields {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 12px;
}

.community-compose-field {
    min-width: 0;
}

.community-compose-field > label {
    display: block;
    margin-bottom: 7px;
    color: #334155;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.community-compose-title {
    width: 100%;
    height: 44px;
    border: 1px solid #e1e6ed;
    border-radius: 6px;
    background: #fff;
    padding: 0 12px;
    color: #172033;
    font-size: 13px;
    transition: border-color .16s ease, background-color .16s ease;
}

.community-compose-title::placeholder {
    color: #a0a9b7;
}

.community-compose-title:focus {
    border-color: #60a5fa !important;
}

.community-compose-editor-field .community-editor {
    border-color: #e1e6ed;
    border-radius: 6px;
}

.community-compose-editor-field .community-editor__toolbar {
    padding: 6px 8px;
}

.community-compose-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid #edf0f4;
    padding-top: 14px;
}

.community-compose-actions > span {
    color: #94a3b8;
    font-size: 11px;
    line-height: 18px;
}

.community-compose-actions button {
    display: inline-flex;
    height: 38px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 6px;
    background: #2563eb;
    padding: 0 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    transition: background-color .16s ease;
}

.community-compose-actions button:hover {
    background: #1d4ed8;
}

@media (max-width: 720px) {
    .community-compose-page {
        padding: 12px 0 32px;
    }

    .community-compose-head {
        align-items: flex-start;
        padding: 14px;
    }

    .community-compose-head-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 22px;
    }

    .community-compose-head-copy p {
        max-width: 380px;
    }

    .community-compose-back {
        width: 36px;
        padding: 0;
        justify-content: center;
    }

    .community-compose-back span:last-child {
        display: none;
    }

    .community-compose-card {
        padding: 14px;
    }

    .community-compose-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .community-compose-actions {
        align-items: flex-end;
    }
}

html.dark .community-compose-page,
html.tw-dark .community-compose-page {
    background: #101010;
}

html.dark .community-compose-head,
html.dark .community-compose-card,
html.tw-dark .community-compose-head,
html.tw-dark .community-compose-card {
    border-color: #2a2a2a;
    background: #171717;
}

html.dark .community-compose-head-icon,
html.tw-dark .community-compose-head-icon {
    background: rgba(56, 189, 248, .1);
    color: #7dd3fc;
}

html.dark .community-compose-head-copy > span,
html.tw-dark .community-compose-head-copy > span {
    color: #7dd3fc;
}

html.dark .community-compose-head-copy h1,
html.tw-dark .community-compose-head-copy h1 {
    color: #f2f2f2;
}

html.dark .community-compose-head-copy p,
html.tw-dark .community-compose-head-copy p {
    color: #a3a3a3;
}

html.dark .community-compose-back,
html.tw-dark .community-compose-back {
    border-color: #343434;
    background: #1d1d1d;
    color: #d4d4d4;
}

html.dark .community-compose-back:hover,
html.tw-dark .community-compose-back:hover {
    border-color: #38bdf8;
    background: rgba(56, 189, 248, .08);
    color: #7dd3fc;
}

html.dark .community-compose-field > label,
html.tw-dark .community-compose-field > label {
    color: #e5e7eb;
}

html.dark .community-compose-title,
html.tw-dark .community-compose-title {
    border-color: #2f2f2f;
    background: #1d1d1d;
    color: #f2f2f2;
}

html.dark .community-compose-editor-field .community-editor,
html.tw-dark .community-compose-editor-field .community-editor {
    border-color: #2f2f2f;
}

html.dark .community-compose-actions,
html.tw-dark .community-compose-actions {
    border-color: #2a2a2a;
}

html.dark .community-compose-actions button,
html.tw-dark .community-compose-actions button {
    background: #0284c7;
    color: #fff;
}

html.dark .community-compose-actions button:hover,
html.tw-dark .community-compose-actions button:hover {
    background: #0369a1;
}

.community-page {
    min-height: calc(100vh - 65px);
    background: #f5f5f5;
}

.community-side-sticky,
.community-feed-sticky {
    position: sticky;
}

.community-side-sticky {
    top: 85px;
    align-self: start;
}

.community-feed-sticky {
    top: 85px;
}

.community-feed-tabs-row {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 16px;
}

.community-feed-tabs {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
}

.community-feed-tabs::-webkit-scrollbar {
    display: none;
}

.community-feed-tab {
    position: relative;
    display: inline-flex;
    height: 36px;
    flex: 0 0 auto;
    align-items: center;
    padding: 0 10px;
    border-radius: 6px 6px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    transition: background-color .16s ease, color .16s ease;
}

.community-feed-tab::after {
    position: absolute;
    right: 8px;
    bottom: 0;
    left: 8px;
    height: 2px;
    border-radius: 999px 999px 0 0;
    background: transparent;
    content: "";
    transition: background-color .16s ease;
}

.community-feed-tab:hover {
    background: #f8fafc;
    color: #2563eb;
}

.community-feed-tab.is-active {
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 600;
}

.community-feed-tab.is-active::after {
    background: #2563eb;
}

.community-feed-tab-counts {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 16px;
    color: #64748b;
    font-size: 12px;
}

.community-feed-list {
    overflow: hidden;
}

.community-feed-empty {
    min-height: 260px;
    padding: 56px 32px;
}

@media (max-width: 640px) {
    .community-feed-tabs-row {
        gap: 8px;
        padding: 0 8px;
    }

    .community-feed-tab {
        padding-inline: 8px;
    }

    .community-feed-tab-counts {
        display: none;
    }

    .community-feed-empty {
        min-height: 220px;
        padding: 44px 20px;
    }
}

.community-layout-grid,
#community-mine-app {
    display: grid;
    align-items: start;
    gap: 20px;
}

@media (min-width: 1180px) {
    .community-layout-grid {
        grid-template-columns: 210px minmax(0, 1fr) 300px;
    }

    .community-layout-grid > .community-side-sticky {
        display: block;
    }
}

@media (min-width: 901px) and (max-width: 1179px) {
    .community-layout-grid {
        grid-template-columns: 200px minmax(0, 1fr);
    }

    .community-layout-grid > .community-side-sticky:first-child {
        display: block;
    }

    .community-layout-grid > .community-side-sticky:last-child {
        display: none;
    }
}

@media (min-width: 901px) {
    #community-mine-app {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    #community-mine-app > .community-side-sticky {
        display: block;
    }
}

@media (max-width: 900px) {
    .community-layout-grid,
    #community-mine-app {
        grid-template-columns: minmax(0, 1fr);
    }
}

.community-editor__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid #edf0f4;
    background: #f8fafc;
    padding: 8px;
}

.community-editor__toolbar button,
.community-editor__toolbar label {
    display: inline-flex;
    width: 32px;
    height: 32px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #6b7280;
    font-size: 18px;
    transition: color .16s ease, background-color .16s ease;
}

.community-editor__toolbar button:hover,
.community-editor__toolbar label:hover {
    background: #fff;
    color: #2563eb;
}

.community-editor__toolbar button.is-active {
    background: #eff6ff;
    color: #2563eb;
}

.community-editor__toolbar input {
    display: none;
}

.community-editor__divider {
    width: 1px;
    height: 20px;
    margin: 0 4px;
    background: #edf0f4;
}

.community-editor__body {
    width: 100%;
    overflow-x: hidden;
    padding: 12px;
    color: #151515;
    font-size: 14px;
    line-height: 1.75;
}

.community-editor__body:focus {
    outline: none;
}

.community-editor__body:empty::before {
    content: attr(data-placeholder);
    color: #94a3b8;
}

.community-editor__source {
    display: none;
    width: 100%;
    resize: none;
    border: 0;
    background: #0f172a !important;
    padding: 12px;
    color: #e2e8f0 !important;
    font-family: Consolas, "SFMono-Regular", Menlo, Monaco, "Courier New", monospace;
    font-size: 12px;
    line-height: 1.7;
}

.community-editor__source:focus,
.community-editor__source:focus-visible {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.community-editor.is-source-mode .community-editor__body {
    display: none;
}

.community-editor.is-source-mode .community-editor__source {
    display: block;
}

.community-editor__status {
    border-top: 1px solid #edf0f4;
    padding: 8px 12px;
    color: #6b7280;
    font-size: 12px;
}

.community-rich-content {
    overflow-wrap: break-word;
}

.community-rich-content p {
    margin: 8px 0;
}

.community-post-content > p:has(> strong:first-child + br) {
    margin: 12px 0;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #f8fbff;
    padding: 12px 14px;
    color: #475569;
}

.community-post-content > p:has(> strong:first-child + br) > strong:first-child {
    display: block;
    margin-bottom: 6px;
    color: #1e3a8a;
    font-weight: 500;
}

.community-post-content > p:has(> strong:first-child + br) > br:first-of-type {
    display: none;
}

.community-rich-content .community-editor__image-row {
    margin: 8px 0 0;
}

.community-rich-content .community-editor__after-image {
    min-height: 0;
    margin: 8px 0;
    line-height: 1.75;
}

.community-rich-content h2 {
    margin: 12px 0;
    font-size: 20px;
    font-weight: 600;
}

.community-rich-content h3 {
    margin: 12px 0;
    font-size: 18px;
    font-weight: 600;
}

.community-rich-content h4 {
    margin: 8px 0;
    font-size: 16px;
    font-weight: 600;
}

.community-rich-content ul,
.community-rich-content ol {
    margin: 8px 0;
    padding-left: 20px;
}

.community-rich-content ul {
    list-style: disc;
}

.community-rich-content ol {
    list-style: decimal;
}

.community-rich-content li + li {
    margin-top: 4px;
}

.community-rich-content blockquote {
    margin: 12px 0;
    border-left: 2px solid #2563eb;
    background: #eff6ff;
    padding: 8px 12px;
    color: #6b7280;
}

.community-rich-content pre {
    margin: 12px 0;
    overflow-x: auto;
    border-radius: 6px;
    background: #020617;
    padding: 12px;
    color: #f1f5f9;
    font-size: 12px;
    line-height: 1.6;
}

.community-rich-content code {
    border-radius: 4px;
    background: #f1f5f9;
    padding: 1px 4px;
    font-size: .92em;
}

.community-rich-content pre code {
    background: transparent;
    padding: 0;
}

.community-rich-content a {
    color: #2563eb;
    text-underline-offset: 2px;
}

.community-rich-content a:hover {
    text-decoration: underline;
}

.community-rich-content a[data-ui-item-tip="skill"],
.community-rich-content a[href^="/skill_info.php?id="] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    vertical-align: middle;
}

.community-rich-content a[data-ui-item-tip="skill"] > img,
.community-rich-content a[href^="/skill_info.php?id="] > img {
    display: inline-block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin: 0;
    border: 0;
    border-radius: 3px;
    image-rendering: pixelated;
}

.community-rich-content a[data-ui-item-tip="booklet-item"]:has(> img),
.community-rich-content a[href^="/item_info.php?id="]:has(> img) {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    vertical-align: middle;
}

.community-rich-content a[data-ui-item-tip="booklet-item"] > img,
.community-rich-content a[href^="/item_info.php?id="] > img {
    display: inline-block;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    margin: 0 2px;
    border-radius: 5px;
    object-fit: contain;
    image-rendering: pixelated;
}

.community-rich-content img {
    display: block;
    max-width: 100%;
    max-height: 520px;
    margin: 0;
    border: 1px solid #edf0f4;
    border-radius: 6px;
    object-fit: contain;
}

.community-editor .community-rich-content img {
    max-width: min(380px, 100%);
}

.community-post-page {
    min-height: calc(100vh - 64px);
    background: #f5f5f5;
    padding: 26px 0 56px;
}

.community-post-layout {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 320px;
    gap: 12px;
    align-items: start;
}

.community-post-actions,
.community-post-sidebar {
    position: sticky;
    top: 78px;
}

.community-post-actions {
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 8px;
    background: rgba(255, 255, 255, .9);
    padding-top: 10px;
}

.community-post-actions form {
    margin: 0;
}

.community-post-action {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 74px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-bottom: 1px solid #edf0f4;
    color: #8a8f98;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    transition: background-color .16s ease, color .16s ease;
}

.community-post-action:hover,
.community-post-action.is-active {
    background: #f7fbff;
    color: #2563eb;
}

.community-post-action:last-child {
    border-bottom: 0;
}

.community-post-action > span:first-child {
    font-size: 25px;
    line-height: 1;
}

.community-post-action strong {
    position: absolute;
    top: 14px;
    left: 50%;
    display: inline-flex;
    min-width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #eff6ff;
    padding: 0 5px;
    color: #2563eb;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    transform: translateX(7px);
}

.community-post-main {
    min-width: 0;
}

.community-post-card,
.community-reply-panel,
.community-related-card,
.community-author-card {
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
}

.community-post-card {
    padding: 28px 28px 24px;
}

.community-post-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

.community-post-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    background: #f1f5f9;
    padding: 4px 9px;
    color: #64748b;
    font-size: 12px;
    line-height: 18px;
}

.community-post-chip .tw-icon-\[mdi--forum-outline\] {
    color: #2563eb;
}

.community-post-chip.is-warn {
    background: #fff7ed;
    color: #c2410c;
}

.community-post-title {
    margin: 0;
    color: #1f2937;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.35;
}

.community-post-byline {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-top: 18px;
    color: #8a94a6;
    font-size: 13px;
    line-height: 20px;
}

.community-post-content {
    margin-top: 32px;
    color: #111827;
    font-size: 16px;
    line-height: 1.9;
}

.community-post-content img {
    margin: 16px 0;
}

.community-reply-panel {
    margin-top: 14px;
    padding: 0 24px 26px;
}

.community-reply-tabs {
    display: flex;
    align-items: center;
    gap: 28px;
    border-bottom: 1px solid #edf0f4;
    color: #64748b;
    font-size: 14px;
}

.community-reply-tabs button {
    position: relative;
    padding: 17px 0 14px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.community-reply-tabs button.is-active {
    color: #2563eb;
}

.community-reply-tabs button.is-active::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    border-radius: 999px;
    background: #2563eb;
    content: "";
}

.community-reply-tabs strong {
    margin-left: auto;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 400;
}

.community-reply-compose {
    display: flex;
    gap: 14px;
    padding: 26px 0 24px;
    border-bottom: 1px solid #edf0f4;
}

.community-reply-avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 8px;
    object-fit: cover;
}

.community-reply-form {
    min-width: 0;
    flex: 1 1 auto;
}

.community-reply-form .community-editor__body,
.community-reply-form .community-editor__source {
    min-height: 112px;
}

.community-reply-submit-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.community-reply-submit,
.community-author-actions a:last-child {
    display: inline-flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #2563eb;
    padding: 0 18px;
    color: #fff;
    font-size: 14px;
    transition: background-color .16s ease;
}

.community-reply-submit:hover,
.community-author-actions a:last-child:hover {
    background: #1d4ed8;
}

.community-reply-login,
.community-reply-empty {
    flex: 1 1 auto;
    border-radius: 6px;
    background: #f8fafc;
    padding: 18px;
    color: #94a3b8;
    font-size: 13px;
    text-align: center;
}

.community-reply-list {
    display: grid;
}

.community-reply-item {
    display: flex;
    gap: 14px;
    padding: 20px 0;
    border-bottom: 1px solid #edf0f4;
}

.community-reply-item:last-child {
    border-bottom: 0;
}

.community-reply-body {
    min-width: 0;
    flex: 1 1 auto;
}

.community-reply-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-size: 13px;
}

.community-reply-meta span {
    color: #111827;
}

.community-reply-meta em {
    font-style: normal;
}

.community-reply-meta b {
    border-radius: 999px;
    background: #f1f5f9;
    padding: 2px 7px;
    color: #64748b;
    font-size: 12px;
    font-weight: 400;
}

.community-reply-content {
    margin-top: 8px;
    color: #1f2937;
    font-size: 14px;
}

.community-reply-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin-top: 12px;
}

.community-reply-actions button {
    display: inline-flex;
    height: 28px;
    align-items: center;
    gap: 5px;
    border-radius: 6px;
    padding: 0 7px;
    color: #64748b;
    font-size: 13px;
    line-height: 28px;
    transition: background-color .16s ease, color .16s ease;
}

.community-reply-actions button:hover,
.community-reply-actions button.is-liked {
    background: #eff6ff;
    color: #2563eb;
}

.community-reply-actions button:disabled {
    cursor: wait;
    opacity: .65;
}

.community-reply-actions span:first-child {
    font-size: 15px;
}

.community-reply-actions em {
    font-style: normal;
}

.community-reply-children {
    display: none;
    gap: 0;
    margin-top: 12px;
    border-radius: 8px;
}

.community-reply-children:not(.is-empty) {
    display: grid;
    background: rgba(248, 250, 252, .86);
    padding: 12px;
}

.community-reply-children .community-reply-item {
    padding: 0;
    border-bottom: 0;
}

.community-reply-children .community-reply-item + .community-reply-item {
    margin-top: 12px;
    border-top: 1px dashed rgba(148, 163, 184, .28);
    padding-top: 12px;
}

.community-reply-item.is-child .community-reply-avatar {
    width: 34px;
    height: 34px;
}

.community-reply-item.is-child .community-reply-content {
    margin-top: 7px;
}

.community-inline-reply {
    margin-top: 12px;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #f8fafc;
    padding: 10px;
}

.community-inline-reply__input {
    display: block;
    width: 100%;
    min-height: 72px;
    resize: vertical;
    border: 0;
    background: transparent;
    color: #111827;
    font-size: 14px;
    line-height: 1.7;
    outline: none;
}

.community-inline-reply__input::placeholder {
    color: #94a3b8;
}

.community-inline-reply__foot {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

.community-inline-reply__cancel,
.community-inline-reply__submit {
    display: inline-flex;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 0 12px;
    font-size: 13px;
}

.community-inline-reply__cancel {
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #64748b;
}

.community-inline-reply__submit {
    background: #2563eb;
    color: #fff;
}

.community-inline-reply__submit:disabled {
    cursor: wait;
    opacity: .65;
}

.community-post-sidebar {
    display: grid;
    gap: 12px;
}

.community-related-card {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 14px;
    padding: 16px;
    color: inherit;
}

.community-related-card:hover h2 {
    color: #2563eb;
}

.community-related-thumb {
    overflow: hidden;
    border-radius: 8px;
    background: #f1f5f9;
}

.community-related-thumb img {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.community-related-card h2,
.community-author-card h2 {
    margin: 0;
    color: #1f2937;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

.community-related-card p,
.community-author-head p {
    margin: 6px 0 0;
    color: #8a94a6;
    font-size: 12px;
    line-height: 1.6;
}

.community-author-card {
    padding: 18px 18px 20px;
}

.community-author-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.community-author-head img {
    width: 54px;
    height: 54px;
    flex: 0 0 auto;
    border-radius: 8px;
    object-fit: cover;
}

.community-author-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 24px 0 18px;
    text-align: center;
}

.community-author-stats span {
    display: grid;
    gap: 4px;
}

.community-author-stats strong {
    color: #111827;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.community-author-stats em {
    color: #94a3b8;
    font-size: 12px;
    font-style: normal;
}

.community-author-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.community-author-actions a {
    display: inline-flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid #edf0f4;
    border-radius: 6px;
    background: #fff;
    color: #64748b;
    font-size: 14px;
}

.community-author-actions a:hover {
    border-color: #bfdbfe;
    color: #2563eb;
}

@media (max-width: 1120px) {
    .community-post-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
    }

    .community-post-actions {
        display: none;
    }
}

@media (max-width: 900px) {
    .community-post-page {
        padding: 14px 0 36px;
    }

    .community-post-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .community-post-sidebar {
        position: static;
    }
}

@media (max-width: 640px) {
    .community-post-card {
        padding: 20px 16px;
    }

    .community-post-title {
        font-size: 22px;
    }

    .community-reply-panel {
        padding: 0 16px 20px;
    }

    .community-reply-compose,
    .community-reply-item {
        gap: 10px;
    }
}

html.dark .community-editor,
html.tw-dark .community-editor {
    border-color: #2a2a2a;
    background: #171717;
}

html.dark .community-post-page,
html.dark .community-page,
html.tw-dark .community-post-page {
    background: #101010;
}

html.dark .community-page,
html.tw-dark .community-page {
    background: #101010;
}

html.dark .community-feed-tab,
html.tw-dark .community-feed-tab {
    color: #a3a3a3;
}

html.dark .community-feed-tab:hover,
html.tw-dark .community-feed-tab:hover {
    background: rgba(255, 255, 255, .05);
    color: #7dd3fc;
}

html.dark .community-feed-tab.is-active,
html.tw-dark .community-feed-tab.is-active {
    background: rgba(14, 165, 233, .12);
    color: #7dd3fc;
}

html.dark .community-feed-tab.is-active::after,
html.tw-dark .community-feed-tab.is-active::after {
    background: #38bdf8;
}

html.dark .community-feed-tab-counts,
html.tw-dark .community-feed-tab-counts {
    color: #a3a3a3;
}

html.dark .community-post-actions,
html.dark .community-post-card,
html.dark .community-reply-panel,
html.dark .community-related-card,
html.dark .community-author-card,
html.tw-dark .community-post-actions,
html.tw-dark .community-post-card,
html.tw-dark .community-reply-panel,
html.tw-dark .community-related-card,
html.tw-dark .community-author-card {
    border-color: #2a2a2a;
    background: rgba(23, 23, 23, .94);
}

html.dark .community-post-action,
html.tw-dark .community-post-action {
    border-color: #2a2a2a;
    color: #a3a3a3;
}

html.dark .community-post-action:hover,
html.dark .community-post-action.is-active,
html.tw-dark .community-post-action:hover,
html.tw-dark .community-post-action.is-active {
    background: rgba(56, 189, 248, .1);
    color: #7dd3fc;
}

html.dark .community-post-action strong,
html.tw-dark .community-post-action strong {
    border-color: rgba(56, 189, 248, .24);
    background: rgba(56, 189, 248, .14);
    color: #7dd3fc;
}

html.dark .community-post-title,
html.dark .community-related-card h2,
html.dark .community-author-card h2,
html.dark .community-post-content,
html.dark .community-reply-meta span,
html.dark .community-reply-content,
html.dark .community-author-stats strong,
html.tw-dark .community-post-title,
html.tw-dark .community-related-card h2,
html.tw-dark .community-author-card h2,
html.tw-dark .community-post-content,
html.tw-dark .community-reply-meta span,
html.tw-dark .community-reply-content,
html.tw-dark .community-author-stats strong {
    color: #f2f2f2;
}

html.dark .community-post-chip,
html.dark .community-reply-login,
html.dark .community-reply-empty,
html.dark .community-reply-meta b,
html.dark .community-related-thumb,
html.tw-dark .community-post-chip,
html.tw-dark .community-reply-login,
html.tw-dark .community-reply-empty,
html.tw-dark .community-reply-meta b,
html.tw-dark .community-related-thumb {
    background: rgba(255, 255, 255, .06);
    color: #a3a3a3;
}

html.dark .community-reply-tabs,
html.dark .community-reply-compose,
html.dark .community-reply-item,
html.dark .community-author-actions a,
html.tw-dark .community-reply-tabs,
html.tw-dark .community-reply-compose,
html.tw-dark .community-reply-item,
html.tw-dark .community-author-actions a {
    border-color: #2a2a2a;
}

html.dark .community-reply-actions button,
html.tw-dark .community-reply-actions button {
    color: #a3a3a3;
}

html.dark .community-reply-actions button:hover,
html.dark .community-reply-actions button.is-liked,
html.tw-dark .community-reply-actions button:hover,
html.tw-dark .community-reply-actions button.is-liked {
    background: rgba(56, 189, 248, .12);
    color: #7dd3fc;
}

html.dark .community-reply-children:not(.is-empty),
html.tw-dark .community-reply-children:not(.is-empty) {
    background: rgba(255, 255, 255, .035);
}

html.dark .community-reply-children .community-reply-item + .community-reply-item,
html.tw-dark .community-reply-children .community-reply-item + .community-reply-item {
    border-color: rgba(255, 255, 255, .09);
}

html.dark .community-inline-reply,
html.tw-dark .community-inline-reply {
    border-color: #2a2a2a;
    background: rgba(255, 255, 255, .04);
}

html.dark .community-inline-reply__input,
html.tw-dark .community-inline-reply__input {
    color: #f2f2f2;
}

html.dark .community-inline-reply__cancel,
html.tw-dark .community-inline-reply__cancel {
    border-color: #2a2a2a;
    background: #171717;
    color: #a3a3a3;
}

html.dark .community-author-actions a,
html.tw-dark .community-author-actions a {
    background: rgba(255, 255, 255, .04);
    color: #a3a3a3;
}

html.dark .community-dropdown__trigger,
html.tw-dark .community-dropdown__trigger {
    border-color: #2a2a2a;
    background: #171717;
    color: #f2f2f2;
}

html.dark .community-dropdown__trigger:hover,
html.dark .community-dropdown.is-open .community-dropdown__trigger,
html.tw-dark .community-dropdown__trigger:hover,
html.tw-dark .community-dropdown.is-open .community-dropdown__trigger {
    border-color: #38bdf8;
    background: rgba(56, 189, 248, .08);
}

html.dark .community-dropdown__menu,
html.tw-dark .community-dropdown__menu {
    border-color: #2a2a2a;
    background: #171717;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .32);
}

html.dark .community-dropdown__option,
html.tw-dark .community-dropdown__option {
    color: #f2f2f2;
}

html.dark .community-dropdown__option:hover,
html.dark .community-dropdown__option.is-active,
html.tw-dark .community-dropdown__option:hover,
html.tw-dark .community-dropdown__option.is-active {
    background: rgba(56, 189, 248, .12);
    color: #7dd3fc;
}

html.dark .community-dropdown__option-desc,
html.tw-dark .community-dropdown__option-desc {
    color: #a3a3a3;
}

html.dark .community-dropdown__icon,
html.dark .community-dropdown__option-icon,
html.dark .community-dropdown__check,
html.tw-dark .community-dropdown__icon,
html.tw-dark .community-dropdown__option-icon,
html.tw-dark .community-dropdown__check {
    color: #38bdf8;
}

html.dark .community-modal__panel,
html.tw-dark .community-modal__panel {
    border-color: #2a2a2a;
    background: #171717;
    color: #f2f2f2;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .5);
}

html.dark .community-modal__head,
html.dark .community-modal__foot,
html.tw-dark .community-modal__head,
html.tw-dark .community-modal__foot {
    border-color: #2a2a2a;
}

html.dark .community-modal__desc,
html.tw-dark .community-modal__desc {
    color: #a3a3a3;
}

html.dark .community-modal__close,
html.tw-dark .community-modal__close {
    color: #a3a3a3;
}

html.dark .community-modal__close:hover,
html.tw-dark .community-modal__close:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

html.dark .community-modal__cancel,
html.tw-dark .community-modal__cancel {
    border-color: #2a2a2a;
    background: #171717;
    color: #f2f2f2;
}

html.dark .community-modal__cancel:hover,
html.tw-dark .community-modal__cancel:hover {
    background: rgba(255, 255, 255, .06);
}

html.dark .community-modal__alert.is-error,
html.tw-dark .community-modal__alert.is-error {
    border-color: rgba(244, 63, 94, .3);
    background: rgba(244, 63, 94, .12);
    color: #fecdd3;
}

html.dark .community-modal__alert.is-success,
html.tw-dark .community-modal__alert.is-success {
    border-color: rgba(56, 189, 248, .26);
    background: rgba(56, 189, 248, .1);
    color: #7dd3fc;
}

html.dark .community-report-modal__field,
html.tw-dark .community-report-modal__field {
    color: #f2f2f2;
}

html.dark .community-report-modal__field select,
html.dark .community-report-modal__field textarea,
html.tw-dark .community-report-modal__field select,
html.tw-dark .community-report-modal__field textarea {
    border-color: #2a2a2a;
    background: #171717;
    color: #f2f2f2;
}

html.dark .community-report-modal__field select:focus,
html.dark .community-report-modal__field textarea:focus,
html.tw-dark .community-report-modal__field select:focus,
html.tw-dark .community-report-modal__field textarea:focus {
    border-color: #38bdf8;
}

html.dark .community-editor__toolbar,
html.tw-dark .community-editor__toolbar {
    border-color: #2a2a2a;
    background: rgba(255, 255, 255, .05);
}

html.dark .community-editor__toolbar button,
html.dark .community-editor__toolbar label,
html.tw-dark .community-editor__toolbar button,
html.tw-dark .community-editor__toolbar label {
    color: #a3a3a3;
}

html.dark .community-editor__toolbar button:hover,
html.dark .community-editor__toolbar label:hover,
html.tw-dark .community-editor__toolbar button:hover,
html.tw-dark .community-editor__toolbar label:hover {
    background: rgba(255, 255, 255, .1);
    color: #7dd3fc;
}

html.dark .community-editor__toolbar button.is-active,
html.tw-dark .community-editor__toolbar button.is-active {
    background: rgba(56, 189, 248, .14);
    color: #7dd3fc;
}

html.dark .community-editor__divider,
html.tw-dark .community-editor__divider {
    background: #2a2a2a;
}

html.dark .community-editor__body,
html.tw-dark .community-editor__body {
    color: #f2f2f2;
}

html.dark .community-editor__body:empty::before,
html.tw-dark .community-editor__body:empty::before {
    color: rgba(255, 255, 255, .35);
}

html.dark .community-editor__status,
html.tw-dark .community-editor__status {
    border-color: #2a2a2a;
    color: #a3a3a3;
}

html.dark .community-rich-content blockquote,
html.tw-dark .community-rich-content blockquote {
    background: rgba(14, 165, 233, .1);
    color: #a3a3a3;
}

html.dark .community-post-content > p:has(> strong:first-child + br),
html.tw-dark .community-post-content > p:has(> strong:first-child + br) {
    border-color: rgba(56, 189, 248, .2);
    background: rgba(14, 165, 233, .08);
    color: #cbd5e1;
}

html.dark .community-post-content > p:has(> strong:first-child + br) > strong:first-child,
html.tw-dark .community-post-content > p:has(> strong:first-child + br) > strong:first-child {
    color: #7dd3fc;
}

html.dark .community-rich-content code,
html.tw-dark .community-rich-content code {
    background: rgba(255, 255, 255, .1);
}

html.dark .community-rich-content a,
html.tw-dark .community-rich-content a {
    color: #7dd3fc;
}

html.dark .community-rich-content img,
html.tw-dark .community-rich-content img {
    border-color: #2a2a2a;
}

/* Admin layout uses explicit grid rules because arbitrary Tailwind grid templates
   are not guaranteed to be present in the shared compiled stylesheet. */
.community-admin-layout {
    display: grid;
    gap: 16px;
    align-items: start;
}

.community-admin-main {
    min-width: 0;
}

.community-admin-post-head,
.community-admin-post-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px 120px 180px;
    gap: 12px;
    align-items: center;
}

.community-admin-report-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px;
    gap: 12px;
}

@media (min-width: 1024px) {
    .community-admin-layout {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .community-admin-layout > aside {
        position: sticky;
        top: 84px;
    }
}

@media (max-width: 767px) {
    .community-admin-post-head {
        display: none;
    }

    .community-admin-post-row,
    .community-admin-report-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .community-admin-post-row {
        gap: 10px;
        padding-block: 16px;
    }
}

/* Community-only icon definitions imported from UIV8's compiled icon set. */
.tw-icon-\[mdi--account-multiple-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M13.07 10.41a5 5 0 0 0 0-5.82A3.4 3.4 0 0 1 15 4a3.5 3.5 0 0 1 0 7 3.4 3.4 0 0 1-1.93-.59M5.5 7.5A3.5 3.5 0 1 1 9 11a3.5 3.5 0 0 1-3.5-3.5m2 0A1.5 1.5 0 1 0 9 6a1.5 1.5 0 0 0-1.5 1.5M16 17v2H2v-2s0-4 7-4 7 4 7 4m-2 0c-.14-.78-1.33-2-5-2s-4.93 1.31-5 2m11.95-4A5.32 5.32 0 0 1 18 17v2h4v-2s0-3.63-6.06-4Z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--code-tags\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m14.6 16.6 4.6-4.6-4.6-4.6L16 6l6 6-6 6zm-5.2 0L4.8 12l4.6-4.6L8 6l-6 6 6 6z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--comment-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M9 22a1 1 0 0 1-1-1v-3H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6.1l-3.7 3.71c-.2.19-.45.29-.7.29zm1-6v3.08L13.08 16H20V4H4v12z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--content-save-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7zm2 16H5V5h11.17L19 7.83zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3M6 6h9v4H6z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--fire\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M17.66 11.2c-.23-.3-.51-.56-.77-.82-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32-2.59 2.08-3.61 5.75-2.39 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.23.1-.47.04-.66-.12a.6.6 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5.14.6.41 1.2.71 1.73 1.08 1.73 2.95 2.97 4.96 3.22 2.14.27 4.43-.12 6.07-1.6 1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6-1.12.4-2.24-.16-2.9-.82 1.19-.28 1.9-1.16 2.11-2.05.17-.8-.15-1.46-.28-2.23-.12-.74-.1-1.37.17-2.06.19.38.39.76.63 1.06.77 1 1.98 1.44 2.24 2.8.04.14.06.28.06.43.03.82-.33 1.72-.93 2.27'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--format-bold\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M13.5 15.5H10v-3h3.5A1.5 1.5 0 0 1 15 14a1.5 1.5 0 0 1-1.5 1.5m-3.5-9h3A1.5 1.5 0 0 1 14.5 8 1.5 1.5 0 0 1 13 9.5h-3m5.6 1.29c.97-.68 1.65-1.79 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.1 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--format-italic\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--format-quote-close\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--format-underline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M5 21h14v-2H5zm7-4a6 6 0 0 0 6-6V3h-2.5v8a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 11V3H6v8a6 6 0 0 0 6 6'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--forum-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M15 4v7H5.17L4 12.17V4zm1-2H3a1 1 0 0 0-1 1v14l4-4h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1m5 4h-2v9H6v2a1 1 0 0 0 1 1h11l4 4V7a1 1 0 0 0-1-1'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--home-variant-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M9 13h6v6h3v-9l-6-4.5L6 10v9h3zm-5 8V9l8-6 8 6v12z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--image-plus-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M13 19c0 .7.13 1.37.35 2H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v8.35c-.63-.22-1.3-.35-2-.35V5H5v14zm.96-6.71-2.75 3.54-1.96-2.36L6.5 17h6.85c.4-1.12 1.12-2.09 2.05-2.79zM20 18v-3h-2v3h-3v2h3v3h2v-3h3v-2z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--message-alert-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M13 10h-2V6h2zm0 2h-2v2h2zm9-8v12a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2m-2 0H4v13.2L5.2 16H20z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--message-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H5.2L4 17.2V4h16z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--plus-circle\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M17 13h-4v4h-2v-4H7v-2h4V7h2v4h4m-5-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--post-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M19 5v14H5V5zm2-2H3v18h18zm-4 14H7v-1h10zm0-2H7v-1h10zm0-3H7V7h10z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--reply-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M8 9.8v.9l1.7.3c2.6.4 4.5 1.4 5.9 2.7-1.7-.5-3.5-.8-5.6-.8H8v1.3L5.8 12zM10 5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--send-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m4 6.03 7.5 3.22-7.5-1zm7.5 8.72L4 17.97v-2.22zM2 3v7l15 2-15 2v7l21-9z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--shield-crown-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m12 1 9 4v6c0 5.55-3.84 10.74-9 12-5.16-1.26-9-6.45-9-12V5zm0 2.18L5 6.3v4.92C5 15.54 8.25 20 12 21c3.75-1 7-5.46 7-9.78V6.3zM16 14v1.59c-.04.22-.22.37-.47.41H8.47c-.25-.04-.43-.19-.47-.41V14zm1-6-1 5H8L7 8l2.67 2.67L12 8.34l2.33 2.33z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--star-off-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M22.1 21.5 2.4 1.7 1.1 3l5.8 5.8-4.9.4L7.5 14l-1.6 7 6.2-3.7 6.2 3.7-.3-1.2 2.9 2.9zm-6.3-3.8L12 15.4l-3.8 2.3 1-4.3-3.3-2.9 2.5-.2zM11.2 8 10 6.8 12 2l2.8 6.6 7.2.6-5.1 4.4-1.1-1.1 2.4-2-4.4-.4-1.7-4z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--thumb-up-outline\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M5 9v12H1V9zm4 12a2 2 0 0 1-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 0 1 2 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--tray-remove\]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M2 17a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5h-2v5H4v-5H2m12.12-6.54 1.42 1.42L13.41 9l2.13 2.12-1.42 1.42L12 10.41l-2.12 2.13-1.42-1.42L10.59 9 8.46 6.88l1.42-1.42L12 7.59Z'/%3E%3C/svg%3E")}
.tw-icon-\[mdi--account-multiple-outline\],.tw-icon-\[mdi--code-tags\],.tw-icon-\[mdi--comment-outline\],.tw-icon-\[mdi--content-save-outline\],.tw-icon-\[mdi--fire\],.tw-icon-\[mdi--format-bold\],.tw-icon-\[mdi--format-italic\],.tw-icon-\[mdi--format-quote-close\],.tw-icon-\[mdi--format-underline\],.tw-icon-\[mdi--forum-outline\],.tw-icon-\[mdi--home-variant-outline\],.tw-icon-\[mdi--image-plus-outline\],.tw-icon-\[mdi--message-alert-outline\],.tw-icon-\[mdi--message-outline\],.tw-icon-\[mdi--plus-circle\],.tw-icon-\[mdi--post-outline\],.tw-icon-\[mdi--reply-outline\],.tw-icon-\[mdi--send-outline\],.tw-icon-\[mdi--shield-crown-outline\],.tw-icon-\[mdi--star-off-outline\],.tw-icon-\[mdi--thumb-up-outline\],.tw-icon-\[mdi--tray-remove\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}