/* LEBIGOLAND v60 CSS architecture: components.css */

/* ===== source: platform-v13.css ===== */
.header-inner {
    position: relative;
    min-height: 94px;
    display: grid !important;
    grid-template-columns:
        minmax(220px, 1fr)
        minmax(280px, 680px)
        minmax(200px, 1fr) !important;
    grid-template-rows: 48px 38px !important;
    grid-template-areas:
        "brand search user"
        "nav nav nav";
    align-items: center;
    gap: 8px 20px;
}

.header-brand {
    grid-area: brand;
    min-width: 0;
}

.header-brand .logo {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-nav {
    grid-area: nav !important;
    min-width: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.header-center {
    position: relative;
    z-index: 30;
    grid-area: search !important;
    width: 100%;
    min-width: 0;
    max-width: none !important;
}

.header-center .search-section {
    position: relative;
    width: 100%;
    min-width: 0;
    margin: 0;
}

.header-center .search-section input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.header-right {
    grid-area: user !important;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
}

.industrial-logo {
    min-width: 0;
}

.global-search-results.hidden {
    display: none !important;
}

.page-action-bar,
.feed-page-header.feed-page-header-actions-only,
#donatesPage .donates-header.donates-header-actions-only,
.giveaways-toolbar,
.winners-toolbar {
    min-height: 58px !important;
    margin: 0 0 18px !important;
    padding: 8px 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-soft) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.giveaways-toolbar,
.winners-toolbar {
    justify-content: space-between !important;
}

.winners-toolbar > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.winners-toolbar small {
    color: var(--text-muted);
}

.feed-drafts-count {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--accent);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 900;
}

.container {
    position: relative;
}

.page-transition-overlay {
    position: fixed;
    z-index: 1250;
    inset: var(--header-height, 92px) 0 0;
    display: grid;
    place-items: start center;
    padding-top: 22px;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(12, 14, 16, 0.12),
        transparent 130px
    );
    opacity: 1;
    transition: opacity 0.16s ease;
}

.page-transition-overlay.hidden {
    display: none !important;
}

.page-transition-indicator {
    padding: 8px 13px 8px 9px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--text-primary);
    background: rgba(18, 21, 23, 0.94);
    border: 1px solid var(--border-soft);
    border-left: 3px solid var(--accent);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
    font-size: 0.8rem;
    font-weight: 800;
}

.page-transition-indicator img {
    width: 34px;
    height: 34px;
    object-fit: cover;
    border: 2px solid #70757a;
    border-radius: 50%;
    animation: platformLoaderPulse 1s ease-in-out infinite;
}

@keyframes platformLoaderPulse {
    50% {
        transform: scale(0.92);
        opacity: 0.72;
    }
}

