:root {
    --wk-community-bg: linear-gradient(180deg, rgba(248, 255, 251, 0.96), rgba(239, 247, 243, 0.99));
    --wk-community-surface: rgba(255, 255, 255, 0.82);
    --wk-community-surface-strong: rgba(255, 255, 255, 0.94);
    --wk-community-border: rgba(81, 167, 118, 0.16);
    --wk-community-border-strong: rgba(59, 145, 97, 0.26);
    --wk-community-shadow: 0 24px 52px rgba(16, 48, 28, 0.08);
    --wk-community-shadow-hover: 0 28px 62px rgba(16, 48, 28, 0.14);
    --wk-community-title: #153124;
    --wk-community-text: #4e6359;
    --wk-community-muted: #728579;
    --wk-community-accent: #279766;
    --wk-community-accent-strong: #17784f;
    --wk-community-accent-soft: rgba(60, 183, 122, 0.1);
}

body.dark {
    --wk-community-bg: linear-gradient(180deg, rgba(14, 30, 22, 0.97), rgba(9, 20, 15, 0.99));
    --wk-community-surface: rgba(255, 255, 255, 0.04);
    --wk-community-surface-strong: rgba(255, 255, 255, 0.06);
    --wk-community-border: rgba(105, 223, 162, 0.12);
    --wk-community-border-strong: rgba(105, 223, 162, 0.22);
    --wk-community-shadow: 0 26px 58px rgba(0, 0, 0, 0.34);
    --wk-community-shadow-hover: 0 30px 68px rgba(0, 0, 0, 0.4);
    --wk-community-title: #effff4;
    --wk-community-text: rgba(223, 245, 231, 0.9);
    --wk-community-muted: rgba(194, 223, 204, 0.72);
    --wk-community-accent: #6fdb9c;
    --wk-community-accent-strong: #42b378;
    --wk-community-accent-soft: rgba(111, 219, 156, 0.12);
}

.wk-community-shell,
#forum-node,
#forum-search,
#forum-redirect,
#topic-post .ui.attached.segment,
#topic-reply,
#new-topic,
#forum-search-result .ui.padded.attached.segment,
.wk-status-card.ui.card,
.wk-rules-shell .ui.bottom.attached.tab.segment,
.wk-rules-shell .ui.top.attached.tabular.menu {
    border: 1px solid var(--wk-community-border) !important;
    background: var(--wk-community-surface) !important;
    box-shadow: var(--wk-community-shadow);
}

.wk-community-shell,
.wk-rules-shell,
.wk-status-shell,
#forum-search,
#forum-redirect,
#new-topic,
#topic-reply,
#forum-search-result,
#topic-post {
    position: relative;
}

.wk-community-shell,
.wk-rules-shell,
.wk-status-shell {
    padding: 0;
}

.wk-community-title,
.wk-status-shell .ui.header,
.wk-rules-shell .ui.header,
#forum-search .ui.header,
#forum-redirect .ui.header,
#forum-index .ui.header,
#forum-view .ui.header,
.topic.title,
#new-topic .ui.header,
#forum-search-result .ui.header {
    color: var(--wk-community-title) !important;
}

.wk-community-lead,
.wk-rules-shell,
.wk-status-shell,
#forum-search,
#forum-redirect,
#forum-node,
#topic-post,
#topic-reply,
#new-topic,
#forum-search-result,
#forum-view table,
#forum-view .sub.header,
#forum-index .description,
#forum-view .description,
#topic-post .forum_post,
#topic-post .ui.list .description,
#topic-post .ui.list .header,
#new-topic label,
.wk-status-card,
.wk-rules-shell .ui.tab.segment {
    color: var(--wk-community-text);
}

#forum-search,
#forum-redirect {
    padding: 1.2rem 1.25rem !important;
    border-radius: 26px !important;
    background: var(--wk-community-bg) !important;
}

.wk-community-breadcrumb.ui.breadcrumb,
.ui.breadcrumb {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: 1rem;
    padding: .65rem .9rem;
    border-radius: 999px;
    background: var(--wk-community-surface);
    border: 1px solid var(--wk-community-border);
    box-shadow: 0 12px 28px rgba(16, 48, 28, 0.05);
}

.ui.breadcrumb .section,
.ui.breadcrumb .section:link,
.ui.breadcrumb .section:visited {
    color: var(--wk-community-muted) !important;
    font-weight: 700;
}

.ui.breadcrumb .active.section,
.ui.breadcrumb .section:hover {
    color: var(--wk-community-title) !important;
}

.wk-community-search.ui.form .ui.action.input,
.wk-community-search.ui.form input,
#forum-search .ui.action.input,
#forum-index .ui.action.input,
#forum-view .ui.action.input {
    border-radius: 16px !important;
}