.video-card-footer .star-rating {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.video-card-footer .rating-star {
    width: 25px;
    height: 28px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    color: #555b61 !important;
    background: transparent;
    border: 0;
    cursor: pointer;
    opacity: 0.62;
    transform: none;
    transition:
        color 0.15s ease,
        opacity 0.15s ease,
        transform 0.15s ease,
        filter 0.15s ease;
}

.video-card-footer .rating-star i {
    color: currentColor !important;
    font-size: 0.94rem;
}

.video-card-footer .rating-star.active {
    color: #f4bd43 !important;
    opacity: 1;
    filter: drop-shadow(0 0 4px rgba(244, 189, 67, 0.34));
}

.video-card-footer .rating-star:hover,
.video-card-footer .rating-star:focus-visible {
    color: #ffd76c !important;
    opacity: 1;
    transform: translateY(-1px) scale(1.08);
}

.video-card-footer .rating-star:disabled {
    cursor: wait;
    opacity: 0.45;
}

.video-card-footer .rating-value {
    min-width: 50px;
    margin-left: 5px;
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    color: var(--text-muted);
}

.video-card-footer .rating-value strong {
    color: #f4bd43;
    font-size: 0.86rem;
}

.video-card-footer .rating-value small {
    color: var(--text-muted);
    font-size: 0.67rem;
}

.comment-composer-card {
    overflow: visible !important;
}

.comment-composer-toolbar {
    position: relative !important;
    z-index: 30 !important;
    min-height: 36px;
    overflow: visible !important;
}

.emoji-picker-panel {
    position: absolute !important;
    z-index: 8000 !important;
    left: 0 !important;
    right: auto !important;
    bottom: calc(100% + 8px) !important;
    width: min(340px, calc(100vw - 48px)) !important;
    max-height: 320px;
    overflow-y: auto;
    box-sizing: border-box;
    contain: layout paint;
}

.emoji-picker-panel.hidden {
    display: none !important;
}

.emoji-picker-grid {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(8, minmax(32px, 1fr)) !important;
    grid-auto-rows: minmax(34px, auto) !important;
    gap: 5px !important;
    width: 100%;
}

.emoji-picker-item {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    line-height: 1 !important;
    transform: none;
}

.emoji-picker-item:hover {
    transform: scale(1.06) !important;
}

.feed-publication-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.feed-publication-grid label {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.feed-composer-note {
    padding: 11px 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--text-muted);
    background: color-mix(in srgb, var(--bg-secondary) 90%, var(--accent) 10%);
    border: 1px solid var(--border-soft);
    border-left: 3px solid var(--accent);
    font-size: 0.8rem;
    line-height: 1.4;
}

.feed-drafts-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.feed-draft-item {
    padding: 12px;
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    background: var(--bg-primary);
    border: 1px solid var(--border-soft);
    border-radius: 5px;
}

.feed-draft-preview {
    width: 90px;
    aspect-ratio: 16 / 10;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: var(--text-muted);
    background: var(--bg-secondary);
    border: 1px solid var(--border-soft);
}

.feed-draft-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.feed-draft-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.feed-draft-copy strong,
.feed-draft-copy p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feed-draft-copy p,
.feed-draft-copy small {
    margin: 0;
    color: var(--text-muted);
}

.feed-draft-status {
    width: fit-content;
    padding: 3px 7px;
    color: #d9e2e8;
    background: #31373c;
    border-radius: 3px;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.feed-draft-status.is-scheduled {
    color: #ffe6a1;
    background: #594316;
}

.feed-draft-actions {
    display: flex;
    gap: 7px;
}

.notification-item {
    width: 100%;
    text-align: left;
}

button.notification-item {
    font: inherit;
    cursor: default;
}

.notification-item.is-actionable {
    cursor: pointer;
}

.notification-item.is-actionable:hover {
    background: color-mix(in srgb, var(--bg-secondary) 82%, var(--accent) 18%);
    border-color: color-mix(in srgb, var(--border-soft) 55%, var(--accent) 45%);
}

.notification-open-icon {
    align-self: center;
    margin-left: auto;
    color: var(--text-muted);
}

.giveaway-conditions {
    margin: 0 0 11px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.giveaway-conditions > span {
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d9dde0;
    background: #252a2e;
    border: 1px solid #454b50;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 750;
}

.giveaway-transparency {
    margin: 10px 0 13px;
    color: var(--text-muted);
    background: var(--bg-primary);
    border: 1px solid var(--border-soft);
}

.giveaway-transparency summary {
    padding: 9px 10px;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 850;
}

.giveaway-transparency > div {
    padding: 0 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.giveaway-transparency code,
.winner-proof dd {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.winners-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.winner-history-card {
    overflow: hidden;
    background: var(--bg-secondary);
    border: 1px solid var(--border-soft);
    border-radius: 5px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
}

.winner-history-preview {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0e1012;
}

.winner-history-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.winner-history-badge {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 6px 9px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #211903;
    background: #f4bd43;
    border-radius: 3px;
    font-size: 0.72rem;
    font-weight: 950;
    text-transform: uppercase;
}

.winner-history-body {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.winner-history-title {
    padding: 0;
    overflow: hidden;
    color: var(--text-primary);
    background: none;
    border: 0;
    cursor: pointer;
    font: inherit;
    font-size: 1.08rem;
    font-weight: 900;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.winner-history-user {
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-primary);
    background: var(--bg-primary);
    border: 1px solid var(--border-soft);
    cursor: pointer;
    text-align: left;
}

.winner-history-user img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border: 2px solid #f4bd43;
    border-radius: 50%;
}

.winner-history-user span {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.winner-history-user small,
.winner-history-user em {
    color: var(--text-muted);
    font-size: 0.72rem;
    font-style: normal;
}

.winner-history-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--text-muted);
    font-size: 0.76rem;
}

.winner-proof {
    background: var(--bg-primary);
    border: 1px solid var(--border-soft);
}

.winner-proof summary {
    padding: 9px 10px;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 850;
}

.winner-proof dl {
    margin: 0;
    padding: 0 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.winner-proof dl > div {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 8px;
}

.winner-proof dt {
    color: var(--text-muted);
    font-size: 0.7rem;
}

.winner-proof dd {
    margin: 0;
    color: var(--text-primary);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.68rem;
}

.winner-proof p {
    margin: 0;
    padding: 0 10px 10px;
    color: var(--text-muted);
    font-size: 0.76rem;
}

.winner-open-button {
    width: 100%;
}

.winners-empty-state {
    grid-column: 1 / -1;
    min-height: 260px;
    padding: 30px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: var(--text-muted);
    background: var(--bg-secondary);
    border: 1px dashed var(--border-soft);
    text-align: center;
}

.winners-empty-state h2,
.winners-empty-state p {
    margin: 0;
}

.winners-empty-state > i {
    color: #f4bd43;
    font-size: 2rem;
}

.winner-history-card.is-loading {
    padding-bottom: 15px;
}

.winner-history-skeleton {
    height: 12px;
    margin: 12px 15px 0;
    background: linear-gradient(
        90deg,
        var(--bg-primary),
        rgba(255, 255, 255, 0.08),
        var(--bg-primary)
    );
    background-size: 200% 100%;
    animation: winnerSkeleton 1.4s linear infinite;
}

.winner-history-skeleton.preview {
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 0;
}

.winner-history-skeleton.title {
    width: 68%;
    height: 18px;
}

@keyframes winnerSkeleton {
    to {
        background-position: -200% 0;
    }
}

@media (max-width: 1180px) {
    .header-inner {
        min-height: 132px;
        grid-template-columns: minmax(220px, 1fr) auto !important;
        grid-template-rows: 44px 44px 36px !important;
        grid-template-areas:
            "brand user"
            "search search"
            "nav nav";
    }

    .header-nav {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: thin;
    }
}

@media (max-width: 980px) {
    .winners-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .header-inner {
        padding-inline: 10px;
        gap: 7px;
    }

    .industrial-logo-copy {
        display: none;
    }

    .header-right {
        max-width: calc(100vw - 90px);
    }

    .header-nav .nav-tab {
        min-width: 98px;
        flex: 0 0 auto;
    }

    .page-action-bar,
    .feed-page-header.feed-page-header-actions-only,
    #donatesPage .donates-header.donates-header-actions-only,
    .giveaways-toolbar,
    .winners-toolbar {
        min-height: 54px !important;
        align-items: stretch !important;
        flex-wrap: wrap;
    }

    .feed-page-header .btn,
    #donatesPage .donates-header .btn,
    #donatesPage .donates-header .add-video-btn {
        flex: 1 1 auto;
    }

    .feed-publication-grid,
    .winners-grid {
        grid-template-columns: 1fr;
    }

    .feed-draft-item {
        grid-template-columns: 70px minmax(0, 1fr);
    }

    .feed-draft-preview {
        width: 70px;
    }

    .feed-draft-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .emoji-picker-grid {
        grid-template-columns: repeat(6, minmax(32px, 1fr)) !important;
    }
}

@media (max-width: 460px) {
    .video-card-footer .rating-star {
        width: 22px;
    }

    .winner-proof dl > div {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}

/* ===== source: unified-ui.css ===== */
:root {
    --pub-bg: var(--bg-primary);
    --pub-surface: var(--bg-card);
    --pub-surface-2: var(--bg-secondary);
    --pub-surface-3: var(--bg-elevated);
    --pub-input: var(--bg-input);
    --pub-line: var(--border);
    --pub-line-soft: var(--border-soft);
    --pub-line-strong: var(--border-strong);
    --pub-text: var(--text-primary);
    --pub-text-2: var(--text-secondary);
    --pub-muted: var(--text-muted);
    --pub-accent: var(--accent);
    --pub-accent-hover: var(--accent-hover);
    --pub-accent-dark: var(--accent-dark);
    --pub-yellow: var(--industrial-yellow);
    --pub-steel: var(--industrial-steel);
    --pub-control-h: 38px;
    --pub-control-h-sm: 32px;
    --pub-shadow: 4px 4px 0 rgba(0, 0, 0, 0.23);
    --pub-shadow-hover: 6px 6px 0 rgba(0, 0, 0, 0.28);
    --pub-inset: inset 0 -3px 0 rgba(0, 0, 0, 0.22);
    --pub-fast: 0.14s ease;
}

body.light {
    --pub-bg: #d7d4cc;
    --pub-surface: #ebe8df;
    --pub-surface-2: #e1ded5;
    --pub-surface-3: #f4f1e8;
    --pub-input: #f7f4eb;
    --pub-line: #8c8a83;
    --pub-line-soft: #b5b1a7;
    --pub-line-strong: #5f625e;
    --pub-text: #17191b;
    --pub-text-2: #3f4446;
    --pub-muted: #62686a;
    --pub-shadow: 4px 4px 0 rgba(0, 0, 0, 0.14);
    --pub-shadow-hover: 6px 6px 0 rgba(0, 0, 0, 0.18);
}

.header-inner {
    grid-template-columns: 330px minmax(320px, 1fr) auto;
    grid-template-rows: 60px 38px;
    min-height: 118px;
    align-items: center;
}

.header-brand,
.logo {
    min-width: 0;
}

.logo {
    max-width: 320px !important;
    min-height: 58px !important;
    gap: 14px !important;
}

.logo-avatar,
.logo > img {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
}

.logo-live-dot {
    width: 13px !important;
    height: 13px !important;
    right: 2px !important;
    bottom: 3px !important;
}

.industrial-logo-signal {
    width: 10px !important;
    height: 45px !important;
    flex-basis: 10px !important;
}

.industrial-logo-name,
.industrial-logo-text,
.logo-text,
.logo > span {
    font-size: 1.56rem !important;
    letter-spacing: -0.04em !important;
}

.industrial-logo-subtitle {
    font-size: 0.79rem !important;
    letter-spacing: 0.17em !important;
}

.header-nav {
    align-self: end;
}

.page-transition-overlay,
body.page-transitioning .page-transition-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage) {
    color: var(--pub-text);
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage) *,
:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage) *::before,
:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage) *::after {
    border-radius: 0 !important;
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage)
:is(.page-action-bar, .controls, .donates-header, .donate-filters, .giveaways-toolbar, .winners-toolbar) {
    width: 100%;
    margin: 0 0 18px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--pub-text);
    background: var(--pub-surface-2);
    border: 1px solid var(--pub-line);
    border-left: 5px solid var(--pub-steel);
    box-shadow: var(--pub-shadow);
}

.giveaways-toolbar-actions,
.donate-actions,
.donate-detail-actions,
.feed-composer-actions,
.modal-actions,
.confirm-actions,
.feed-load-more-row,
.donates-load-more,
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.giveaways-toolbar-actions {
    margin-left: auto;
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage,
    #addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #confirmModal)
:is(.btn, .filter-btn, .cat-btn, .donate-filter, .giveaway-filter, .nav-sub-btn,
    .add-video-btn, .donate-participate-btn, .community-post-stat-button,
    .comment-action-btn, .video-favorite-btn, .video-comment-btn,
    .video-card-pin, .rating-star, .modal-close-btn, .clear-search-btn,
    .pagination button, .small-btn, button[type="submit"]) {
    min-height: var(--pub-control-h);
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--pub-text);
    -webkit-text-fill-color: currentColor;
    background: var(--pub-surface-3);
    border: 1px solid var(--pub-line);
    border-left: 4px solid var(--pub-steel);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.18);
    font-family: "Roboto Condensed", "Inter Tight", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.03em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition:
        transform var(--pub-fast),
        box-shadow var(--pub-fast),
        background var(--pub-fast),
        border-color var(--pub-fast),
        color var(--pub-fast),
        opacity var(--pub-fast);
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage,
    #addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #confirmModal)
:is(.btn, .filter-btn, .cat-btn, .donate-filter, .giveaway-filter,
    .add-video-btn, .donate-participate-btn, .community-post-stat-button,
    .comment-action-btn, .video-favorite-btn, .video-comment-btn,
    .video-card-pin, .rating-star, .modal-close-btn, .pagination button):hover {
    color: var(--pub-text);
    background: var(--pub-input);
    border-color: var(--pub-line-strong);
    border-left-color: var(--pub-accent);
    box-shadow: var(--pub-shadow-hover);
    transform: translate(-1px, -1px);
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage,
    #addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #confirmModal)
:is(.btn, .filter-btn, .cat-btn, .donate-filter, .giveaway-filter,
    .add-video-btn, .donate-participate-btn, .community-post-stat-button,
    .comment-action-btn, .video-favorite-btn, .video-comment-btn,
    .video-card-pin, .rating-star, .modal-close-btn, .pagination button):active {
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    transform: translate(2px, 2px);
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage,
    #addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #confirmModal)
:is(.active, .btn.active, .filter-btn.active, .cat-btn.active,
    .donate-filter.active, .giveaway-filter.active, .add-video-btn,
    .btn.primary, .feed-create-post-btn, #submitAddVideo, #submitDonateBtn,
    #openCreateGiveawayBtn) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: linear-gradient(180deg, var(--pub-accent-hover), var(--pub-accent)) !important;
    border-color: var(--pub-accent-dark) !important;
    border-left-color: var(--pub-accent-dark) !important;
    box-shadow: var(--pub-inset), var(--pub-shadow) !important;
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage,
    #addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #confirmModal)
:is(.btn.outline, .filter-btn:not(.active), .donate-filter:not(.active), .giveaway-filter:not(.active)) {
    background: var(--pub-surface-3);
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage,
    #addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #confirmModal)
:is(.danger, .btn.danger, .danger-action) {
    color: #fff !important;
    background: linear-gradient(180deg, #e64a43, #a91711) !important;
    border-color: #7a110d !important;
}

button:disabled,
.btn:disabled,
.add-video-btn:disabled,
.filter-btn:disabled,
.donate-filter:disabled,
.giveaway-filter:disabled {
    opacity: 0.48 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

.video-favorite-btn,
.video-comment-btn,
.video-card-pin,
.modal-close-btn,
.rating-star,
.pagination button {
    width: var(--pub-control-h) !important;
    min-width: var(--pub-control-h) !important;
    padding: 0 !important;
}

.rating-star {
    width: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    color: #a4a7a8 !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

.rating-star:hover,
.rating-star.active {
    color: var(--pub-yellow) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translateY(-1px);
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage)
:is(.feed-card, .community-post-card, .donate-card, .giveaway-card, .winner-card,
    .empty-state, .feed-empty-state, .donates-empty, .giveaways-empty-state,
    .winners-empty-state) {
    color: var(--pub-text);
    background: var(--pub-surface);
    border: 1px solid var(--pub-line);
    border-top: 4px solid var(--pub-steel);
    box-shadow: var(--pub-shadow);
    overflow: hidden;
}

:is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage)
:is(.feed-card, .community-post-card, .donate-card, .giveaway-card, .winner-card):hover {
    border-color: var(--pub-line-strong);
    border-top-color: var(--pub-accent);
    box-shadow: var(--pub-shadow-hover);
    transform: translate(-1px, -1px);
}

.feed-card-info,
.community-post-body,
.donate-body,
.giveaway-card-body,
.winner-card-body {
    color: var(--pub-text);
    background: var(--pub-surface);
}

.feed-card-title,
.feed-card-title a,
.community-post-title,
.donate-body h3,
.giveaway-card h3,
.winner-card h3,
.feed-post-detail-title {
    color: var(--pub-text) !important;
}

.feed-card-title a:hover,
.community-post-title:hover {
    color: var(--pub-accent-hover) !important;
}

.feed-card p,
.community-post-description,
.donate-body p,
.giveaway-card p,
.winner-card p,
.feed-post-detail-description,
.feed-comment-text {
    color: var(--pub-text-2) !important;
}

.video-card-meta,
.video-channel-link,
.video-channel-views,
.community-post-date-group,
.community-post-footer,
.feed-post-detail-stats,
.feed-comment-head time,
.muted,
small {
    color: var(--pub-muted) !important;
}

.tags-container,
.community-post-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.tag,
.community-post-tags span,
.feed-post-pinned-label,
.video-card-pin-badge,
.donate-pin-badge,
.giveaway-status,
.donate-status {
    color: var(--pub-text);
    background: var(--pub-surface-2);
    border: 1px solid var(--pub-line);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    font-weight: 900;
    text-transform: uppercase;
}

.video-card-pin-badge,
.donate-pin-badge,
.feed-post-pinned-label {
    color: #fff;
    background: var(--pub-accent);
    border-color: var(--pub-accent-dark);
}

.video-grid {
    gap: 18px !important;
}

.feed-card {
    display: flex;
    flex-direction: column;
}

.feed-card-preview,
.community-post-preview,
.donate-preview-wrap {
    background: #070809;
    border-bottom: 1px solid var(--pub-line);
}

body.light .feed-card-preview,
body.light .community-post-preview,
body.light .donate-preview-wrap {
    background: #dad6ca;
}

.video-card-top,
.video-card-footer,
.video-card-meta,
.community-post-author-row,
.feed-comment-head {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.video-card-top,
.community-post-author-row,
.feed-comment-head {
    justify-content: space-between;
}

.video-author,
.community-post-author,
.feed-comment-author,
.donate-author,
.feed-post-detail-author > .profile-link {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.video-author .feed-card-username,
.community-post-author strong,
.feed-comment-author strong,
.donate-author span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-card-footer {
    margin-top: auto;
    justify-content: space-between;
}

.star-rating {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 3px;
}

.rating-value {
    margin-left: 6px;
    color: var(--pub-muted);
    white-space: nowrap;
}

.video-channel-views [data-video-views-count] {
    min-width: 24px;
    display: inline-block;
}

.feed-stream {
    gap: 18px !important;
}

.community-post-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.community-post-body {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.community-post-footer,
.feed-post-detail-stats {
    width: 100%;
    margin-top: auto;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

.community-post-footer > span,
.community-post-footer > button,
.feed-post-detail-stats > span,
.feed-post-detail-stats > button {
    min-height: 30px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--pub-muted);
    background: var(--pub-surface-2);
    border: 1px solid var(--pub-line);
    border-left: 3px solid var(--pub-steel);
    box-shadow: none;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1;
}

.community-post-footer .community-post-stat-button,
.feed-post-detail-stats .community-post-stat-button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    text-transform: none;
}

.community-post-footer .community-post-stat-button:hover,
.community-post-footer .community-post-stat-button.active,
.feed-post-detail-stats .community-post-stat-button:hover,
.feed-post-detail-stats .community-post-stat-button.active {
    color: #fff !important;
    background: var(--pub-accent) !important;
    border-color: var(--pub-accent-dark) !important;
    transform: none !important;
}

.community-post-title {
    width: 100%;
    min-height: 2.5em;
}

#feedPostModalContent .feed-post-detail {
    color: var(--pub-text);
}

#feedPostModalContent .feed-post-comments,
#commentsModalContent .unified-comments-shell,
#giveawayCommentsModalContent .unified-comments-shell {
    padding: 14px;
    color: var(--pub-text);
    background: var(--pub-surface-2);
    border: 1px solid var(--pub-line);
    border-left: 5px solid var(--pub-steel);
    box-shadow: var(--pub-shadow);
}

.feed-post-comments-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--pub-line);
}

.feed-post-comments-head h3 {
    margin: 0;
    color: var(--pub-text);
}

.feed-post-comments-head p {
    margin: 3px 0 0;
    color: var(--pub-muted);
}

.feed-post-comment-list,
.unified-comments-list,
.comments-list {
    max-height: min(58vh, 680px);
    padding: 2px 4px 4px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    overflow: auto;
}

.feed-comment-thread,
.comment-thread {
    min-width: 0;
}

.feed-comment-item.comment-item-modern,
.comment-item-modern,
.feed-comment-item {
    width: 100%;
    margin: 0;
    padding: 11px 12px;
    color: var(--pub-text);
    background: var(--pub-surface);
    border: 1px solid var(--pub-line);
    border-left: 4px solid var(--pub-steel);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.12);
}

.feed-comment-item.comment-item-modern:hover,
.comment-item-modern:hover {
    border-left-color: var(--pub-accent);
    transform: none;
}

.feed-comment-author > span,
.comment-user > span,
.comment-user {
    min-width: 0;
}

.feed-comment-head time {
    flex: 0 0 auto;
    text-align: right;
}

.feed-comment-text,
.comment-text {
    max-width: 100%;
    color: var(--pub-text-2) !important;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.feed-comment-actions,
.comment-actions {
    margin-top: 9px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.feed-comment-actions .comment-action-btn,
.comment-actions .comment-action-btn,
.feed-comment-like-static {
    width: auto !important;
    min-width: 0 !important;
    min-height: var(--pub-control-h-sm) !important;
    padding: 0 9px !important;
    color: var(--pub-muted);
    background: var(--pub-surface-2);
    border: 1px solid var(--pub-line);
    border-left: 3px solid var(--pub-steel);
    box-shadow: none;
    font-size: 0.78rem;
    text-transform: none;
}

.feed-comment-actions .comment-action-btn:hover,
.comment-actions .comment-action-btn:hover,
.feed-comment-actions .comment-action-btn.active,
.comment-actions .comment-action-btn.active {
    color: #fff !important;
    background: var(--pub-accent) !important;
    border-color: var(--pub-accent-dark) !important;
    transform: none !important;
}

.feed-comment-replies,
.comment-replies {
    margin: 9px 0 0 20px;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-left: 2px solid var(--pub-line);
}

.feed-comment-reply-slot {
    margin-left: 20px;
}

.feed-comments-empty,
.feed-comment-login-note,
.comment-login-note {
    padding: 12px;
    color: var(--pub-muted);
    background: var(--pub-surface);
    border: 1px solid var(--pub-line);
    border-left: 4px solid var(--pub-steel);
}

.donates-grid {
    gap: 18px !important;
}

.donate-card {
    display: flex;
    flex-direction: column;
}

.donate-muted {
    opacity: 1 !important;
    filter: none !important;
}

.donate-muted .donate-preview {
    filter: grayscale(0.45) contrast(0.94);
}

.donate-status.status-completed,
.status-completed {
    color: #fff !important;
    background: #2f8f58 !important;
    border-color: #1a6a3d !important;
}

.donate-actions {
    justify-content: flex-start;
}

.donate-actions .btn,
.donate-actions .donate-participate-btn {
    flex: 0 0 auto;
}

.donate-proof-card-btn {
    color: var(--pub-text) !important;
    background: var(--pub-surface-3) !important;
    border-left-color: var(--pub-yellow) !important;
}

.donate-completed-note {
    margin: 0 0 12px;
    padding: 10px 12px;
    color: #fff;
    background: #277a4d;
    border: 1px solid #1a6a3d;
    border-left: 5px solid #7fd99e;
    font-weight: 900;
}

.proofs-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 10px;
}

.proof-item {
    min-width: 0;
    padding: 10px 12px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    color: var(--pub-text);
    background: var(--pub-surface-2);
    border: 1px solid var(--pub-line);
    border-left: 4px solid var(--pub-yellow);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.12);
    text-decoration: none;
}

.proof-item span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.proof-item small {
    color: var(--pub-muted);
}

.proof-item:hover {
    border-color: var(--pub-line-strong);
    border-left-color: var(--pub-accent);
}

.donate-proof-empty {
    padding: 13px;
    color: var(--pub-muted) !important;
    background: var(--pub-surface-2);
    border: 1px solid var(--pub-line);
}

.giveaways-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.winners-toolbar > div,
.giveaways-toolbar > div {
    min-width: 0;
}

.winners-toolbar strong {
    display: block;
    color: var(--pub-text);
}

.winners-toolbar small {
    display: block;
    color: var(--pub-muted);
}

:is(#addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #confirmModal)
.modal-content {
    color: var(--pub-text);
    background: var(--pub-surface);
    border: 1px solid var(--pub-line);
    border-top: 5px solid var(--pub-steel);
    box-shadow: var(--pub-shadow-hover);
}

:is(#addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #confirmModal)
:is(input, textarea, select, .input-field) {
    color: var(--pub-text) !important;
    -webkit-text-fill-color: var(--pub-text) !important;
    background: var(--pub-input) !important;
    border: 1px solid var(--pub-line) !important;
    box-shadow: none !important;
}

:is(#addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #confirmModal)
:is(input, textarea, select, .input-field):focus {
    border-color: var(--pub-accent) !important;
    outline: 2px solid rgba(201, 42, 32, 0.22) !important;
}

.admin-dialog-head {
    color: var(--pub-text);
    border-bottom-color: var(--pub-line) !important;
}

.admin-dialog-head p {
    color: var(--pub-muted) !important;
}

.site-mini-footer {
    position: fixed;
    left: 50%;
    bottom: 16px;
    z-index: 900;
    width: min(680px, calc(100vw - 24px));
    color: var(--pub-text);
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, 18px);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.site-mini-footer.is-visible {
    pointer-events: auto;
    opacity: 1;
    transform: translate(-50%, 0);
}

.site-mini-footer-inner {
    min-height: 44px;
    padding: 6px 8px 6px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: var(--pub-surface);
    border: 1px solid var(--pub-line);
    border-left: 5px solid var(--pub-accent);
    box-shadow: var(--pub-shadow-hover);
}

.site-mini-footer-brand,
.site-mini-footer-links {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.site-mini-footer-brand {
    overflow: hidden;
    color: var(--pub-text-2);
    font-size: 0.86rem;
    font-weight: 800;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.site-mini-footer-brand strong {
    color: var(--pub-accent-hover);
}

.site-mini-footer-mark {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    color: #fff;
    background: var(--pub-accent);
    border: 1px solid var(--pub-accent-dark);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.22);
    font-weight: 900;
}

.site-mini-footer-links a,
.site-mini-footer-links button {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--pub-text);
    background: var(--pub-surface-3);
    border: 1px solid var(--pub-line);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.14);
    text-decoration: none;
    cursor: pointer;
}

.site-mini-footer-links a:hover,
.site-mini-footer-links button:hover {
    color: #fff;
    background: var(--pub-accent);
    border-color: var(--pub-accent-dark);
}

body.light .header {
    color: #17191b;
    background: linear-gradient(180deg, #f3f0e8 0%, #ddd9cf 100%);
    border-bottom-color: var(--pub-accent);
}

body.light .industrial-logo-name,
body.light .industrial-logo-text,
body.light .logo-text,
body.light .logo > span {
    color: #111315 !important;
    -webkit-text-fill-color: #111315 !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.light .industrial-logo-subtitle {
    color: #5f6668 !important;
}

body.light .search-section,
body.light .header-profile,
body.light .user-pill,
body.light .header-icon-btn,
body.light .header-theme-btn,
body.light .theme-btn,
body.light .icon-action-btn,
body.light .notification-btn {
    color: var(--pub-text);
    background: var(--pub-input);
    border-color: var(--pub-line);
}

body.light .search-section input {
    color: var(--pub-text);
    -webkit-text-fill-color: var(--pub-text);
}

body.light .search-section input::placeholder {
    color: var(--pub-muted);
}

body.light :is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage)
:is(.feed-card, .community-post-card, .donate-card, .giveaway-card, .winner-card,
    .feed-card-info, .community-post-body, .donate-body, .giveaway-card-body,
    .winner-card-body, .feed-post-comments, .feed-comment-item, .comment-item-modern,
    .feed-comments-empty, .feed-comment-login-note) {
    color: var(--pub-text);
    background: var(--pub-surface);
    border-color: var(--pub-line);
}

body.light :is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage)
:is(.community-post-footer > span, .community-post-footer > button,
    .feed-post-detail-stats > span, .feed-post-detail-stats > button,
    .tag, .community-post-tags span) {
    color: var(--pub-text-2);
    background: var(--pub-surface-2);
    border-color: var(--pub-line-soft);
}

body.light .modal-content {
    color: var(--pub-text);
}

@media (max-width: 1180px) {
    .header-inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        min-height: 0;
        gap: 10px;
    }

    .header-brand,
    .logo,
    .header-center,
    .header-right,
    .header-nav {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: center;
    }

    .header-nav {
        width: 100%;
        justify-content: center;
    }

    .search-section {
        max-width: 720px;
    }
}

@media (max-width: 760px) {
    .header-inner {
        padding: 10px 12px 8px;
    }

    .logo-avatar,
    .logo > img {
        width: 45px !important;
        height: 45px !important;
        flex-basis: 45px !important;
    }

    .industrial-logo-name,
    .industrial-logo-text,
    .logo-text,
    .logo > span {
        font-size: 1.25rem !important;
    }

    .industrial-logo-subtitle {
        font-size: 0.64rem !important;
    }

    :is(#videosPage, #feedPage, #donatesPage, #giveawaysPage, #winnersPage)
    :is(.page-action-bar, .controls, .donates-header, .donate-filters, .giveaways-toolbar, .winners-toolbar) {
        align-items: stretch;
        flex-direction: column;
    }

    .giveaways-toolbar-actions,
    .giveaways-filters,
    .donate-actions,
    .feed-post-detail-stats,
    .community-post-footer {
        width: 100%;
    }

    .giveaways-toolbar-actions > *,
    .donate-actions > *,
    .feed-page-header .btn,
    .feed-create-post-btn {
        flex: 1 1 auto;
    }

    .feed-comment-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .feed-comment-replies,
    .comment-replies,
    .feed-comment-reply-slot {
        margin-left: 8px;
        padding-left: 8px;
    }

    .site-mini-footer-inner {
        align-items: stretch;
        flex-direction: column;
    }

    .site-mini-footer-links {
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

#feedModerationModeBtn.active,
.feed-moderation-btn.active {
    background: var(--pub-accent, #d4251d) !important;
    color: #fff !important;
    border-color: var(--pub-accent-dark, #9e1712) !important;
    box-shadow: var(--pub-shadow-hard, 4px 4px 0 rgba(0,0,0,.28)) !important;
}

.feed-stream--moderation .community-post-card {
    position: relative;
    outline: 2px dashed rgba(204, 38, 32, .55);
    outline-offset: 3px;
}

.feed-card-moderation-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--pub-line, rgba(255,255,255,.14));
}

.feed-reputation-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: max-content;
    max-width: 100%;
    margin-top: 4px;
    padding: 2px 6px;
    border: 1px solid var(--pub-line-soft, rgba(255,255,255,.12));
    background: var(--pub-surface-2, rgba(255,255,255,.06));
    color: var(--pub-text-2, #bfc4c9);
    font-size: .68rem;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.feed-reputation-chip--active { color: #44c07b; }
.feed-reputation-chip--verified { color: #f0b82e; }
.feed-reputation-chip--veteran { color: #ff695e; }

.pinned-donate-spotlight {
    position: fixed;
    right: 18px;
    bottom: 88px;
    z-index: 70;
    width: min(340px, calc(100vw - 28px));
    transform: translateY(0);
}

.pinned-donate-spotlight.hidden {
    display: none !important;
}

.pinned-donate-card {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 10px;
    width: 100%;
    padding: 10px;
    border: 2px solid var(--pub-line, rgba(255,255,255,.18));
    border-radius: 0 !important;
    background: var(--pub-surface, #17191b);
    color: var(--pub-text, #f2f3f4);
    box-shadow: 6px 6px 0 rgba(0,0,0,.30);
    text-align: left;
    cursor: pointer;
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.pinned-donate-card:hover {
    transform: translate(-2px, -2px);
    border-color: var(--pub-accent, #d4251d);
    box-shadow: 8px 8px 0 rgba(0,0,0,.34);
}

.pinned-donate-card:active {
    transform: translate(1px, 1px);
    box-shadow: 3px 3px 0 rgba(0,0,0,.34);
}

.pinned-donate-ribbon {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: max-content;
    max-width: 100%;
    padding: 4px 7px;
    background: var(--pub-accent, #d4251d);
    color: #fff;
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.pinned-donate-main {
    display: flex;
    gap: 10px;
    min-width: 0;
    align-items: center;
}

.pinned-donate-preview {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border: 1px solid var(--pub-line, rgba(255,255,255,.18));
    background: var(--pub-surface-2, rgba(255,255,255,.06));
    overflow: hidden;
}

.pinned-donate-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pinned-donate-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.pinned-donate-copy strong,
.pinned-donate-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pinned-donate-copy strong {
    -webkit-line-clamp: 1;
    font-weight: 900;
    color: var(--pub-text, #f2f3f4);
}

.pinned-donate-copy small {
    -webkit-line-clamp: 2;
    color: var(--pub-text-2, #bfc4c9);
    line-height: 1.25;
}

.pinned-donate-action {
    align-self: center;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--pub-line, rgba(255,255,255,.18));
    color: var(--pub-accent, #d4251d);
}

.giveaway-case-modal {
    max-width: min(920px, calc(100vw - 24px));
    overflow: hidden;
}

.giveaway-case-head {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
}

.giveaway-case-head h2 {
    margin: 4px 0 4px;
    font-size: clamp(1.4rem, 2vw, 2rem);
    text-transform: uppercase;
}

.giveaway-case-head p {
    margin: 0;
    color: var(--pub-text-2, #aeb4ba);
}

.giveaway-case-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 8px;
    background: var(--pub-accent, #d4251d);
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-size: .72rem;
    letter-spacing: .06em;
}

.giveaway-case-stage {
    position: relative;
    padding: 22px 0;
    border: 2px solid var(--pub-line, rgba(255,255,255,.16));
    background:
        linear-gradient(90deg, rgba(0,0,0,.5), transparent 18%, transparent 82%, rgba(0,0,0,.5)),
        var(--pub-surface-2, rgba(255,255,255,.05));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}

.giveaway-case-pointer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 5;
    width: 2px;
    transform: translateX(-50%);
    background: var(--pub-accent, #d4251d);
    box-shadow: 0 0 18px rgba(212, 37, 29, .65);
    pointer-events: none;
}

.giveaway-case-pointer span::before,
.giveaway-case-pointer span::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.giveaway-case-pointer span::before {
    top: 0;
    border-top: 14px solid var(--pub-accent, #d4251d);
}

.giveaway-case-pointer span::after {
    bottom: 0;
    border-bottom: 14px solid var(--pub-accent, #d4251d);
}

.giveaway-case-viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.giveaway-case-reel {
    display: flex;
    gap: 10px;
    align-items: stretch;
    padding: 0 max(22px, 4vw);
    will-change: transform;
}

.giveaway-case-card {
    flex: 0 0 128px;
    display: grid;
    justify-items: center;
    gap: 7px;
    padding: 12px 8px 10px;
    min-height: 142px;
    border: 1px solid var(--pub-line, rgba(255,255,255,.16));
    background: var(--pub-surface, #151719);
    color: var(--pub-text, #f4f4f4);
    box-shadow: 3px 3px 0 rgba(0,0,0,.25);
    text-align: center;
}

.giveaway-case-card.is-target,
.giveaway-case-card.is-winner {
    border-color: var(--pub-accent, #d4251d);
}

.giveaway-case-card.is-winner {
    transform: translateY(-6px) scale(1.04);
    box-shadow: 0 0 0 2px var(--pub-accent, #d4251d), 0 18px 42px rgba(212, 37, 29, .25);
}

.giveaway-case-avatar,
.giveaway-case-winner-avatar {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border: 2px solid var(--pub-line, rgba(255,255,255,.16));
    background: var(--pub-surface-2, rgba(255,255,255,.06));
    overflow: hidden;
}

.giveaway-case-avatar img,
.giveaway-case-winner-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.giveaway-case-card strong,
.giveaway-case-card small {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.giveaway-case-card strong {
    font-size: .85rem;
}

.giveaway-case-card small {
    color: var(--pub-text-2, #b6bdc5);
    font-size: .72rem;
}

.giveaway-case-card--skeleton .giveaway-case-avatar,
.giveaway-case-card--skeleton strong,
.giveaway-case-card--skeleton small {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
    animation: caseSkeleton 1.1s infinite linear;
}

.giveaway-case-card--skeleton strong {
    width: 78px;
    height: 10px;
}

.giveaway-case-card--skeleton small {
    width: 60px;
    height: 8px;
}

@keyframes caseSkeleton {
    from { background-position: -140px 0; }
    to { background-position: 140px 0; }
}

.giveaway-case-result {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding: 12px;
    border: 1px solid var(--pub-line, rgba(255,255,255,.16));
    background: var(--pub-surface-2, rgba(255,255,255,.05));
    color: var(--pub-text-2, #bfc4ca);
}

.giveaway-case-result.is-final {
    color: var(--pub-text, #fff);
    border-color: var(--pub-accent, #d4251d);
}

.giveaway-case-result.is-final strong {
    display: block;
    font-size: 1.15rem;
    text-transform: uppercase;
}

.giveaway-case-result.is-final small,
.giveaway-case-result.is-final span {
    color: var(--pub-text-2, #bfc4ca);
}

.giveaway-case-result .btn {
    margin-left: auto;
}

.giveaway-case-empty {
    display: grid;
    place-items: center;
    gap: 12px;
    padding: 44px 20px;
    border: 1px solid var(--pub-line, rgba(255,255,255,.16));
    background: var(--pub-surface-2, rgba(255,255,255,.05));
    text-align: center;
}

.giveaway-case-empty > i {
    font-size: 2.5rem;
    color: var(--pub-accent, #d4251d);
}

body.light .feed-reputation-chip,
body.light .feed-card-moderation-panel,
body.light .pinned-donate-card,
body.light .giveaway-case-stage,
body.light .giveaway-case-card,
body.light .giveaway-case-result,
body.light .giveaway-case-empty,
body.light .pinned-donate-preview,
body.light .pinned-donate-action {
    color: var(--pub-text, #1e2226);
    background-color: var(--pub-surface, #fff);
    border-color: var(--pub-line, #c7c2b8);
}

body.light .giveaway-case-stage {
    background:
        linear-gradient(90deg, rgba(244,241,235,.92), transparent 18%, transparent 82%, rgba(244,241,235,.92)),
        var(--pub-surface-2, #f4f1eb);
}

body.light .pinned-donate-copy strong,
body.light .giveaway-case-card strong,
body.light .giveaway-case-result.is-final strong {
    color: var(--pub-text, #1e2226);
}

body.light .pinned-donate-copy small,
body.light .giveaway-case-card small,
body.light .giveaway-case-head p,
body.light .giveaway-case-result,
body.light .giveaway-case-result.is-final span,
body.light .giveaway-case-result.is-final small {
    color: var(--pub-text-2, #5f6469);
}

@media (max-width: 860px) {
    .pinned-donate-spotlight {
        right: 10px;
        bottom: 78px;
        width: min(320px, calc(100vw - 20px));
    }

    .giveaway-case-card {
        flex-basis: 112px;
        min-height: 132px;
    }

    .giveaway-case-result {
        flex-wrap: wrap;
    }

    .giveaway-case-result .btn {
        width: 100%;
        margin-left: 0;
    }
}

.logo-live-link {
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    overflow: visible !important;
}

.logo-live-link .logo-avatar,
.logo-avatar,
.logo > img {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    flex: 0 0 54px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
}

.logo-live-link .logo-live-dot {
    right: -4px !important;
    bottom: -3px !important;
}

#donatesPage .donates-toolbar {
    width: 100%;
    margin: 0 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap;
}

#donatesPage .donate-filters {
    min-width: 0;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}

#donatesPage .donate-filter {
    flex: 0 0 auto;
    white-space: nowrap;
}

#donatesPage .donate-toolbar-add {
    flex: 0 0 auto;
    margin-left: auto;
    white-space: nowrap;
}

:is(#addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #giveawayDrawModal,
    #confirmModal) :is(input, textarea, select, .input-field, .form-control) {
    color: var(--pub-text) !important;
    -webkit-text-fill-color: var(--pub-text) !important;
    background-color: var(--pub-input) !important;
    background-image: none !important;
    border-color: var(--pub-line) !important;
    caret-color: var(--pub-accent) !important;
}

:is(#addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #giveawayDrawModal,
    #confirmModal) :is(input, textarea, select, .input-field, .form-control)::placeholder {
    color: var(--pub-muted) !important;
    -webkit-text-fill-color: var(--pub-muted) !important;
    opacity: 1 !important;
}

body:not(.light) :is(#addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #giveawayDrawModal,
    #confirmModal) :is(input, textarea, select, .input-field, .form-control) {
    color: #f1efe9 !important;
    -webkit-text-fill-color: #f1efe9 !important;
    background-color: #101316 !important;
    border-color: #3c4146 !important;
}

body:not(.light) :is(#addModal, #editModal, #commentsModal, #profileModal, #historyModal,
    #favoritesModal, #statsModal, #publicProfileModal, #feedComposerModal,
    #feedPostModal, #feedDraftsModal, #giveawayCreateModal,
    #giveawayCommentsModal, #giveawayParticipantsModal, #giveawayDrawModal,
    #confirmModal) :is(option) {
    color: #f1efe9 !important;
    background: #101316 !important;
}

.feed-comment-item.comment-item-modern,
.comment-item-modern {
    border-radius: 0 !important;
}

.feed-comment-head,
.comment-head {
    margin: 0 0 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.feed-comment-author,
.comment-user {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.feed-comment-author > span,
.comment-user > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.feed-comment-text,
.comment-text {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.42 !important;
    white-space: pre-line !important;
    color: var(--pub-text-2) !important;
}

.feed-comment-actions,
.comment-actions {
    margin-top: 8px !important;
}

.feed-comment-reply-slot,
.comment-reply-slot {
    min-height: 0 !important;
    margin-top: 0 !important;
}

.site-mini-footer {
    z-index: 3500 !important;
    bottom: 12px !important;
}

.site-mini-footer.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
}

.site-mini-footer-inner {
    min-height: 46px !important;
    padding: 8px 10px !important;
    color: var(--pub-text) !important;
    background: color-mix(in srgb, var(--pub-surface) 94%, #000 6%) !important;
    border: 1px solid var(--pub-line) !important;
    border-left: 5px solid var(--pub-accent) !important;
    box-shadow: var(--pub-shadow-hover) !important;
}

body.light .site-mini-footer-inner {
    background: #f4f1e8 !important;
}

@media (max-width: 720px) {
    #donatesPage .donates-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    #donatesPage .donate-toolbar-add {
        width: 100%;
        margin-left: 0;
    }

    .logo-live-link,
    .logo-live-link .logo-avatar,
    .logo-avatar,
    .logo > img {
        width: 44px !important;
        height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        flex-basis: 44px !important;
    }
}

#feedPage .page-control-panel,
#donatesPage .page-control-panel,
#giveawaysPage .page-control-panel {
    position: relative !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    color: var(--pub-text) !important;
    background: var(--gradient-panel, var(--pub-surface-2)) !important;
    border: 1px solid var(--pub-line) !important;
    border-left: 5px solid var(--pub-accent) !important;
    box-shadow: var(--shadow-sm, var(--pub-shadow)) !important;
    overflow: visible !important;
}

#feedPage .page-control-panel::before,
#feedPage .page-control-panel::after,
#donatesPage .page-control-panel::before,
#donatesPage .page-control-panel::after,
#giveawaysPage .page-control-panel::before,
#giveawaysPage .page-control-panel::after {
    content: "" !important;
    position: absolute !important;
    top: 5px !important;
    width: 5px !important;
    height: 5px !important;
    background: #6f7478 !important;
    border: 1px solid #08090a !important;
}

#feedPage .page-control-panel::before,
#donatesPage .page-control-panel::before,
#giveawaysPage .page-control-panel::before { left: 5px !important; }

#feedPage .page-control-panel::after,
#donatesPage .page-control-panel::after,
#giveawaysPage .page-control-panel::after { right: 5px !important; }

#feedPage .page-control-panel .controls-row,
#donatesPage .page-control-panel .controls-row,
#giveawaysPage .page-control-panel .controls-row {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

#feedPage .page-control-panel .filters,
#donatesPage .page-control-panel .filters,
#giveawaysPage .page-control-panel .filters,
#donatesPage .page-control-panel .donate-filters,
#giveawaysPage .page-control-panel .giveaways-filters {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

#feedPage .page-control-panel .filter-action-group,
#donatesPage .page-control-panel .filter-action-group,
#giveawaysPage .page-control-panel .filter-action-group {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
}

#feedPage .page-control-panel .filter-btn,
#donatesPage .page-control-panel .filter-btn,
#giveawaysPage .page-control-panel .filter-btn,
#feedPage .page-control-panel .add-video-btn,
#donatesPage .page-control-panel .add-video-btn,
#giveawaysPage .page-control-panel .add-video-btn {
    min-height: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

#feedPage .page-control-panel .add-video-btn,
#donatesPage .page-control-panel .add-video-btn,
#giveawaysPage .page-control-panel .add-video-btn {
    min-width: max-content !important;
}

#feedPage .page-control-info {
    align-items: center !important;
    gap: 8px !important;
    overflow: hidden !important;
}

.control-note-badge,
.control-note-text {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.control-note-badge {
    padding: 7px 12px;
    color: var(--pub-text);
    background: var(--pub-surface-3);
    border: 1px solid var(--pub-line);
    border-left: 4px solid var(--pub-steel);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.14);
    font-family: "Roboto Condensed", "Inter Tight", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.control-note-text {
    color: var(--pub-muted);
    font-size: 0.86rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

#donatesPage .donate-card.donate-muted,
#giveawaysPage .giveaway-card.is-inactive,
#giveawaysPage .giveaway-card.is-completed {
    opacity: 0.56 !important;
    filter: grayscale(1) saturate(0.25) !important;
    border-top-color: #5b6064 !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.18) !important;
}

#donatesPage .donate-card.donate-muted:hover,
#giveawaysPage .giveaway-card.is-inactive:hover,
#giveawaysPage .giveaway-card.is-completed:hover {
    opacity: 0.78 !important;
    filter: grayscale(0.82) saturate(0.45) !important;
}

#donatesPage .donate-card.donate-muted .donate-preview,
#giveawaysPage .giveaway-card.is-inactive .giveaway-preview img,
#giveawaysPage .giveaway-card.is-completed .giveaway-preview img {
    filter: grayscale(1) contrast(0.88) !important;
}

#donatesPage .donate-card.donate-muted .donate-status,
#giveawaysPage .giveaway-card.is-inactive .giveaway-status,
#giveawaysPage .giveaway-card.is-completed .giveaway-status {
    color: #f4f4f4 !important;
    background: rgba(44, 48, 52, 0.94) !important;
    border-color: #767b80 !important;
    border-left-color: #9ca1a5 !important;
}

body.light #donatesPage .donate-card.donate-muted,
body.light #giveawaysPage .giveaway-card.is-inactive,
body.light #giveawaysPage .giveaway-card.is-completed {
    opacity: 0.62 !important;
    filter: grayscale(1) saturate(0.28) contrast(0.96) !important;
}

@media (max-width: 900px) {
    #feedPage .page-control-panel .controls-row,
    #donatesPage .page-control-panel .controls-row,
    #giveawaysPage .page-control-panel .controls-row {
        align-items: stretch !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    #feedPage .page-control-panel .filters,
    #donatesPage .page-control-panel .filters,
    #giveawaysPage .page-control-panel .filters {
        width: 100% !important;
    }

    #feedPage .page-control-panel .filter-action-group,
    #donatesPage .page-control-panel .filter-action-group,
    #giveawaysPage .page-control-panel .filter-action-group {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: stretch !important;
    }

    #feedPage .page-control-panel .filter-action-group > *,
    #donatesPage .page-control-panel .filter-action-group > *,
    #giveawaysPage .page-control-panel .filter-action-group > * {
        flex: 1 1 auto !important;
    }

    .control-note-text {
        display: none !important;
    }
}

#feedPage .page-control-panel,
#donatesPage .page-control-panel,
#giveawaysPage .page-control-panel {
    background: linear-gradient(180deg, var(--pub-surface-3), var(--pub-surface-2)) !important;
    color: var(--pub-text) !important;
}

body.light #feedPage .page-control-panel,
body.light #donatesPage .page-control-panel,
body.light #giveawaysPage .page-control-panel,
body.light :is(#feedPage, #donatesPage, #giveawaysPage) :is(.feed-page-header, .donates-toolbar, .giveaways-toolbar, .page-action-bar, .controls) {
    color: #17191b !important;
    background: linear-gradient(180deg, #fffaf0 0%, #ece6d8 100%) !important;
    border-color: #a9a295 !important;
    border-left-color: #c92a20 !important;
    box-shadow: 4px 4px 0 rgba(39, 34, 25, 0.14) !important;
}

body.light #feedPage .page-control-panel::before,
body.light #feedPage .page-control-panel::after,
body.light #donatesPage .page-control-panel::before,
body.light #donatesPage .page-control-panel::after,
body.light #giveawaysPage .page-control-panel::before,
body.light #giveawaysPage .page-control-panel::after {
    background: #b9b0a0 !important;
    border-color: #756e64 !important;
}

#feedPage .page-control-info {
    min-height: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: stretch !important;
    gap: 6px !important;
}

#feedPage .control-note-badge {
    min-width: max-content !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: linear-gradient(180deg, var(--pub-accent-hover), var(--pub-accent)) !important;
    border-color: var(--pub-accent-dark) !important;
    border-left-color: var(--pub-accent-dark) !important;
    box-shadow: var(--pub-inset), 3px 3px 0 rgba(0, 0, 0, 0.18) !important;
}

#feedPage .control-note-text {
    padding: 0 12px !important;
    color: var(--pub-text-2) !important;
    background: color-mix(in srgb, var(--pub-surface-3) 90%, transparent) !important;
    border: 1px solid var(--pub-line) !important;
    border-left: 4px solid var(--pub-steel) !important;
    font-family: "Roboto Condensed", "Inter Tight", Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.015em !important;
}

body.light #feedPage .control-note-text,
body.light :is(#donatesPage, #giveawaysPage) .page-control-panel :is(.filter-btn, .add-video-btn) {
    color: #17191b !important;
    -webkit-text-fill-color: currentColor !important;
    background: #fff7e8 !important;
    border-color: #aaa194 !important;
}

body.light :is(#feedPage, #donatesPage, #giveawaysPage) .page-control-panel :is(.filter-btn.active, .add-video-btn, #openCreateGiveawayBtn) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: linear-gradient(180deg, #d83a30, #b01f18) !important;
    border-color: #8b1712 !important;
}

#videosPage .video-card-footer .star-rating {
    min-height: 36px !important;
    padding: 4px 6px !important;
    gap: 1px !important;
    background: color-mix(in srgb, var(--pub-surface-2) 86%, transparent) !important;
    border: 1px solid var(--pub-line-soft) !important;
    border-left: 4px solid #f0b83a !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.12) !important;
}

#videosPage .video-card-footer .rating-star {
    width: 24px !important;
    min-width: 24px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    color: #777d82 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 0.78 !important;
    filter: none !important;
}

#videosPage .video-card-footer .rating-star i {
    font-size: 0.98rem !important;
    color: currentColor !important;
    text-shadow: none !important;
}

#videosPage .video-card-footer .rating-star:hover,
#videosPage .video-card-footer .rating-star:focus-visible {
    color: #ffd86a !important;
    opacity: 1 !important;
    transform: translateY(-1px) scale(1.08) !important;
}

#videosPage .video-card-footer .rating-star.active {
    color: #f4bd43 !important;
    opacity: 1 !important;
    filter: drop-shadow(0 0 5px rgba(244, 189, 67, 0.34)) !important;
}

#videosPage .video-card-footer .rating-value {
    min-width: 46px !important;
    margin-left: 6px !important;
    padding-left: 7px !important;
    border-left: 1px solid var(--pub-line-soft) !important;
}

body.light #videosPage .video-card-footer .star-rating {
    background: #fff7e8 !important;
    border-color: #c9bdab !important;
    border-left-color: #d99b18 !important;
}

body.light #videosPage .video-card-footer .rating-star {
    color: #8b867d !important;
}

body.light #videosPage .video-card-footer .rating-star.active,
body.light #videosPage .video-card-footer .rating-star:hover,
body.light #videosPage .video-card-footer .rating-star:focus-visible {
    color: #c98200 !important;
}

.logo-live-link {
    position: relative !important;
}

.logo-live-link .logo-live-dot {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    background: #70757a !important;
    border: 2px solid var(--bg-primary, #0d0f10) !important;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.22) !important;
}

.logo-live-link.is-checking .logo-live-dot {
    background: #f0b83a !important;
    animation: lebigaLiveCheck 0.9s ease-in-out infinite !important;
}

.logo-live-link.is-live .logo-live-dot,
.logo-live-link[data-live="true"] .logo-live-dot {
    background: #24d366 !important;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.28), 0 0 14px rgba(36, 211, 102, 0.82) !important;
    animation: lebigaLivePulse 1.25s ease-in-out infinite !important;
}

.logo-live-link.is-offline .logo-live-dot,
.logo-live-link.is-unavailable .logo-live-dot,
.logo-live-link[data-live="false"] .logo-live-dot {
    background: #777d82 !important;
    animation: none !important;
}

.logo-live-link.is-unavailable .logo-live-dot {
    background: #c92a20 !important;
}

@keyframes lebigaLivePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.24); }
}

@keyframes lebigaLiveCheck {
    0%, 100% { opacity: 0.55; transform: scale(0.92); }
    50% { opacity: 1; transform: scale(1.14); }
}

@media (max-width: 900px) {
    #feedPage .control-note-text {
        display: inline-flex !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 620px) {
    #feedPage .page-control-info {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    #feedPage .control-note-badge,
    #feedPage .control-note-text {
        justify-content: center !important;
    }
}

:is(#feedPage, #donatesPage, #giveawaysPage) > .controls.page-control-panel,
:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel,
#donatesPage #donatesControls,
#giveawaysPage #giveawaysControls,
#feedPage #feedControls {
    position: relative !important;
    width: 100% !important;
    margin: 0 0 20px !important;
    padding: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    color: var(--text-primary) !important;
    background: var(--gradient-panel) !important;
    border: 1px solid #3e4348 !important;
    border-left: 5px solid var(--accent) !important;
    box-shadow: var(--shadow-sm) !important;
    overflow: visible !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel::before,
:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel::after {
    content: "" !important;
    position: absolute !important;
    top: 5px !important;
    width: 5px !important;
    height: 5px !important;
    background: #6f7478 !important;
    border: 1px solid #08090a !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel::before { left: 5px !important; }
:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel::after { right: 5px !important; }

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .controls-row {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filters,
#donatesPage .donate-filters,
#giveawaysPage .giveaways-filters,
#feedPage .page-control-info {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filter-action-group {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
    flex-wrap: wrap !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel :is(.filter-btn, .add-video-btn),
#feedPage .control-note-badge,
#feedPage .control-note-text {
    min-height: 34px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 0 !important;
    font-family: "Roboto Condensed", "Inter Tight", Arial, sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.035em !important;
    line-height: 1.12 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filter-btn,
#feedPage .control-note-badge,
#feedPage .control-note-text {
    color: #b2b5b7 !important;
    -webkit-text-fill-color: currentColor !important;
    background: #202428 !important;
    border: 1px solid #3b4045 !important;
    border-left-width: 1px !important;
    box-shadow: none !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filter-btn:hover,
#feedPage .control-note-badge:hover,
#feedPage .control-note-text:hover {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #30353a !important;
    border-color: #6f7478 !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filter-btn.active,
:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filter-btn[aria-pressed="true"] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: var(--gradient-primary) !important;
    border-color: #ef4d43 !important;
    box-shadow: inset 0 -3px 0 var(--accent-dark) !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .add-video-btn {
    min-height: 38px !important;
    padding: 8px 15px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: var(--gradient-primary) !important;
    border: 1px solid #ed4b41 !important;
    border-left: 5px solid var(--accent-dark) !important;
    box-shadow: var(--shadow-sm) !important;
    font-weight: 900 !important;
    letter-spacing: 0.05em !important;
    overflow: hidden !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .add-video-btn:hover {
    color: #fff !important;
    background: linear-gradient(180deg, #ed473d, #bd1a13) !important;
    border-color: #f45a50 !important;
    transform: translate(-1px, -1px) !important;
    box-shadow: var(--shadow-md) !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel :is(select, .sort-pill) {
    width: auto !important;
    min-width: 130px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 6px 34px 6px 11px !important;
    color: #d3d5d6 !important;
    background: #171a1d !important;
    border: 1px solid #494e53 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

#feedPage .control-note-text {
    max-width: min(460px, 100%) !important;
    color: #aeb3b7 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: none !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}

#feedPage .control-note-badge i {
    color: var(--industrial-yellow) !important;
}

body.light :is(#feedPage, #donatesPage, #giveawaysPage) > .controls.page-control-panel,
body.light :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel,
body.light #donatesPage #donatesControls,
body.light #giveawaysPage #giveawaysControls,
body.light #feedPage #feedControls {
    color: var(--text-primary) !important;
    background: var(--bg-secondary) !important;
    border-color: var(--border) !important;
    border-left-color: var(--accent) !important;
    box-shadow: var(--shadow-md) !important;
}

body.light :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel::before,
body.light :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel::after {
    background: #8a8b86 !important;
    border-color: #4d4f4c !important;
}

body.light :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filter-btn,
body.light #feedPage .control-note-badge,
body.light #feedPage .control-note-text {
    color: var(--text-secondary) !important;
    -webkit-text-fill-color: currentColor !important;
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
}

body.light :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filter-btn:hover,
body.light #feedPage .control-note-badge:hover,
body.light #feedPage .control-note-text:hover {
    color: var(--text-primary) !important;
    -webkit-text-fill-color: currentColor !important;
    background: var(--bg-elevated) !important;
    border-color: var(--border-strong) !important;
}

body.light :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filter-btn.active,
body.light :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filter-btn[aria-pressed="true"],
body.light :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .add-video-btn {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: var(--gradient-primary) !important;
    border-color: #ef4d43 !important;
}

body.light :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel :is(select, .sort-pill) {
    color: var(--text-primary) !important;
    background: var(--bg-input) !important;
    border-color: var(--border) !important;
}

.global-search-results {
    z-index: 2400 !important;
    top: calc(100% + 9px) !important;
    max-height: min(72vh, 620px) !important;
    color: var(--text-primary) !important;
    background: #111416 !important;
    border: 1px solid #4a5055 !important;
    border-top: 5px solid var(--accent) !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.58) !important;
}

.global-search-head {
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    color: #dadddf !important;
    background: #191d20 !important;
    border-bottom: 1px solid #343a3f !important;
    font-family: "Roboto Condensed", "Inter Tight", Arial, sans-serif !important;
    text-transform: uppercase !important;
}

.global-search-head strong {
    font-size: 0.82rem !important;
    letter-spacing: 0.055em !important;
}

.global-search-head span {
    color: #9da3a8 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.035em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.global-search-result {
    min-height: 72px !important;
    grid-template-columns: 50px minmax(0, 1fr) minmax(112px, auto) !important;
    color: var(--text-primary) !important;
}

.global-search-result > img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 0 !important;
    object-fit: cover !important;
}

.global-search-result-copy strong mark,
.global-search-result-copy small mark {
    color: #fff !important;
    background: rgba(201, 42, 32, 0.78) !important;
    padding: 0 2px !important;
}

.global-search-result-side {
    display: inline-flex !important;
    align-items: flex-end !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.global-search-source-badge {
    max-width: 150px !important;
    padding: 3px 6px !important;
    color: #c8cccf !important;
    background: #202428 !important;
    border: 1px solid #3b4045 !important;
    font-size: 0.62rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.global-search-empty small {
    color: var(--text-muted) !important;
}

body.light .global-search-results {
    color: var(--text-primary) !important;
    background: #fffaf0 !important;
    border-color: var(--border) !important;
    border-top-color: var(--accent) !important;
    box-shadow: 0 18px 36px rgba(35, 31, 24, 0.18) !important;
}

body.light .global-search-head {
    color: var(--text-primary) !important;
    background: var(--bg-secondary) !important;
    border-bottom-color: var(--border) !important;
}

body.light .global-search-head span,
body.light .global-search-result-type,
body.light .global-search-result-copy small {
    color: var(--text-secondary) !important;
}

body.light .global-search-result {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border) !important;
}

body.light .global-search-result:hover,
body.light .global-search-result.keyboard-active {
    background: var(--bg-elevated) !important;
}

body.light .global-search-source-badge {
    color: var(--text-secondary) !important;
    background: var(--bg-card) !important;
    border-color: var(--border) !important;
}

body.light .global-search-result-copy strong mark,
body.light .global-search-result-copy small mark {
    color: #fff !important;
    background: var(--accent) !important;
}

@media (max-width: 900px) {
    :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .controls-row {
        align-items: stretch !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filters,
    #feedPage .page-control-info {
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .filter-action-group {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: flex-start !important;
    }
}

@media (max-width: 620px) {
    .global-search-result {
        grid-template-columns: 44px minmax(0, 1fr) !important;
    }

    .global-search-result-side {
        grid-column: 2 !important;
        align-items: flex-start !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .global-search-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel,
#donatesControls.controls.page-control-panel {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 18px !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

:is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .controls-row,
#donatesControls .controls-row {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}

#donatesControls .donate-filters,
#donatesControls .filters,
#giveawaysControls .filters,
#feedControls .filters {
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}

#donatesControls .filter-action-group,
#giveawaysControls .filter-action-group,
#feedControls .filter-action-group {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    align-self: center !important;
}

#donatesControls .add-video-btn,
#giveawaysControls .add-video-btn,
#feedControls .add-video-btn {
    align-self: center !important;
    margin: 0 !important;
    transform: none !important;
    white-space: nowrap !important;
}

#feedControls .page-control-info,
#feedControls .control-note-badge,
#feedControls .control-note-text {
    display: none !important;
}

#donatesPage .donates-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

#donatesPage .donate-card {
    position: relative !important;
    isolation: isolate !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    color: var(--pub-text, var(--text-primary)) !important;
    background: linear-gradient(180deg, var(--pub-surface-3, #1e2226), var(--pub-surface-2, #171b1f)) !important;
    border: 1px solid var(--pub-line, #3d4248) !important;
    border-left: 4px solid var(--pub-accent, #d52a24) !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.26) !important;
    filter: none !important;
    opacity: 1 !important;
}

#donatesPage .donate-card.is-pinned {
    border-left-color: #f0c24a !important;
}

#donatesPage .donate-card.donate-muted {
    filter: grayscale(1) !important;
    opacity: 0.62 !important;
}

#donatesPage .donate-card.donate-muted:hover {
    opacity: 0.78 !important;
}

#donatesPage .donate-preview-wrap {
    position: relative !important;
    width: 100% !important;
    height: clamp(165px, 15vw, 235px) !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    background: #080a0c !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pub-line, #3d4248) !important;
}

#donatesPage .donate-preview {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border: 0 !important;
    background: #080a0c !important;
}

#donatesPage .donate-body {
    position: relative !important;
    z-index: 2 !important;
    min-height: 250px !important;
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    background: transparent !important;
}

#donatesPage .donate-card h3,
#donatesPage .donate-body h3 {
    margin: 4px 0 0 !important;
    color: var(--pub-text, var(--text-primary)) !important;
    font-family: "Roboto Condensed", "Inter Tight", Arial, sans-serif !important;
    font-size: clamp(1.05rem, 1.45vw, 1.35rem) !important;
    font-weight: 900 !important;
    line-height: 1.03 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
}

#donatesPage .donate-body p {
    margin: 0 !important;
    color: var(--pub-text-2, var(--text-secondary)) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

#donatesPage .donate-author {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--pub-text-2, var(--text-secondary)) !important;
    font-weight: 900 !important;
}

#donatesPage .donate-actions {
    position: relative !important;
    z-index: 3 !important;
    margin-top: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

#donatesPage .donate-progress-fill {
    position: absolute !important;
    z-index: 1 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: var(--donate-fill, 0%) !important;
    min-height: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(222, 54, 43, 0.84), rgba(191, 35, 28, 0.96)) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.26) !important;
}

#donatesPage .donate-progress-panel {
    position: relative !important;
    z-index: 3 !important;
    margin: 6px 0 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.36) !important;
}

#donatesPage .donate-progress-percent strong {
    display: block !important;
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: clamp(2.35rem, 5vw, 3.8rem) !important;
    line-height: 0.9 !important;
    font-weight: 1000 !important;
    letter-spacing: -0.05em !important;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.35) !important;
}

#donatesPage .donate-progress-stats {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
}

#donatesPage .donate-progress-stats span {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

#donatesPage .donate-progress-stats strong {
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 1000 !important;
    white-space: nowrap !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.34) !important;
}

#donatesPage .donate-progress-stats small {
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 0.68rem !important;
    font-weight: 1000 !important;
    letter-spacing: 0.035em !important;
    text-transform: uppercase !important;
}

#donatesPage .donate-status,
#donatesPage .donate-pin-badge {
    border-radius: 0 !important;
    color: #fff !important;
    background: rgba(27, 31, 35, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-left: 4px solid var(--pub-accent, #d52a24) !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.18) !important;
    text-transform: uppercase !important;
}

#donatesPage .donate-pin-badge {
    color: #fff !important;
    border-left-color: #f0c24a !important;
}

body.light #donatesPage .donate-card {
    color: #17191b !important;
    background: linear-gradient(180deg, #f1eee5, #e6e0d2) !important;
    border-color: #a8a092 !important;
    box-shadow: 4px 4px 0 rgba(41, 34, 24, 0.16) !important;
}

body.light #donatesPage .donate-body h3,
body.light #donatesPage .donate-author,
body.light #donatesPage .donate-body p {
    color: #17191b !important;
}

.pinned-donate-spotlight {
    right: 18px !important;
    bottom: 82px !important;
    z-index: 1300 !important;
    width: min(360px, calc(100vw - 28px)) !important;
}