.wk-community-search.ui.form input:not(.button),
.wk-rules-shell .ui.form input:not(.button),
#forum-search .ui.form input:not(.button),
#new-topic .ui.form input:not(.button),
#new-topic .ui.form textarea,
#topic-reply .ui.form textarea,
#forum-index .ui.form input:not(.button),
#forum-view .ui.form input:not(.button) {
    border-radius: 16px !important;
    border-color: var(--wk-community-border) !important;
    background: var(--wk-community-surface-strong) !important;
    color: var(--wk-community-title) !important;
    box-shadow: none !important;
}

.wk-community-search.ui.form input:not(.button):focus,
#forum-search .ui.form input:not(.button):focus,
#new-topic .ui.form input:not(.button):focus,
#new-topic .ui.form textarea:focus,
#topic-reply .ui.form textarea:focus,
#forum-index .ui.form input:not(.button):focus,
#forum-view .ui.form input:not(.button):focus {
    border-color: var(--wk-community-border-strong) !important;
    box-shadow: 0 0 0 3px rgba(60, 183, 122, 0.1) !important;
}

.wk-community-primary.ui.button,
.wk-community-primary.ui.button:link,
.wk-community-primary.ui.button:visited,
.wk-community-primary.ui.button:hover,
.wk-community-primary.ui.button:focus,
#forum-search .ui.primary.button,
#forum-redirect .ui.primary.button,
#forum-redirect .ui.positive.button,
#forum-index .ui.primary.button,
#forum-view .ui.primary.button,
#new-topic .ui.primary.button,
#forum-search-result .ui.primary.button,
.wk-rules-shell .ui.primary.button,
.wk-status-shell .ui.primary.button {
    background: linear-gradient(135deg, var(--wk-community-accent), var(--wk-community-accent-strong)) !important;
    color: #fff !important;
    border: none !important;
}

.wk-community-secondary.ui.button,
.wk-community-secondary.ui.button:hover,
.wk-community-secondary.ui.button:focus,
#new-topic .ui.negative.button,
#topic-post .ui.mini.icon.button,
#topic-post .ui.top.right.pointing.dropdown.small.primary.button {
    border-radius: 14px !important;
}

#forum-node,
#forum-search,
#forum-redirect,
#new-topic,
#topic-reply,
#forum-search-result .ui.padded.attached.segment,
.wk-status-card.ui.card,
.wk-rules-shell .ui.bottom.attached.tab.segment {
    border-radius: 24px !important;
}

#forum-node {
    padding: 1.15rem 1.2rem !important;
    transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease;
}

#forum-node:hover,
.wk-status-card.ui.card:hover {
    transform: translateY(-4px);
    border-color: var(--wk-community-border-strong) !important;
    box-shadow: var(--wk-community-shadow-hover);
}

#forum-node .ui.middle.aligned.stackable.grid > .row,
#forum-index .ui.padded.segment .centered.row {
    padding-top: .9rem;
    padding-bottom: .9rem;
    border-radius: 18px;
}

#forum-node h3.ui.header > a,
#forum-view table a,
#topic-post a,
#forum-search-result a,
.wk-rules-shell a,
.wk-status-card a {
    color: var(--wk-community-title);
}

#forum-view table,
#forum-view #subforums-table,
#forum-view #sticky-threads,
#forum-view #normal-threads {
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid var(--wk-community-border) !important;
    background: var(--wk-community-surface) !important;
    box-shadow: var(--wk-community-shadow);
}

#forum-view table thead th {
    background: rgba(94, 195, 136, 0.08) !important;
    color: var(--wk-community-title) !important;
    border-bottom: 1px solid var(--wk-community-border) !important;
}

#forum-view table tbody td {
    border-top: 1px solid rgba(81, 167, 118, 0.08) !important;
    color: var(--wk-community-text) !important;
}

#forum-view table tbody tr:nth-child(even) {
    background: rgba(94, 195, 136, 0.03);
}

#topic-post {
    margin-bottom: 1.1rem;
}

#topic-post .ui.attached.segment,
#topic-post .ui.bottom.attached.secondary.segment,
#topic-reply,
#forum-search-result .ui.bottom.attached.secondary.segment {
    background: var(--wk-community-surface) !important;
    border-color: var(--wk-community-border) !important;
}

#topic-post .ui.attached.segment {
    border-radius: 24px 24px 0 0 !important;
}

#topic-post .ui.bottom.attached.secondary.segment,
#forum-search-result .ui.bottom.attached.secondary.segment {
    border-radius: 0 0 24px 24px !important;
}