.pinned-donate-card {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    color: var(--pub-text, #fff) !important;
    background: linear-gradient(180deg, var(--pub-surface-3, #202428), var(--pub-surface-2, #15191d)) !important;
    border: 1px solid var(--pub-line, #3d4248) !important;
    border-left: 5px solid #f0c24a !important;
    border-radius: 0 !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,.26) !important;
}

.pinned-donate-ribbon {
    display: block !important;
    padding: 7px 10px !important;
    color: #17130a !important;
    background: #f0c24a !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
}

.pinned-donate-main {
    padding: 10px !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
}

.pinned-donate-preview {
    width: 56px !important;
    height: 42px !important;
    overflow: hidden !important;
    background: #090b0d !important;
    border: 1px solid var(--pub-line, #3d4248) !important;
}

.pinned-donate-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.pinned-donate-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.pinned-donate-copy strong,
.pinned-donate-copy small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.pinned-donate-action {
    padding: 7px 9px !important;
    color: #fff !important;
    background: var(--pub-accent, #d52a24) !important;
    border: 1px solid var(--pub-accent-dark, #991a15) !important;
    font-size: 0.72rem !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
}

.search-section {
    position: relative !important;
}

.global-search-results:not(.hidden) {
    display: block !important;
}

.global-search-results {
    position: absolute !important;
    z-index: 99999 !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    max-height: min(72vh, 620px) !important;
    overflow-y: auto !important;
    color: #edf0f2 !important;
    background: #111416 !important;
    border: 1px solid #4a5055 !important;
    border-top: 4px solid var(--accent, #d52a24) !important;
    box-shadow: 0 22px 48px rgba(0,0,0,.62) !important;
}

.global-search-head {
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: #1a1e22 !important;
    border-bottom: 1px solid #343a3f !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
}

.global-search-result {
    width: 100% !important;
    min-height: 70px !important;
    padding: 9px 11px !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 11px !important;
    color: #edf0f2 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #2f3438 !important;
    text-align: left !important;
    cursor: pointer !important;
}

.global-search-result:hover,
.global-search-result.keyboard-active {
    background: #252a2e !important;
    box-shadow: inset 4px 0 0 var(--accent, #d52a24) !important;
}

.global-search-result > img {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    background: #0b0d0f !important;
    border: 1px solid #555b60 !important;
}

.global-search-result-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.global-search-result-copy strong,
.global-search-result-copy small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.global-search-result-copy strong {
    color: #fff !important;
    font-weight: 1000 !important;
}

.global-search-result-copy small,
.global-search-result-type,
.global-search-source-badge {
    color: #b8bdc1 !important;
}

.global-search-result-side {
    display: inline-flex !important;
    align-items: flex-end !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.global-search-source-badge {
    padding: 3px 6px !important;
    background: #202428 !important;
    border: 1px solid #3b4045 !important;
    font-size: 0.62rem !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
}

.global-search-result mark {
    color: #fff !important;
    background: rgba(213,42,36,.82) !important;
    padding: 0 2px !important;
}

.global-search-loading,
.global-search-empty {
    min-height: 92px !important;
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 8px !important;
    color: #c4c9ce !important;
    text-align: center !important;
}

body.light .global-search-results {
    color: #17191b !important;
    background: #fffaf0 !important;
    border-color: #aaa194 !important;
    border-top-color: #c92a20 !important;
    box-shadow: 0 18px 36px rgba(35, 31, 24, 0.18) !important;
}

body.light .global-search-head,
body.light .global-search-result:hover,
body.light .global-search-result.keyboard-active {
    color: #17191b !important;
    background: #eee7d9 !important;
}

body.light .global-search-result,
body.light .global-search-result-copy strong {
    color: #17191b !important;
}

body.light .global-search-result-copy small,
body.light .global-search-result-type,
body.light .global-search-source-badge {
    color: #55504a !important;
}

body.light .global-search-source-badge {
    background: #fff7e8 !important;
    border-color: #aaa194 !important;
}

#videosPage .video-card-footer .star-rating,
.video-card-footer .star-rating,
.star-rating {
    min-height: 0 !important;
    padding: 0 !important;
    gap: 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

#videosPage .video-card-footer .rating-star,
.video-card-footer .rating-star,
.rating-star {
    width: 18px !important;
    min-width: 18px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 !important;
    color: #373b40 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

#videosPage .video-card-footer .rating-star i,
.video-card-footer .rating-star i,
.rating-star i {
    font-size: 0.9rem !important;
    color: currentColor !important;
    text-shadow: none !important;
}

#videosPage .video-card-footer .rating-star.active,
.video-card-footer .rating-star.active,
.rating-star.active {
    color: #e5e7eb !important;
    filter: none !important;
}

#videosPage .video-card-footer .rating-star:hover,
.video-card-footer .rating-star:hover,
.rating-star:hover {
    color: #f2f4f6 !important;
    transform: none !important;
}

#videosPage .video-card-footer .rating-value,
.video-card-footer .rating-value,
.rating-value {
    margin-left: 8px !important;
    padding-left: 0 !important;
    border: 0 !important;
    color: var(--pub-muted, var(--text-muted)) !important;
}

body.light #videosPage .video-card-footer .rating-star,
body.light .video-card-footer .rating-star,
body.light .rating-star {
    color: #77736c !important;
}

body.light #videosPage .video-card-footer .rating-star.active,
body.light .video-card-footer .rating-star.active,
body.light .rating-star.active {
    color: #d7d5cf !important;
}

@media (max-width: 900px) {
    :is(#feedPage, #donatesPage, #giveawaysPage) .controls.page-control-panel .controls-row,
    #donatesControls .controls-row {
        align-items: stretch !important;
        flex-direction: column !important;
    }
    #donatesControls .filter-action-group,
    #giveawaysControls .filter-action-group,
    #feedControls .filter-action-group {
        width: 100% !important;
        justify-content: stretch !important;
    }
    #donatesControls .add-video-btn,
    #giveawaysControls .add-video-btn,
    #feedControls .add-video-btn {
        width: 100% !important;
    }
    #donatesPage .donates-grid {
        grid-template-columns: 1fr !important;
    }
}

#feedControls.hidden,
#feedControls .hidden,
.donates-toolbar-actions.hidden,
.giveaways-toolbar-actions .hidden,
#openCreateGiveawayBtn.hidden,
#openAddDonateBtn.hidden,
#feedCreatePostBtn.hidden,
#feedDraftsBtn.hidden,
#feedModerationModeBtn.hidden {
    display: none !important;
}

#feedControls .feed-control-spacer,
#feedControls .page-control-info,
#feedControls .control-note-badge,
#feedControls .control-note-text {
    display: none !important;
}

#feedControls .controls-row,
#donatesControls .controls-row,
#giveawaysControls .controls-row {
    align-items: center !important;
}

#donatesControls .donates-toolbar-actions {
    align-self: center !important;
    align-items: center !important;
    margin: 0 !important;
}

#donatesControls .donate-toolbar-add {
    align-self: center !important;
    margin: 0 !important;
    transform: none !important;
}

#donatesPage .donate-card {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

#donatesPage .donate-progress-fill {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: var(--donate-fill, 0%) !important;
    min-height: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(246, 61, 44, .82) 0%, rgba(205, 39, 31, .96) 100%) !important;
    transition: height .55s cubic-bezier(.2,.8,.2,1) !important;
}

#donatesPage .donate-preview-wrap,
#donatesPage .donate-pin-badge,
#donatesPage .donate-status,
#donatesPage .donate-body,
#donatesPage .donate-actions {
    position: relative !important;
    z-index: 2 !important;
}

#donatesPage .donate-preview-wrap {
    z-index: 3 !important;
}

#donatesPage .donate-body {
    background: transparent !important;
}

#donatesPage .donate-progress-panel {
    position: relative !important;
    z-index: 3 !important;
}

#donatesPage .donate-card:not(:has(.donate-progress-fill)) .donate-progress-panel {
    display: none !important;
}

.pinned-donate-spotlight {
    position: fixed !important;
    right: 18px !important;
    bottom: 88px !important;
    z-index: 70 !important;
    width: min(340px, calc(100vw - 28px)) !important;
    transform: translateY(0) !important;
}

.pinned-donate-spotlight.hidden {
    display: none !important;
}

.pinned-donate-card {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px 10px !important;
    width: 100% !important;
    padding: 10px !important;
    border: 2px solid var(--pub-line, rgba(255,255,255,.18)) !important;
    border-left: 2px solid var(--pub-line, rgba(255,255,255,.18)) !important;
    border-radius: 0 !important;
    background: var(--pub-surface, #17191b) !important;
    color: var(--pub-text, #f2f3f4) !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,.30) !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease !important;
    overflow: visible !important;
}

.pinned-donate-card:hover {
    transform: translate(-2px, -2px) !important;
    border-color: var(--pub-accent, #d4251d) !important;
    box-shadow: 8px 8px 0 rgba(0,0,0,.34) !important;
}

.pinned-donate-card:active {
    transform: translate(1px, 1px) !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,.34) !important;
}

.pinned-donate-ribbon {
    grid-column: 1 / -1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: max-content !important;
    max-width: 100% !important;
    padding: 4px 7px !important;
    background: var(--pub-accent, #d4251d) !important;
    color: #fff !important;
    font-size: .68rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.pinned-donate-main {
    display: flex !important;
    gap: 10px !important;
    min-width: 0 !important;
    align-items: center !important;
    padding: 0 !important;
}

.pinned-donate-preview {
    display: grid !important;
    place-items: center !important;
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;
    border: 1px solid var(--pub-line, rgba(255,255,255,.18)) !important;
    background: var(--pub-surface-2, rgba(255,255,255,.06)) !important;
    overflow: hidden !important;
}

.pinned-donate-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.pinned-donate-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

.pinned-donate-copy strong,
.pinned-donate-copy small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
}

.pinned-donate-copy strong {
    -webkit-line-clamp: 1 !important;
    font-weight: 900 !important;
    color: var(--pub-text, #f2f3f4) !important;
}

.pinned-donate-copy small {
    -webkit-line-clamp: 2 !important;
    color: var(--pub-text-2, #bfc4c9) !important;
    line-height: 1.25 !important;
}

.pinned-donate-action {
    align-self: center !important;
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1px solid var(--pub-line, rgba(255,255,255,.18)) !important;
    color: var(--pub-accent, #d4251d) !important;
    background: transparent !important;
    font-size: 0 !important;
}

.pinned-donate-action::before {
    content: "↗" !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

body.light .pinned-donate-card {
    background: #f4f1e8 !important;
    color: #17191b !important;
    border-color: #a8a092 !important;
    box-shadow: 6px 6px 0 rgba(41, 34, 24, .16) !important;
}

body.light .pinned-donate-preview,
body.light .pinned-donate-action {
    border-color: #b8b0a0 !important;
    background: rgba(255,255,255,.45) !important;
}

body.light .pinned-donate-copy strong { color: #17191b !important; }
body.light .pinned-donate-copy small { color: #4f514f !important; }

@media (max-width: 680px) {
    .pinned-donate-spotlight {
        right: 12px !important;
        bottom: 78px !important;
        width: min(320px, calc(100vw - 24px)) !important;
    }
}

.pinned-donate-spotlight {
    position: fixed !important;
    right: 18px !important;
    bottom: 88px !important;
    z-index: 70 !important;
    width: min(340px, calc(100vw - 28px)) !important;
    transform: translateY(0) !important;
}

.pinned-donate-spotlight.hidden {
    display: none !important;
}

.pinned-donate-card {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px 10px !important;
    width: 100% !important;
    padding: 10px !important;
    border: 2px solid var(--pub-line, rgba(255,255,255,.18)) !important;
    border-radius: 0 !important;
    background: var(--pub-surface, #17191b) !important;
    color: var(--pub-text, #f2f3f4) !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,.30) !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease !important;
}

.pinned-donate-card:hover {
    transform: translate(-2px, -2px) !important;
    border-color: var(--pub-accent, #d4251d) !important;
    box-shadow: 8px 8px 0 rgba(0,0,0,.34) !important;
}

.pinned-donate-card:active {
    transform: translate(1px, 1px) !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,.34) !important;
}

.pinned-donate-ribbon {
    grid-column: 1 / -1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: max-content !important;
    max-width: 100% !important;
    padding: 4px 7px !important;
    background: var(--pub-accent, #d4251d) !important;
    color: #fff !important;
    font-size: .68rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.pinned-donate-main {
    display: flex !important;
    gap: 10px !important;
    min-width: 0 !important;
    align-items: center !important;
}

.pinned-donate-preview {
    display: grid !important;
    place-items: center !important;
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;
    border: 1px solid var(--pub-line, rgba(255,255,255,.18)) !important;
    background: var(--pub-surface-2, rgba(255,255,255,.06)) !important;
    overflow: hidden !important;
}

.pinned-donate-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.pinned-donate-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

.pinned-donate-copy strong,
.pinned-donate-copy small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
}

.pinned-donate-copy strong {
    -webkit-line-clamp: 1 !important;
    font-weight: 900 !important;
    color: var(--pub-text, #f2f3f4) !important;
}

.pinned-donate-copy small {
    -webkit-line-clamp: 2 !important;
    color: var(--pub-text-2, #bfc4c9) !important;
    line-height: 1.25 !important;
}

.pinned-donate-action {
    align-self: center !important;
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid var(--pub-line, rgba(255,255,255,.18)) !important;
    color: var(--pub-accent, #d4251d) !important;
    background: transparent !important;
    font-size: 0 !important;
}

.pinned-donate-action::before {
    content: '\f061' !important;
    display: block !important;
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

body.light .pinned-donate-card,
body.light .pinned-donate-preview,
body.light .pinned-donate-action {
    color: var(--pub-text, #1e2226) !important;
    background-color: var(--pub-surface, #fff) !important;
    border-color: var(--pub-line, #c7c2b8) !important;
}

body.light .pinned-donate-copy strong {
    color: var(--pub-text, #1e2226) !important;
}

body.light .pinned-donate-copy small {
    color: var(--pub-text-2, #5f6469) !important;
}

#feedControlActions.hidden,
#feedControls .filter-action-group.hidden,
.feed-control-actions.hidden,
.donates-toolbar-actions.hidden,
.giveaways-toolbar-actions .hidden,
#openAddDonateBtn.hidden,
#openCreateGiveawayBtn.hidden,
#feedCreatePostBtn.hidden,
#feedDraftsBtn.hidden,
#feedModerationModeBtn.hidden,
[data-feed-filter="my"].hidden {
    display: none !important;
}

#feedControls .feed-filters {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
}

#feedControls .controls-row,
#donatesControls .controls-row,
#giveawaysControls .controls-row {
    align-items: center !important;
}

@media (max-width: 860px) {
    .pinned-donate-spotlight {
        right: 10px !important;
        bottom: 78px !important;
        width: min(320px, calc(100vw - 20px)) !important;
    }
}

.pinned-donate-action { font-size: inherit !important; overflow: hidden !important; }
.pinned-donate-action::before { content: none !important; display: none !important; }

#donatesPage .donates-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}
#donatesPage .donate-card,
#donatesPage .donate-card-restored{
    position:relative !important;
    display:block !important;
    overflow:hidden !important;
    min-height:0 !important;
    background:var(--bg-card, var(--pub-surface, #17191b)) !important;
    border:1px solid var(--border, rgba(255,255,255,.14)) !important;
    border-radius:var(--radius-lg, 0) !important;
    box-shadow:none !important;
    transform:none !important;
    isolation:auto !important;
}
#donatesPage .donate-card:hover,
#donatesPage .donate-card-restored:hover{
    transform:translateY(-4px) !important;
    border-color:var(--accent, var(--pub-accent, #d4251d)) !important;
    box-shadow:var(--shadow-lg, 0 18px 42px rgba(0,0,0,.24)) !important;
}
#donatesPage .donate-card::before,
#donatesPage .donate-card::after,
#donatesPage .donate-progress-fill,
#donatesPage .donate-progress-panel{display:none !important; content:none !important;}
#donatesPage .donate-preview-wrap{
    position:relative !important;
    display:block !important;
    width:100% !important;
    aspect-ratio:16/9 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#000 !important;
}
#donatesPage .donate-preview{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    border:0 !important;
    border-radius:0 !important;
    opacity:1 !important;
    filter:none !important;
}
#donatesPage .donate-body{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    padding:15px !important;
    background:transparent !important;
}
#donatesPage .donate-pin-badge{
    position:absolute !important;
    top:10px !important;
    left:10px !important;
    right:auto !important;
    bottom:auto !important;
    z-index:5 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    width:auto !important;
    max-width:calc(100% - 20px) !important;
    padding:5px 9px !important;
    border:0 !important;
    border-radius:999px !important;
    background:rgba(0,0,0,.65) !important;
    color:#facc15 !important;
    font-size:.75rem !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    transform:none !important;
}
#donatesPage .donate-status{
    position:absolute !important;
    right:10px !important;
    bottom:10px !important;
    left:auto !important;
    top:auto !important;
    z-index:5 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    padding:5px 9px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#22c55e !important;
    color:#fff !important;
    font-size:.75rem !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    box-shadow:none !important;
}
#donatesPage .donate-status.status-closed{background:#64748b !important;color:#fff !important;}
#donatesPage .donate-status.status-completed{background:#7c3aed !important;color:#fff !important;}
#donatesPage .donate-muted{filter:grayscale(1) !important;opacity:.72 !important;}
#donatesPage .donate-muted:hover{opacity:.82 !important;}
#donatesPage .donate-author{display:flex !important;align-items:center !important;gap:8px !important;margin-bottom:10px !important;color:var(--text-secondary, var(--pub-text-2,#bfc4c9)) !important;font-size:.88rem !important;font-weight:800 !important;}
#donatesPage .donate-body h3{margin:0 0 8px !important;color:var(--text-primary,var(--pub-text,#f2f3f4)) !important;font-size:1.08rem !important;font-weight:900 !important;line-height:1.2 !important;}
#donatesPage .donate-body p{margin:0 0 14px !important;color:var(--text-secondary,var(--pub-text-2,#bfc4c9)) !important;line-height:1.45 !important;}
#donatesPage .donate-actions{display:flex !important;flex-wrap:wrap !important;gap:8px !important;align-items:center !important;margin-top:14px !important;}
#donatesPage .donate-progress-restored,
#donatesPage .donate-progress{position:relative !important;display:block !important;margin-top:14px !important;margin-bottom:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
#donatesPage .donate-progress-top{display:flex !important;justify-content:space-between !important;gap:10px !important;margin-bottom:7px !important;color:var(--text-secondary,var(--pub-text-2,#bfc4c9)) !important;font-size:.82rem !important;font-weight:800 !important;}
#donatesPage .donate-progress-bar{display:block !important;width:100% !important;height:10px !important;overflow:hidden !important;border-radius:999px !important;background:rgba(148,163,184,.18) !important;}
#donatesPage .donate-progress-bar div{display:block !important;height:100% !important;border-radius:999px !important;background:linear-gradient(135deg,#22c55e,#84cc16) !important;box-shadow:0 0 14px rgba(34,197,94,.35) !important;}
#donatesPage .donate-progress-percent{margin-top:6px !important;color:var(--text-muted,var(--pub-text-3,#8d949b)) !important;font-size:.78rem !important;}
body.light #donatesPage .donate-card,
body.light #donatesPage .donate-card-restored{background:#fff !important;border-color:#d7d7d7 !important;color:#17191b !important;}
body.light #donatesPage .donate-body h3{color:#17191b !important;}
body.light #donatesPage .donate-body p,
body.light #donatesPage .donate-author{color:#4f5459 !important;}

.pinned-donate-spotlight{
    position:fixed !important;
    right:18px !important;
    bottom:88px !important;
    z-index:1300 !important;
    width:min(340px, calc(100vw - 28px)) !important;
    transform:translateY(0) !important;
}
.pinned-donate-spotlight.hidden{display:none !important;}
.pinned-donate-card,
.pinned-donate-card-restored{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:8px 10px !important;
    width:100% !important;
    padding:10px !important;
    border:2px solid var(--pub-line, rgba(255,255,255,.18)) !important;
    border-radius:0 !important;
    background:var(--pub-surface, #17191b) !important;
    color:var(--pub-text, #f2f3f4) !important;
    box-shadow:6px 6px 0 rgba(0,0,0,.30) !important;
    text-align:left !important;
    cursor:pointer !important;
    overflow:hidden !important;
}
.pinned-donate-card:hover,
.pinned-donate-card-restored:hover{transform:translate(-2px,-2px) !important;border-color:var(--pub-accent,#d4251d) !important;box-shadow:8px 8px 0 rgba(0,0,0,.34) !important;}
.pinned-donate-card:active,
.pinned-donate-card-restored:active{transform:translate(1px,1px) !important;box-shadow:3px 3px 0 rgba(0,0,0,.34) !important;}
.pinned-donate-ribbon{
    grid-column:1 / -1 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    width:max-content !important;
    max-width:100% !important;
    padding:4px 7px !important;
    border:0 !important;
    border-radius:0 !important;
    background:var(--pub-accent,#d4251d) !important;
    color:#fff !important;
    font-size:.68rem !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
}
.pinned-donate-main{display:flex !important;gap:10px !important;min-width:0 !important;align-items:center !important;}
.pinned-donate-preview{display:grid !important;place-items:center !important;width:54px !important;height:54px !important;flex:0 0 54px !important;border:1px solid var(--pub-line,rgba(255,255,255,.18)) !important;background:var(--pub-surface-2,rgba(255,255,255,.06)) !important;overflow:hidden !important;}
.pinned-donate-preview img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.pinned-donate-copy{min-width:0 !important;display:grid !important;gap:3px !important;}
.pinned-donate-copy strong,
.pinned-donate-copy small{overflow:hidden !important;text-overflow:ellipsis !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;white-space:normal !important;}
.pinned-donate-copy strong{-webkit-line-clamp:1 !important;font-weight:900 !important;color:var(--pub-text,#f2f3f4) !important;}
.pinned-donate-copy small{-webkit-line-clamp:2 !important;color:var(--pub-text-2,#bfc4c9) !important;line-height:1.25 !important;}
.pinned-donate-action{align-self:center !important;display:grid !important;place-items:center !important;width:34px !important;height:34px !important;padding:0 !important;border:1px solid var(--pub-line,rgba(255,255,255,.18)) !important;background:transparent !important;color:var(--pub-accent,#d4251d) !important;font-size:0 !important;overflow:hidden !important;}
.pinned-donate-action::before{content:'›' !important;font-size:1.35rem !important;font-weight:900 !important;line-height:1 !important;}
body.light .pinned-donate-card,
body.light .pinned-donate-card-restored{background:#fff !important;color:#17191b !important;border-color:#d7d7d7 !important;box-shadow:6px 6px 0 rgba(0,0,0,.12) !important;}
body.light .pinned-donate-preview,
body.light .pinned-donate-action{border-color:#d7d7d7 !important;background:#f4f4f2 !important;}
body.light .pinned-donate-copy strong{color:#17191b !important;}
body.light .pinned-donate-copy small{color:#555 !important;}

:root{
    --radius:0 !important;
    --radius-xs:0 !important;
    --radius-sm:0 !important;
    --radius-md:0 !important;
    --radius-lg:0 !important;
    --radius-xl:0 !important;
    --radius-2xl:0 !important;
    --pub-radius:0 !important;
    --pub-radius-sm:0 !important;
    --pub-radius-md:0 !important;
    --pub-radius-lg:0 !important;
    --pub-radius-xl:0 !important;
}

:is(
    .controls,.page-control-panel,.controls-row,.filters,.filter-action-group,
    .filter-btn,.sort-pill,.add-video-btn,.btn,button,a.button,
    input,textarea,select,.form-control,.form-group,.input-wrapper,
    .modal,.modal-content,.modal-body,.modal-header,.dialog,.dropdown,.dropdown-menu,
    .video-card,.video-item,.feed-post,.feed-card,.post-card,.giveaway-card,.winner-card,
    .donate-card,.donate-card-restored,.donate-widget,.donates-empty,.giveaways-empty,
    .site-search-panel,.site-search-result,.search-results,.search-result-item,
    .comment,.comment-card,.comment-form,.reply-form,
    .tag,.chip,.badge,.pill,.stat,.metric,.panel,.card,.toolbar,.toast,.notification
){
    border-radius:0 !important;
}

:is(.donate-pin-badge,.donate-status,.pinned-donate-ribbon,.feed-drafts-count,.status-badge,.rating-badge,.user-badge,.control-note-badge){
    border-radius:0 !important;
}

:is(.avatar,.user-avatar,.profile-avatar,.comment-avatar,.author-avatar,.streamer-avatar,.donate-author img,.profile-picture){
    border-radius:50% !important;
}

:is(.filter-btn,.add-video-btn,.btn,button[type="button"],button[type="submit"],.donate-participate-btn){
    min-height:42px;
    border-radius:0 !important;
    text-transform:uppercase;
    letter-spacing:.04em;
}

:is(.controls,.page-control-panel){
    border-radius:0 !important;
}
:is(.controls-row){
    align-items:center !important;
}

#donatesPage .donates-grid{
    align-items:stretch !important;
}
#donatesPage .donate-card,
#donatesPage .donate-card-restored{
    border-radius:0 !important;
    overflow:hidden !important;
}
#donatesPage .donate-preview-wrap,
#donatesPage .donate-preview{
    border-radius:0 !important;
}
#donatesPage .donate-pin-badge,
#donatesPage .donate-status{
    border-radius:0 !important;
}
#donatesPage .donate-progress,
#donatesPage .donate-progress-restored{
    display:block !important;
    margin:16px 0 0 !important;
    padding:10px !important;
    border:1px solid var(--border, rgba(255,255,255,.16)) !important;
    background:rgba(255,255,255,.035) !important;
    box-shadow:inset 4px 0 0 rgba(212,37,29,.55) !important;
    border-radius:0 !important;
}
#donatesPage .donate-progress-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 0 8px !important;
    color:var(--text-secondary,var(--pub-text-2,#bfc4c9)) !important;
    font-size:.78rem !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    letter-spacing:.035em !important;
}
#donatesPage .donate-progress-bar{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:18px !important;
    padding:2px !important;
    overflow:hidden !important;
    border:1px solid var(--border, rgba(255,255,255,.18)) !important;
    border-radius:0 !important;
    background:
      repeating-linear-gradient(45deg, rgba(255,255,255,.055) 0 7px, transparent 7px 14px),
      rgba(0,0,0,.24) !important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.28) !important;
}
#donatesPage .donate-progress-bar > div{
    display:block !important;
    height:100% !important;
    min-width:0 !important;
    border-radius:0 !important;
    background:
      linear-gradient(90deg, rgba(255,255,255,.22), transparent 42%),
      linear-gradient(90deg, #8f1712 0%, #d4251d 58%, #ff4b42 100%) !important;
    box-shadow:0 0 14px rgba(212,37,29,.28) !important;
    transition:width .45s ease !important;
}
#donatesPage .donate-progress-percent{
    margin:7px 0 0 !important;
    color:var(--text-muted,var(--pub-text-3,#8d949b)) !important;
    font-size:.76rem !important;
    font-weight:800 !important;
    text-align:right !important;
    text-transform:uppercase !important;
    letter-spacing:.035em !important;
}
body.light #donatesPage .donate-progress,
body.light #donatesPage .donate-progress-restored{
    background:#f4f4f2 !important;
    border-color:#d7d7d7 !important;
    box-shadow:inset 4px 0 0 rgba(212,37,29,.6) !important;
}
body.light #donatesPage .donate-progress-bar{
    background:
      repeating-linear-gradient(45deg, rgba(0,0,0,.045) 0 7px, transparent 7px 14px),
      #e6e6e2 !important;
    border-color:#cdcdc8 !important;
}
body.light #donatesPage .donate-progress-top{color:#3f4448 !important;}
body.light #donatesPage .donate-progress-percent{color:#64686c !important;}

.pinned-donate-spotlight,
.pinned-donate-card,
.pinned-donate-card-restored,
.pinned-donate-preview,
.pinned-donate-action,
.pinned-donate-ribbon{
    border-radius:0 !important;
}

body.light :is(.controls,.page-control-panel,.site-search-panel,.dropdown-menu,.modal-content,.feed-post,.giveaway-card,.donate-card,.donate-card-restored,.video-card){
    color:#17191b;
}

@media (max-width: 720px){
    #donatesPage .donate-progress-top{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:4px !important;
    }
    #donatesPage .donate-progress-percent{text-align:left !important;}
}

.header-inner{
    grid-template-columns:minmax(210px,270px) minmax(260px,560px) minmax(230px,1fr) !important;
    column-gap:16px !important;
}
.header-center{max-width:560px !important;justify-self:center !important;z-index:80 !important;}
.header-right{min-width:0 !important;max-width:100% !important;overflow:visible !important;}
#userArea,.header-user-panel{min-width:0 !important;max-width:100% !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;}
.header-profile{min-width:0 !important;max-width:min(260px,100%) !important;display:inline-flex !important;}
.header-profile-name{min-width:0 !important;max-width:130px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
@media (max-width: 1100px){
    .header-inner{grid-template-columns:minmax(185px,240px) minmax(220px,1fr) minmax(190px,260px) !important;}
    .header-center{max-width:100% !important;}
    .header-profile-name{max-width:96px !important;}
}
@media (max-width: 820px){
    .header-inner{grid-template-columns:1fr !important;grid-template-rows:auto auto auto auto !important;grid-template-areas:"brand" "search" "user" "nav" !important;}
    .header-center,.header-right,.header-brand{grid-column:1 !important;justify-self:stretch !important;}
    .header-right{justify-content:center !important;}
    .header-profile-name{max-width:160px !important;}
}

.pinned-donate-card{grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;}
.pinned-donate-main{min-width:0 !important;}
.pinned-donate-action{
    width:auto !important;
    min-width:86px !important;
    height:34px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    white-space:nowrap !important;
    font-size:.72rem !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    letter-spacing:.045em !important;
    border-radius:0 !important;
}
@media (max-width:420px){.pinned-donate-action{min-width:38px !important;padding:0 8px !important;}.pinned-donate-action span{display:none !important;}}

#donatesPage .donate-card,
#donatesPage .donate-card-restored{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    border-radius:0 !important;
}
#donatesPage .donate-widget-fill{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:var(--donate-fill,0%) !important;
    min-height:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:linear-gradient(180deg, rgba(255,76,66,.68) 0%, rgba(212,37,29,.84) 48%, rgba(143,23,18,.92) 100%) !important;
    border-top:1px solid rgba(255,255,255,.24) !important;
    box-shadow:0 -14px 30px rgba(212,37,29,.14), inset 0 1px 0 rgba(255,255,255,.22) !important;
    transition:height .55s cubic-bezier(.2,.8,.2,1) !important;
}
#donatesPage .donate-preview-wrap,
#donatesPage .donate-body,
#donatesPage .donate-pin-badge,
#donatesPage .donate-status{
    position:relative !important;
    z-index:3 !important;
}
#donatesPage .donate-body{
    background:transparent !important;
}
#donatesPage .donate-progress-fill-info,
#donatesPage .donate-progress-restored{
    position:relative !important;
    z-index:4 !important;
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    gap:5px 10px !important;
    align-items:end !important;
    margin:12px 0 0 !important;
    padding:10px !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:0 !important;
    background:rgba(0,0,0,.20) !important;
    box-shadow:none !important;
}
#donatesPage .donate-progress-fill-info strong{
    grid-row:1 / span 2 !important;
    color:#fff !important;
    font-size:2.15rem !important;
    line-height:.9 !important;
    font-weight:1000 !important;
    letter-spacing:-.05em !important;
    text-shadow:2px 2px 0 rgba(0,0,0,.34) !important;
}
#donatesPage .donate-progress-fill-info span{
    color:rgba(255,255,255,.88) !important;
    font-size:.76rem !important;
    font-weight:900 !important;
    line-height:1.1 !important;
    text-transform:uppercase !important;
    letter-spacing:.035em !important;
}
#donatesPage .donate-progress-bar,
#donatesPage .donate-progress-top,
#donatesPage .donate-progress-percent{display:none !important;}
body.light #donatesPage .donate-widget-fill{background:linear-gradient(180deg, rgba(255,92,82,.54), rgba(212,37,29,.70) 55%, rgba(143,23,18,.78)) !important;}
body.light #donatesPage .donate-progress-fill-info{background:rgba(255,255,255,.50) !important;border-color:rgba(120,30,24,.26) !important;}
body.light #donatesPage .donate-progress-fill-info strong{color:#fff !important;}
body.light #donatesPage .donate-progress-fill-info span{color:#fff !important;text-shadow:1px 1px 0 rgba(0,0,0,.22) !important;}

.search-section.global-search-ready{position:relative !important;overflow:visible !important;}
#globalSearchResults.global-search-results{
    display:block;
    position:absolute !important;
    top:calc(100% + 9px) !important;
    left:0 !important;
    right:0 !important;
    min-width:min(560px, calc(100vw - 24px)) !important;
    max-height:min(72vh,620px) !important;
    overflow:auto !important;
    z-index:99999 !important;
    border-radius:0 !important;
}
#globalSearchResults.global-search-results.hidden{display:none !important;}
#globalSearchResults .global-search-result{border-radius:0 !important;}
#globalSearchResults .global-search-result img{border-radius:0 !important;}

.pinned-donate-action::before{content:none !important;display:none !important;}
.pinned-donate-action i{font-size:.76rem !important;display:inline-block !important;}
.pinned-donate-action span{display:inline-block !important;}
@media (max-width:420px){.pinned-donate-action span{display:none !important;}}

.header {
    overflow: visible !important;
}
.header-inner {
    display: grid !important;
    grid-template-columns: minmax(240px, auto) minmax(0, 1fr) auto !important;
    grid-template-areas:
        "brand . user"
        "search search search"
        "nav nav nav" !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    gap: 10px 16px !important;
    min-height: 0 !important;
    padding-block: 12px !important;
    overflow: visible !important;
}
.header-brand { grid-area: brand !important; min-width: 0 !important; }
.header-right { grid-area: user !important; justify-self: end !important; min-width: 0 !important; max-width: 100% !important; }
.header-center {
    grid-area: search !important;
    width: min(760px, 100%) !important;
    max-width: 760px !important;
    justify-self: center !important;
    z-index: 2000 !important;
    position: relative !important;
}
.header-nav {
    grid-area: nav !important;
    justify-self: center !important;
    align-self: center !important;
    width: auto !important;
    max-width: 100% !important;
    z-index: 100 !important;
}
.search-section {
    width: 100% !important;
    position: relative !important;
    overflow: visible !important;
}
#userArea, .header-user-panel {
    max-width: 280px !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}
.header-profile, .user-profile-button, .user-menu-button {
    max-width: 280px !important;
    min-width: 0 !important;
}
.header-profile-name, .user-name, .user-display-name {
    max-width: 160px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
@media (max-width: 860px) {
    .header-inner {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "brand"
            "user"
            "search"
            "nav" !important;
    }
    .header-brand, .header-right, .header-center, .header-nav {
        justify-self: stretch !important;
        width: 100% !important;
    }
    .header-right { justify-content: center !important; }
    #userArea, .header-user-panel { justify-content: center !important; max-width: 100% !important; }
}

#globalSearchResults.global-search-results {
    display: block;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-height: min(70vh, 620px) !important;
    overflow: auto !important;
    z-index: 999999 !important;
    border-radius: 0 !important;
    background: var(--pub-surface, #17191b) !important;
    border: 2px solid var(--pub-line, rgba(255,255,255,.18)) !important;
    box-shadow: 8px 8px 0 rgba(0,0,0,.32) !important;
}
#globalSearchResults.global-search-results.hidden { display: none !important; }
.global-search-result, .global-search-head, .global-search-loading, .global-search-empty { border-radius: 0 !important; }
body.light #globalSearchResults.global-search-results {
    background: #f4f1e8 !important;
    color: #17191b !important;
    border-color: #85827b !important;
    box-shadow: 8px 8px 0 rgba(0,0,0,.14) !important;
}

#donatesPage .donates-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}
#donatesPage .donate-card,
#donatesPage .donate-card-restored {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    min-height: 0 !important;
    isolation: isolate !important;
    border-radius: 0 !important;
    background: var(--bg-card, var(--pub-surface, #17191b)) !important;
    border: 1px solid var(--border, rgba(255,255,255,.14)) !important;
    box-shadow: none !important;
    transform: none !important;
}
#donatesPage .donate-card:hover,
#donatesPage .donate-card-restored:hover {
    transform: translateY(-4px) !important;
    border-color: var(--accent, var(--pub-accent, #d4251d)) !important;
    box-shadow: var(--shadow-lg, 0 18px 42px rgba(0,0,0,.24)) !important;
}
#donatesPage .donate-card::before,
#donatesPage .donate-card::after,
#donatesPage .donate-progress-panel,
#donatesPage .donate-progress-bar {
    display: none !important;
    content: none !important;
}
#donatesPage .donate-widget-fill {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: var(--donate-fill, 0%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
        linear-gradient(180deg, rgba(255, 90, 80, .44), rgba(212, 37, 29, .62) 45%, rgba(124, 19, 15, .76)),
        repeating-linear-gradient(135deg, rgba(255,255,255,.12) 0 8px, rgba(255,255,255,0) 8px 16px) !important;
    border-top: 1px solid rgba(255,255,255,.25) !important;
    box-shadow: 0 -12px 26px rgba(212, 37, 29, .18) !important;
    transition: height .55s cubic-bezier(.2,.8,.2,1) !important;
}
#donatesPage .donate-preview-wrap {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    overflow: hidden !important;
    background: #000 !important;
}
#donatesPage .donate-preview {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    filter: none !important;
}
#donatesPage .donate-body {
    position: relative !important;
    z-index: 4 !important;
    display: block !important;
    padding: 15px !important;
    background: transparent !important;
}
#donatesPage .donate-pin-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 10 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    padding: 5px 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(0,0,0,.72) !important;
    color: #facc15 !important;
    font-size: .75rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
#donatesPage .donate-status {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    left: auto !important;
    top: auto !important;
    z-index: 10 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 20px) !important;
    padding: 5px 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #22c55e !important;
    color: #fff !important;
    font-size: .75rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}
#donatesPage .donate-status.status-closed { background: #64748b !important; color: #fff !important; }
#donatesPage .donate-status.status-completed { background: #7c3aed !important; color: #fff !important; }
#donatesPage .donate-progress-restored,
#donatesPage .donate-progress-fill-info,
#donatesPage .donate-progress {
    position: relative !important;
    z-index: 5 !important;
    display: block !important;
    margin: 12px 0 0 !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 0 !important;
    background: rgba(0,0,0,.22) !important;
    box-shadow: none !important;
}
#donatesPage .donate-progress-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,.35) !important;
}
#donatesPage .donate-progress-percent {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(255,255,255,.86) !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,.35) !important;
}
#donatesPage .donate-progress-fill-info strong { font-size: inherit !important; line-height: inherit !important; color: inherit !important; text-shadow: none !important; }
#donatesPage .donate-muted { filter: grayscale(1) !important; opacity: .72 !important; }
#donatesPage .donate-muted:hover { opacity: .82 !important; }
body.light #donatesPage .donate-card,
body.light #donatesPage .donate-card-restored { background: #fff !important; border-color: #d7d7d7 !important; color: #17191b !important; }
body.light #donatesPage .donate-widget-fill { background: linear-gradient(180deg, rgba(255, 90, 80, .34), rgba(212,37,29,.52) 50%, rgba(124,19,15,.66)) !important; }
body.light #donatesPage .donate-body h3 { color: #17191b !important; }
body.light #donatesPage .donate-body p,
body.light #donatesPage .donate-author { color: #4f5459 !important; }

.pinned-donate-spotlight { right: 18px !important; bottom: 88px !important; z-index: 1300 !important; width: min(340px, calc(100vw - 28px)) !important; }
.pinned-donate-card,
.pinned-donate-card-restored {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px 10px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}
.pinned-donate-main { min-width: 0 !important; }
.pinned-donate-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 78px !important;
    height: 32px !important;
    padding: 0 10px !important;
    border-radius: 0 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-align: center !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}
.pinned-donate-action::before { content: none !important; display: none !important; }
@media (max-width: 420px) {
    .pinned-donate-action { min-width: 0 !important; }
}

.header{
    position: relative !important;
    z-index: 5000 !important;
    overflow: visible !important;
}
.header .header-inner{
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, auto) !important;
    grid-template-areas:
        "brand user"
        "search search"
        "nav nav" !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 8px 16px !important;
    width: min(100%, 1240px) !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 12px 18px 14px !important;
    min-height: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
.header .header-brand{
    grid-area: brand !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    justify-self: start !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
}
.header .logo{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    line-height: 1 !important;
}
.header .logo-live-link{
    flex: 0 0 auto !important;
    width: 54px !important;
    height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}
.header .logo-live-link .logo-avatar,
.header .logo-avatar{
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 54px !important;
    border-radius: 0 !important;
}
.header .industrial-logo{
    min-width: 0 !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: hidden !important;
}
.header .industrial-logo-copy{
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.header .industrial-logo-name,
.header .industrial-logo-text{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: .95 !important;
}
.header .industrial-logo-subtitle{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.15 !important;
}
.header .header-right{
    grid-area: user !important;
    justify-self: end !important;
    align-self: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    z-index: 30 !important;
}
.header #userArea,
.header .header-user-panel{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    max-width: min(360px, 100%) !important;
    width: auto !important;
    overflow: visible !important;
}
.header .header-profile,
.header .twitch-login-btn,
.header .user-profile-button,
.header .user-menu-button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    max-width: min(340px, 100%) !important;
    width: auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    flex: 0 1 auto !important;
    border-radius: 0 !important;
}
.header .header-profile-name,
.header .user-name,
.header .user-display-name{
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 170px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.header .header-center{
    grid-area: search !important;
    justify-self: center !important;
    align-self: center !important;
    width: min(760px, 100%) !important;
    max-width: 760px !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 10000 !important;
    margin: 0 !important;
}
.header .search-section{
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}
.header .search-section input,
.header .search-section input[type="search"]{
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}
.header .header-nav,
.header .header-inner > .header-nav,
.header #mainNavigation{
    grid-area: nav !important;
    justify-self: center !important;
    align-self: center !important;
    width: auto !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    z-index: 100 !important;
    border-radius: 0 !important;
}
.header .nav-tab{
    flex: 0 0 auto !important;
    border-radius: 0 !important;
}
.header #globalSearchResults.global-search-results{
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-height: min(70vh, 620px) !important;
    overflow: auto !important;
    z-index: 2147483000 !important;
    border-radius: 0 !important;
}
.header #globalSearchResults.global-search-results.hidden{
    display: none !important;
}
@media (max-width: 980px){
    .header .header-inner{
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px 12px !important;
        padding-inline: 12px !important;
    }
    .header .logo-live-link,
    .header .logo-live-link .logo-avatar,
    .header .logo-avatar{
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        max-width: 46px !important;
        max-height: 46px !important;
        flex-basis: 46px !important;
    }
    .header .industrial-logo-subtitle{display:none !important;}
    .header .header-profile-name,
    .header .user-name,
    .header .user-display-name{max-width: 120px !important;}
}
@media (max-width: 720px){
    .header .header-inner{
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "brand"
            "user"
            "search"
            "nav" !important;
        gap: 8px !important;
        padding: 10px 10px 12px !important;
    }
    .header .header-brand,
    .header .header-right,
    .header .header-center,
    .header .header-nav{
        justify-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .header .header-brand,
    .header .header-right,
    .header #userArea,
    .header .header-user-panel{
        justify-content: center !important;
    }
    .header .industrial-logo-name,
    .header .industrial-logo-text{
        max-width: calc(100vw - 104px) !important;
    }
    .header .search-section{height: 44px !important;}
    .header .header-nav,
    .header #mainNavigation{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }
    .header .nav-tab{
        width: 100% !important;
        justify-content: center !important;
    }
}
@media (max-width: 420px){
    .header .industrial-logo-signal{display:none !important;}
    .header .industrial-logo-name,
    .header .industrial-logo-text{font-size: 1.06rem !important;}
    .header .header-profile-name,
    .header .user-name,
    .header .user-display-name{max-width: 150px !important;}
}

.header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    overflow: visible !important;
}

.header-inner,
.header .header-inner {
    width: 100% !important;
    max-width: 1580px !important;
    min-height: 118px !important;
    margin: 0 auto !important;
    padding: 12px 28px 8px !important;
    display: grid !important;
    grid-template-columns: 330px minmax(320px, 1fr) auto !important;
    grid-template-rows: 60px 38px !important;
    grid-template-areas: none !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 7px 22px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.header-brand,
.header .header-brand {
    grid-area: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    width: auto !important;
    max-width: 330px !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

.header .logo,
.logo {
    position: static !important;
    top: auto !important;
    width: fit-content !important;
    max-width: 320px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    overflow: visible !important;
    line-height: 1 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.header .logo-live-link,
.logo-live-link {
    position: relative !important;
    flex: 0 0 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    text-decoration: none !important;
}

.header .logo-live-link .logo-avatar,
.header .logo-avatar,
.logo-avatar,
.logo > img {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    flex: 0 0 54px !important;
    flex-basis: 54px !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
}

.header .logo-live-dot,
.logo-live-dot {
    position: absolute !important;
    width: 13px !important;
    height: 13px !important;
    right: 2px !important;
    bottom: 3px !important;
    border-radius: 50% !important;
}

.header .industrial-logo,
.industrial-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    max-width: 240px !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.header .industrial-logo-signal,
.industrial-logo-signal {
    width: 10px !important;
    height: 45px !important;
    flex: 0 0 10px !important;
}

.header .industrial-logo-copy,
.industrial-logo-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.header .industrial-logo-name,
.header .industrial-logo-text,
.industrial-logo-name,
.industrial-logo-text,
.logo-text,
.logo > span {
    font-size: 1.56rem !important;
    line-height: .95 !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.header .industrial-logo-subtitle,
.industrial-logo-subtitle {
    font-size: 0.79rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0.17em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.header-center,
.header .header-center {
    grid-area: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    justify-self: center !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 680px !important;
    min-width: 0 !important;
    margin: 0 !important;
    z-index: 1200 !important;
    overflow: visible !important;
}

.header .search-section,
.header-center .search-section,
.search-section {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.header .search-section input,
.header .search-section input[type="search"],
.header-center .search-section input,
.header-center .search-section input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

.header-right,
.header .header-right {
    grid-area: auto !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 380px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    z-index: 1100 !important;
}

.header #userArea,
.header .user-area,
.header .header-user-panel {
    width: auto !important;
    min-width: 0 !important;
    max-width: 380px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    transform: none !important;
}

.header .header-profile,
.header .twitch-login-btn,
.header .user-profile-button,
.header .user-menu-button {
    max-width: 360px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.header .header-profile-name,
.header .user-name,
.header .user-display-name {
    max-width: 190px !important;
    min-width: 0 !important;
    display: inline-block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.header-nav,
.header .header-nav,
.header-inner > .header-nav,
.header .header-inner > .header-nav,
#mainNavigation,
.header #mainNavigation {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    align-self: end !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 32px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    border-radius: 0 !important;
    z-index: 1000 !important;
}

.header .nav-tab,
.nav-tab {
    flex: 0 0 auto !important;
    min-width: 110px !important;
    min-height: 30px !important;
    padding: 6px 18px !important;
    border-radius: 0 !important;
}

.header #globalSearchResults.global-search-results,
#globalSearchResults.global-search-results {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-height: min(68vh, 560px) !important;
    overflow-y: auto !important;
    z-index: 2147483000 !important;
    border-radius: 0 !important;
}

#globalSearchResults.global-search-results.hidden {
    display: none !important;
}

.site-mini-footer {
    position: fixed !important;
    left: 50% !important;
    bottom: 12px !important;
    z-index: 3500 !important;
    width: min(680px, calc(100vw - 24px)) !important;
    display: block !important;
    color: var(--pub-text) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate(-50%, 18px) !important;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease !important;
}
.site-mini-footer.is-visible,
body.site-mini-footer-force .site-mini-footer {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
}
.site-mini-footer-inner {
    min-height: 46px !important;
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    background: color-mix(in srgb, var(--pub-surface) 94%, #000 6%) !important;
    color: var(--pub-text) !important;
    border: 1px solid var(--pub-line) !important;
    border-left: 5px solid var(--pub-accent) !important;
    border-radius: 0 !important;
    box-shadow: var(--pub-shadow-hover) !important;
}
body.light .site-mini-footer-inner {
    background: #f4f1e8 !important;
}
.site-mini-footer-links a,
.site-mini-footer-links button,
.site-mini-footer-mark {
    border-radius: 0 !important;
}

@media (max-width: 1120px) {
    .header-inner,
    .header .header-inner {
        grid-template-columns: minmax(190px, 1fr) auto !important;
        grid-template-rows: 58px 42px 38px !important;
        min-height: 138px !important;
        padding: 10px 14px 8px !important;
        gap: 8px 14px !important;
    }
    .header-brand,
    .header .header-brand {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    .header-right,
    .header .header-right {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
    .header-center,
    .header .header-center {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        max-width: none !important;
    }
    .header-nav,
    .header .header-nav,
    #mainNavigation,
    .header #mainNavigation {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        width: fit-content !important;
        max-width: 100% !important;
    }
    .header .header-profile-name,
    .header .user-name,
    .header .user-display-name {
        max-width: 140px !important;
    }
}

@media (max-width: 720px) {
    .header-inner,
    .header .header-inner {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto auto !important;
        min-height: 0 !important;
        padding: 10px 10px 12px !important;
        gap: 8px !important;
    }
    .header-brand,
    .header .header-brand {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: center !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
    }
    .header-right,
    .header .header-right {
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: center !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
    }
    .header #userArea,
    .header .user-area,
    .header .header-user-panel {
        justify-content: center !important;
        max-width: 100% !important;
    }
    .header-center,
    .header .header-center {
        grid-column: 1 !important;
        grid-row: 3 !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-self: stretch !important;
    }
    .header-nav,
    .header .header-nav,
    #mainNavigation,
    .header #mainNavigation {
        grid-column: 1 !important;
        grid-row: 4 !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        border: 0 !important;
        background: transparent !important;
    }
    .header .nav-tab,
    .nav-tab {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
        border: 1px solid var(--pub-line) !important;
    }
    .site-mini-footer-inner {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .site-mini-footer-links {
        justify-content: center !important;
    }
}

.header,
body .header {
    position: sticky;
    top: 0;
    z-index: 3000;
    overflow: visible !important;
}
.header .header-inner,
.header-inner {
    width: 100% !important;
    max-width: 1580px !important;
    min-height: 96px !important;
    margin: 0 auto !important;
    padding: 12px 24px 8px !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 360px) minmax(360px, 660px) minmax(260px, 420px) !important;
    grid-template-rows: 48px 34px !important;
    grid-template-areas:
        "brand search user"
        "nav nav nav" !important;
    gap: 8px 18px !important;
    align-items: center !important;
    overflow: visible !important;
}
.header .header-brand,
.header-brand {
    grid-area: brand !important;
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}
.header .header-brand .logo,
.header-brand .logo,
h1.logo {
    width: auto !important;
    max-width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: visible !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.header .logo-live-link,
.logo-live-link {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: visible !important;
    border-radius: 0 !important;
}
.header .logo-live-link .logo-avatar,
.header .logo-avatar,
.logo-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 50% !important;
    border: 2px solid #70757a !important;
    box-sizing: border-box !important;
    transform: none !important;
}
.header .industrial-logo,
.industrial-logo {
    min-width: 0 !important;
    max-width: 280px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: hidden !important;
    text-decoration: none !important;
}
.header .industrial-logo-copy,
.industrial-logo-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    overflow: hidden !important;
}
.header .industrial-logo-name,
.header .industrial-logo-text,
.industrial-logo-name,
.industrial-logo-text {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 1.08rem !important;
    line-height: 1 !important;
}
.header .industrial-logo-subtitle,
.industrial-logo-subtitle {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.header .header-center,
.header-center {
    grid-area: search !important;
    width: 100% !important;
    max-width: 660px !important;
    min-width: 0 !important;
    justify-self: center !important;
    align-self: center !important;
    position: relative !important;
    z-index: 3200 !important;
}
.header .search-section,
.search-section {
    width: 100% !important;
    max-width: 660px !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: visible !important;
    border-radius: 0 !important;
}
.header .search-section input,
.search-section input {
    min-width: 0 !important;
    height: 100% !important;
}
.header .header-right,
.header-right {
    grid-area: user !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
}
.header #userArea,
#userArea {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
}
.header .header-user-panel,
.header-user-panel {
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    white-space: nowrap !important;
}
.header .header-profile,
.header-profile {
    min-width: 0 !important;
    max-width: 185px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 3px 8px 3px 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    overflow: hidden !important;
    color: #f2f0e9 !important;
    border-radius: 0 !important;
}
.header .header-profile .feed-card-avatar,
.header .header-profile img,
.header-profile .feed-card-avatar,
.header-profile img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    flex: 0 0 30px !important;
}
.header .header-profile-name,
.header-profile-name {
    min-width: 0 !important;
    max-width: 116px !important;
    display: inline-block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #f2f0e9 !important;
    font-size: .86rem !important;
    line-height: 1 !important;
}
.header .header-role-badge,
.header-role-badge {
    flex: 0 0 auto !important;
    max-width: 24px !important;
    overflow: hidden !important;
}
.header .header-actions-group,
.header-actions-group {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 5px !important;
}
.header .header-icon-btn,
.header .header-theme-btn,
.header .theme-btn,
.header .header-admin-btn,
.header-icon-btn,
.header-theme-btn,
.header-admin-btn {
    flex: 0 0 auto !important;
    border-radius: 0 !important;
}
.header .header-admin-btn span {
    max-width: 92px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.header .twitch-login-btn {
    max-width: 190px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    border-radius: 0 !important;
}
.header .header-nav,
.header-inner > .header-nav,
#mainNavigation {
    grid-area: nav !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    align-self: end !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    border-radius: 0 !important;
}
.header #globalSearchResults.global-search-results,
#globalSearchResults.global-search-results {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2147483500 !important;
    border-radius: 0 !important;
}

#donateGoalAmount,
#donateCurrentAmount,
.donate-detail-progress,
.donate-progress,
.donate-progress-restored,
.donate-progress-fill-info,
.donate-widget-fill,
.donate-progress-panel,
.donate-progress-strip,
.donate-amount-row,
.donate-progress-top,
.donate-progress-percent {
    display: none !important;
}
.donate-card.has-donate-goal,
.donate-card-restored.has-donate-goal {
    background: var(--pub-surface) !important;
}
.donate-card.has-donate-goal::before,
.donate-card.has-donate-goal::after,
.donate-card-restored.has-donate-goal::before,
.donate-card-restored.has-donate-goal::after {
    content: none !important;
    display: none !important;
}

#videosPage .video-card-footer .star-rating,
.video-card-footer .star-rating,
.star-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 26px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
#videosPage .video-card-footer .rating-star,
.video-card-footer .rating-star,
.rating-star {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #40464b !important;
    cursor: pointer !important;
    transform: none !important;
}
#videosPage .video-card-footer .rating-star i,
.video-card-footer .rating-star i,
.rating-star i {
    font-size: 1.05rem !important;
    line-height: 1 !important;
    color: currentColor !important;
    text-shadow: 1px 1px 0 #000 !important;
    transition: color .14s ease, transform .14s ease, filter .14s ease !important;
}
#videosPage .video-card-footer .rating-star.active,
.video-card-footer .rating-star.active,
.rating-star.active {
    color: #eceff2 !important;
}
#videosPage .video-card-footer .rating-star:hover,
#videosPage .video-card-footer .rating-star:focus-visible,
.video-card-footer .rating-star:hover,
.video-card-footer .rating-star:focus-visible,
.rating-star:hover,
.rating-star:focus-visible {
    color: #ffffff !important;
    outline: none !important;
}
#videosPage .video-card-footer .rating-star:hover i,
.video-card-footer .rating-star:hover i,
.rating-star:hover i {
    transform: translateY(-1px) scale(1.08) !important;
    filter: drop-shadow(0 0 5px rgba(255,255,255,.28)) !important;
}
#videosPage .video-card-footer .rating-value,
.video-card-footer .rating-value,
.rating-value {
    margin-left: 7px !important;
    color: var(--pub-text-2, #aeb4ba) !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}
body.light #videosPage .video-card-footer .rating-star,
body.light .video-card-footer .rating-star,
body.light .rating-star {
    color: #b2b7bc !important;
}
body.light #videosPage .video-card-footer .rating-star.active,
body.light .video-card-footer .rating-star.active,
body.light .rating-star.active {
    color: #222426 !important;
}

@media (max-width: 1180px) {
    .header .header-inner,
    .header-inner {
        grid-template-columns: minmax(230px, 1fr) minmax(300px, 1.2fr) minmax(220px, 1fr) !important;
        gap: 8px 12px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .header .industrial-logo,
    .industrial-logo { max-width: 230px !important; }
    .header .header-profile,
    .header-profile { max-width: 155px !important; }
    .header .header-profile-name,
    .header-profile-name { max-width: 92px !important; }
    .header .header-admin-btn span { display: none !important; }
}
@media (max-width: 860px) {
    .header .header-inner,
    .header-inner {
        grid-template-columns: 1fr auto !important;
        grid-template-rows: auto auto auto !important;
        grid-template-areas:
            "brand user"
            "search search"
            "nav nav" !important;
        min-height: 0 !important;
    }
    .header .header-center,
    .header-center {
        max-width: none !important;
        justify-self: stretch !important;
    }
    .header .industrial-logo,
    .industrial-logo { max-width: 230px !important; }
    .header .header-user-panel,
    .header-user-panel { max-width: 100% !important; }
}
@media (max-width: 640px) {
    .header .header-inner,
    .header-inner {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "brand"
            "user"
            "search"
            "nav" !important;
        gap: 8px !important;
    }
    .header .header-brand,
    .header-brand,
    .header .header-right,
    .header-right {
        justify-content: center !important;
    }
    .header .header-nav,
    #mainNavigation {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 6px !important;
    }
    .header .nav-tab,
    .nav-tab {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
    }
}