#topic-post #post-sidebar,
#topic-reply #reply-sidebar {
    background: linear-gradient(180deg, rgba(94, 195, 136, 0.06), rgba(94, 195, 136, 0.02));
}

#topic-post .groups .label,
#forum-view .ui.label,
#forum-index .ui.label,
.wk-rules-shell .ui.label {
    border-radius: 999px;
}

#topic-post .ui.mini.message,
.wk-status-card .ui.label,
.wk-rules-shell .ui.message {
    border-radius: 18px;
    border-color: var(--wk-community-border) !important;
}

#topic-post .forum_post,
#forum-search-result .ui.padded.attached.segment {
    line-height: 1.72;
}

#new-topic,
#topic-reply {
    padding: 1.2rem !important;
}

#forum-search .ui.form label,
#forum-redirect,
#forum-redirect .ui.buttons,
#forum-redirect .ui.buttons .or:before {
    color: var(--wk-community-text) !important;
}

#forum-redirect .ui.buttons {
    gap: .75rem;
    flex-wrap: wrap;
}

#forum-redirect .ui.buttons .button,
#forum-search .ui.primary.icon.button {
    border-radius: 14px !important;
}

#new-topic .inline.fields.labels {
    gap: .7rem;
    flex-wrap: wrap;
}

#new-topic .inline.fields.labels .field {
    margin-bottom: .5rem;
}

#new-topic .ui.checkbox label,
.wk-rules-shell .ui.checkbox label {
    color: var(--wk-community-text) !important;
}

#forum-search-result .ui.padded.attached.segment {
    border-radius: 24px 24px 0 0 !important;
}

.wk-status-shell {
    padding-top: .25rem;
}

.wk-status-card.ui.card {
    overflow: hidden;
    border-radius: 24px !important;
    background: var(--wk-community-surface-strong) !important;
}

.wk-status-card .content,
.wk-status-card .extra.content {
    background: transparent !important;
}

.wk-status-card .header {
    color: var(--wk-community-title) !important;
}

.wk-status-card .description,
.wk-status-card .extra.content {
    color: var(--wk-community-text) !important;
}

.wk-status-card .ui.top.right.attached.label {
    border-radius: 0 0 0 16px !important;
    background: linear-gradient(135deg, var(--wk-community-accent), var(--wk-community-accent-strong)) !important;
    color: #fff !important;
}

.wk-rules-shell {
    border-radius: 26px;
    padding: 1.2rem;
    border: 1px solid var(--wk-community-border);
    background: var(--wk-community-bg);
    box-shadow: var(--wk-community-shadow);
}

.wk-rules-shell .ui.top.attached.tabular.menu {
    overflow-x: auto;
    overflow-y: hidden;
    padding: .5rem;
    border-radius: 18px 18px 14px 14px !important;
    background: var(--wk-community-surface) !important;
}

.wk-rules-shell .ui.top.attached.tabular.menu .item {
    margin: 0 .3rem 0 0 !important;
    border: none !important;
    border-radius: 14px !important;
    color: var(--wk-community-text) !important;
    font-weight: 700 !important;
}

.wk-rules-shell .ui.top.attached.tabular.menu .item.active,
.wk-rules-shell .ui.top.attached.tabular.menu .item:hover {
    background: var(--wk-community-accent-soft) !important;
    color: var(--wk-community-title) !important;
}

.wk-rules-shell .ui.bottom.attached.tab.segment {
    margin: 0;
    padding: 1.2rem 1.25rem;
    border-radius: 0 0 22px 22px !important;
    line-height: 1.72;
}

.wk-rules-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .7rem;
    margin-top: 1rem;
}

#widget-latest-purchases .wk-store-purchase-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .8rem;
    align-items: center;
}

#widget-latest-purchases .wk-store-purchase-meta {
    display: block;
    margin-top: .2rem;
    color: var(--wk-community-muted);
}

#widget-latest-purchases .wk-store-purchase-price {
    display: inline-flex;
    margin-top: .35rem;
    padding: .3rem .6rem;
    border-radius: 999px;
    background: var(--wk-community-accent-soft);
    color: var(--wk-community-title);
    font-weight: 800;
    font-size: .82rem;
}

@media only screen and (max-width: 767px) {
    .ui.breadcrumb,
    .wk-community-breadcrumb.ui.breadcrumb {
        border-radius: 18px;
    }

    #forum-node,
    #new-topic,
    #topic-reply,
    .wk-rules-shell,
    .wk-status-card.ui.card {
        border-radius: 20px !important;
    }

    .wk-rules-shell {
        padding: .9rem;
    }

    .wk-rules-shell .ui.bottom.attached.tab.segment {
        padding: 1rem;
    }
}