/* Thème sombre « noir luxe » : généré par scripts/build-dark.mjs, ne pas modifier à la main (retouches dans dark-extra.css). */
html[data-theme="dark"] {
  color-scheme: dark;
  --primary: #c9a96e;
  --secondary: #a98a4f;
  --accent: #d9bd88;
  --light-accent: #7a6a4a;
  --dark: #0b0b0c;
  --background: #131314;
  --background-soft: #0b0b0c;
  --text-title: #f4f1ea;
  --text-body: #cfcbc3;
  --text-muted: #8f8b83;
  --text-faint: #6e6a63;
  --text-dark: #f4f1ea;
  --border: #2a2a2d;
  --border-soft: #222225;
  --grad: linear-gradient(90deg, #b8995f, #d9bd88);
  --grad-diagonal: linear-gradient(135deg, #2b261c 0%, #151311 100%);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-hover: 0 20px 50px rgba(0, 0, 0, 0.6);
  --success: #6fbf8e;
}
html[data-theme="dark"] body { background: #0b0b0c; color: #cfcbc3; }
html[data-theme="dark"] ::selection { background: #c9a96e; color: #17130a; }
/* app.html */
html[data-theme="dark"] button {
  background: none;
}
html[data-theme="dark"] ::selection {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: transparent;
}
html[data-theme="dark"] .btn-primary {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .btn-primary:hover {
  background: #c9a96e;
  color: #17130a;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.33);
}
html[data-theme="dark"] .btn-secondary {
  background: transparent;
  border: 1.5px solid #c9a96e;
  color: #d6b980;
}
html[data-theme="dark"] .btn-secondary:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .btn-gradient {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.33);
}
html[data-theme="dark"] .search-bar:focus-within {
  border-color: #c9a96e;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.10);
}
html[data-theme="dark"] .search-bar svg {
  color: #d6b980;
}
html[data-theme="dark"] .search-bar input {
  background: none;
}
html[data-theme="dark"] .icon-btn {
  color: #d6b980;
  background: transparent;
}
html[data-theme="dark"] .icon-btn:hover {
  color: #d6b980;
}
html[data-theme="dark"] .icon-btn .badge {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .user-avatar:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .tab:hover {
  color: #d6b980;
}
html[data-theme="dark"] .tab.active {
  color: #d6b980;
}
html[data-theme="dark"] .tab.active::after {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .community-info .url {
  color: #d6b980;
}
html[data-theme="dark"] .community-info .url:hover {
  color: #d6b980;
}
html[data-theme="dark"] .btn-settings {
  border: 1.5px solid #c9a96e;
  color: #d6b980;
  background: transparent;
}
html[data-theme="dark"] .btn-settings:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .composer:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .go-live-btn {
  border: 1.5px solid #c9a96e;
  color: #d6b980;
  background: transparent;
}
html[data-theme="dark"] .go-live-btn:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .go-live-btn .live-dot {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .f-pill {
  background: transparent;
}
html[data-theme="dark"] .f-pill:hover {
  color: #d6b980;
}
html[data-theme="dark"] .f-pill.active {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .f-pill.active:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .filter-icon-btn {
  color: #d6b980;
}
html[data-theme="dark"] .filter-icon-btn:hover {
  border-color: #c9a96e;
  color: #d6b980;
}
html[data-theme="dark"] .check-item {
  color: #d6b980;
}
html[data-theme="dark"] .check-item:hover {
  color: #d6b980;
}
html[data-theme="dark"] .check-item.done .check-circle {
  background: #c9a96e;
  border-color: #c9a96e;
}
html[data-theme="dark"] .new-course-card {
  color: #d6b980;
}
html[data-theme="dark"] .new-course-card:hover {
  border-color: #c9a96e;
  color: #d6b980;
}
html[data-theme="dark"] .cal-today-btn {
  border: 1.5px solid #c9a96e;
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .cal-today-btn:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .cal-arrow {
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .cal-arrow:hover {
  color: #d6b980;
}
html[data-theme="dark"] .cal-add {
  background: #c9a96e;
  color: #17130a;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.33);
}
html[data-theme="dark"] .cal-add:hover {
  background: #c9a96e;
}
html[data-theme="dark"] .cal-view-toggle button.active {
  color: #d6b980;
}
html[data-theme="dark"] .cal-cell.today {
  background: rgba(0, 0, 0, 0.05);
}
html[data-theme="dark"] .cal-cell .today-num {
  background: #c9a96e;
}
html[data-theme="dark"] .m-pill {
  background: transparent;
}
html[data-theme="dark"] .m-pill:hover {
  color: #d6b980;
}
html[data-theme="dark"] .m-pill.active {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .m-pill.active:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .action-btn:hover {
  border-color: #c9a96e;
  color: #d6b980;
}
html[data-theme="dark"] .action-btn svg {
  color: #d6b980;
}
html[data-theme="dark"] .invite-btn {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .invite-btn:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .member-level {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .member-role {
  color: #d6b980;
}
html[data-theme="dark"] .member-meta .meta-item svg {
  color: #d6b980;
}
html[data-theme="dark"] .map-container {
  background: linear-gradient(135deg, #1c1c1e 0%, #1c1c1e 100%);
}
html[data-theme="dark"] .map-placeholder {
  color: #d6b980;
}
html[data-theme="dark"] .map-pin::before {
  background: #c9a96e;
}
html[data-theme="dark"] .map-pin::after {
  background: rgba(0, 0, 0, 0.26);
}
html[data-theme="dark"] .lb-settings-btn {
  color: #d6b980;
}
html[data-theme="dark"] .lb-settings-btn:hover {
  color: #d6b980;
  background: rgba(0, 0, 0, 0.10);
}
html[data-theme="dark"] .lb-level-badge {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .lb-level-text {
  color: #d6b980;
}
html[data-theme="dark"] .level-item.unlocked .level-icon {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .visibility-btn {
  color: #d6b980;
  background: transparent;
}
html[data-theme="dark"] .visibility-btn:hover {
  color: #d6b980;
}
html[data-theme="dark"] .about-media {
  color: #d6b980;
}
html[data-theme="dark"] .about-media:hover {
  border-color: #c9a96e;
  color: #d6b980;
  background: rgba(0, 0, 0, 0.04);
}
html[data-theme="dark"] .about-meta-item svg {
  color: #d6b980;
}
html[data-theme="dark"] .modal-backdrop {
  background: rgba(0, 0, 0, 0.65);
}
html[data-theme="dark"] .modal {
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.33);
}
html[data-theme="dark"] .modal-link {
  color: #d6b980;
}
html[data-theme="dark"] .modal-link:hover {
  color: #d6b980;
}
html[data-theme="dark"] .modal-text a {
  color: #d6b980;
}
html[data-theme="dark"] .modal-text a:hover {
  color: #d6b980;
}
html[data-theme="dark"] .input-label {
  color: #d6b980;
}
html[data-theme="dark"] .input-field:focus {
  border-color: #c9a96e;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.10);
}
html[data-theme="dark"] .select-field:focus {
  border-color: #c9a96e;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.10);
}
html[data-theme="dark"] .radio-card:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .radio-card.selected {
  border-color: #c9a96e;
  box-shadow: 0 0 0 2px var(--primary), 0 8px 24px rgba(0, 0, 0, 0.16);
}
html[data-theme="dark"] .radio-card.selected .radio-circle {
  border-color: #c9a96e;
  background: #c9a96e;
}
html[data-theme="dark"] .cover-upload-area {
  color: #d6b980;
}
html[data-theme="dark"] .cover-upload-area:hover {
  border-color: #c9a96e;
  background: rgba(0, 0, 0, 0.04);
}
html[data-theme="dark"] .btn-change {
  border: 1.5px solid #c9a96e;
  color: #d6b980;
  background: transparent;
}
html[data-theme="dark"] .btn-change:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .toggle-switch::after {
  background: #131314;
}
html[data-theme="dark"] .btn-cancel {
  background: transparent;
}
html[data-theme="dark"] .btn-submit {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .btn-submit:hover {
  background: #c9a96e;
  color: #17130a;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.39);
}
html[data-theme="dark"] .checkbox-row input:checked + .checkbox-box {
  background: #c9a96e;
  border-color: #c9a96e;
}
html[data-theme="dark"] .event-cover-area {
  color: #d6b980;
}
html[data-theme="dark"] .event-cover-area:hover {
  border-color: #c9a96e;
  background: rgba(0, 0, 0, 0.04);
}
html[data-theme="dark"] .access-option input:checked + .access-radio {
  border-color: #c9a96e;
}
html[data-theme="dark"] .access-option input:checked + .access-radio::after {
  background: #c9a96e;
}
html[data-theme="dark"] .billing-toggle button.active {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .plan-card.featured {
  border: 2px solid #c9a96e;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.20);
}
html[data-theme="dark"] .plan-card.featured::before {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .plan-price.featured-price {
  color: #d6b980;
}
html[data-theme="dark"] .plan-features li.pro .check {
  background: #c9a96e;
}
html[data-theme="dark"] .plan-btn.outline {
  background: transparent;
  border: 1.5px solid #c9a96e;
  color: #d6b980;
}
html[data-theme="dark"] .plan-btn.outline:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .plan-btn.primary {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .plan-btn.primary:hover {
  background: #c9a96e;
  color: #17130a;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.39);
}
html[data-theme="dark"] .demo-launch {
  background: #c9a96e;
  color: #17130a;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.39);
}
html[data-theme="dark"] .demo-launch:hover {
  background: #c9a96e;
}

/* settings.css */
html[data-theme="dark"] #modal-settings .settings-shell {
  background: #131314;
}
html[data-theme="dark"] #modal-settings .settings-header {
  border-bottom: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-settings .settings-close {
  background: none;
  color: #8f8b83;
}
html[data-theme="dark"] #modal-settings .settings-nav {
  border-right: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-settings .settings-nav-item {
  background: none;
  color: #e0ddd6;
}
html[data-theme="dark"] #modal-settings .settings-nav-item:hover {
  background: #0b0b0c;
}
html[data-theme="dark"] #modal-settings .settings-nav-item.active {
  background: hsl(37, 28%, 14%);
}
html[data-theme="dark"] #modal-settings .settings-sub {
  color: #8a867f;
}
html[data-theme="dark"] #modal-settings .settings-row {
  border-bottom: 1px solid #222225;
}
html[data-theme="dark"] #modal-settings .toggle-slider {
  background: #1c1c1e;
}
html[data-theme="dark"] #modal-settings .toggle-slider::before {
  background: #131314;
}
html[data-theme="dark"] #modal-settings .upload-box {
  border: 2px dashed #2a2a2d;
  color: #8a867f;
}
html[data-theme="dark"] #modal-settings .field-input {
  border: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-settings .char-count {
  color: #6e6a63;
}
html[data-theme="dark"] #modal-settings .pricing-grid {
  border: 1px solid #2a2a2d;
}
@media (max-width: 700px) {
html[data-theme="dark"] #modal-settings .settings-nav {
  border-bottom: 1px solid #2a2a2d;
}
}
html[data-theme="dark"] #modal-settings .pricing-option {
  border-right: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-settings .pricing-option.selected {
  background: hsl(48, 28%, 14%);
}
html[data-theme="dark"] #modal-settings .pricing-option span {
  color: #8a867f;
}
html[data-theme="dark"] #modal-settings .btn-action {
  border: 1px solid #2a2a2d;
  background: #131314;
}
html[data-theme="dark"] #modal-settings .btn-action.primary {
  color: #e0ddd6;
}
html[data-theme="dark"] #modal-settings .btn-action.danger {
  color: hsl(0, 76%, 68%);
  background: none;
}
html[data-theme="dark"] #modal-settings .stat-card {
  border: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-settings .stat-card span {
  color: #8a867f;
}
html[data-theme="dark"] #modal-settings .warn-box {
  background: hsl(0, 28%, 14%);
  border: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-settings .plugin-item {
  border-bottom: 1px solid #222225;
}
html[data-theme="dark"] #modal-settings .plugin-info p {
  color: #8a867f;
}
html[data-theme="dark"] #modal-settings .pro-badge {
  background: #1c1c1e;
}
html[data-theme="dark"] #modal-settings .balance-card {
  background: #131314;
}
html[data-theme="dark"] #modal-settings .privacy-options label {
  border: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-settings .privacy-options label.selected {
  background: hsl(48, 28%, 14%);
}
html[data-theme="dark"] #modal-settings .url-banner {
  background: hsl(37, 28%, 14%);
}
html[data-theme="dark"] #modal-settings .plugin-config {
  border: 1px solid #2a2a2d;
  background: #0b0b0c;
}
html[data-theme="dark"] #modal-settings .pl-field > span {
  color: #d6d2ca;
}
html[data-theme="dark"] #modal-settings .pl-field input,
html[data-theme="dark"] #modal-settings .pl-field textarea,
html[data-theme="dark"] #modal-settings .pl-field select {
  border: 1px solid #38383c;
  background: #131314;
}
html[data-theme="dark"] #modal-settings .pl-field small {
  color: #8f8b83;
}
html[data-theme="dark"] #modal-settings .pl-save {
  background: #c9a96e;
  color: #17130a;
}

/* classroom.css */
html[data-theme="dark"] .classroom-card {
  background: #131314;
  border: 1px solid #2a2a2d;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
html[data-theme="dark"] .classroom-card:hover {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.20);
}
html[data-theme="dark"] .classroom-card-cover {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] .classroom-card-title {
  color: #f4f1ea;
}
html[data-theme="dark"] .classroom-card-desc {
  color: #8f8b83;
}
html[data-theme="dark"] .classroom-progress-wrap {
  background: #0b0b0c;
}
html[data-theme="dark"] .classroom-progress-label {
  color: #8f8b83;
}
html[data-theme="dark"] .classroom-new-card {
  border: 2px dashed #2a2a2d;
  color: #8f8b83;
  background: #131314;
}
html[data-theme="dark"] .classroom-new-card:hover {
  border-color: #c9a96e;
  color: #d6b980;
  background: #0b0b0c;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}
html[data-theme="dark"] .classroom-new-card svg {
  color: #d6b980;
}
html[data-theme="dark"] .classroom-back {
  color: #d6b980;
  background: none;
}
html[data-theme="dark"] .classroom-back:hover {
  color: #d6b980;
}
html[data-theme="dark"] .classroom-sidebar-header {
  background: #131314;
  border: 1px solid #2a2a2d;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
html[data-theme="dark"] .classroom-sidebar-title {
  color: #f4f1ea;
}
html[data-theme="dark"] .classroom-sidebar-progress {
  background: #0b0b0c;
}
html[data-theme="dark"] .classroom-sidebar-progress-pct {
  color: #8f8b83;
}
html[data-theme="dark"] .classroom-lesson-item {
  background: #131314;
}
html[data-theme="dark"] .classroom-lesson-item:hover {
  background: #0b0b0c;
}
html[data-theme="dark"] .classroom-lesson-item.active {
  background: #2a2414;
}
html[data-theme="dark"] .classroom-lesson-item .drag-handle {
  color: #6e6a63;
  background: none;
}
html[data-theme="dark"] .classroom-lesson-title {
  color: #cfcbc3;
}
html[data-theme="dark"] .classroom-lesson-item.active .classroom-lesson-title {
  color: #f4f1ea;
}
html[data-theme="dark"] .classroom-lesson-draft {
  color: #6e6a63;
}
html[data-theme="dark"] .classroom-add-page {
  border: 2px dashed #2a2a2d;
  background: transparent;
  color: #8f8b83;
}
html[data-theme="dark"] .classroom-add-page:hover {
  border-color: #c9a96e;
  color: #d6b980;
  background: #0b0b0c;
}
html[data-theme="dark"] .classroom-panel {
  background: #131314;
  border: 1px solid #2a2a2d;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
html[data-theme="dark"] .classroom-panel-title {
  color: #f4f1ea;
  background: transparent;
}
html[data-theme="dark"] .classroom-panel-title-readonly {
  color: #f4f1ea;
}
html[data-theme="dark"] .classroom-complete-btn {
  border: 2px solid #2a2a2d;
  background: #131314;
  color: #6e6a63;
}
html[data-theme="dark"] .classroom-editor .ql-toolbar {
  border: 1px solid #2a2a2d !important;
  background: #131314;
}
html[data-theme="dark"] .classroom-editor .ql-container {
  border: 1px solid #2a2a2d !important;
}
html[data-theme="dark"] .classroom-editor .ql-editor {
  color: #cfcbc3;
}
html[data-theme="dark"] .classroom-viewer-content {
  color: #cfcbc3;
}
html[data-theme="dark"] .classroom-viewer-content h1,
html[data-theme="dark"] .classroom-viewer-content h2,
html[data-theme="dark"] .classroom-viewer-content h3 {
  color: #f4f1ea;
}
html[data-theme="dark"] .classroom-viewer-content a {
  color: #d6b980;
}
html[data-theme="dark"] .classroom-section {
  border-top: 1px solid #2a2a2d;
}
html[data-theme="dark"] .classroom-section-title {
  color: #f4f1ea;
}
html[data-theme="dark"] .classroom-resource {
  border: 1px solid #2a2a2d;
}
html[data-theme="dark"] .classroom-resource:hover {
  border-color: #c9a96e;
  background: #0b0b0c;
}
html[data-theme="dark"] .classroom-resource-icon {
  background: rgba(0, 0, 0, 0.13);
  color: #d6b980;
}
html[data-theme="dark"] .classroom-resource-link {
  color: #f4f1ea;
}
html[data-theme="dark"] .classroom-resource-delete {
  background: none;
  color: #6e6a63;
}
html[data-theme="dark"] .classroom-pinned {
  background: #0b0b0c;
  border: 1px solid #2a2a2d;
}
html[data-theme="dark"] .classroom-editor-footer {
  border-top: 1px solid #2a2a2d;
}
html[data-theme="dark"] .classroom-add-menu-btn {
  border: 1px solid #2a2a2d;
  background: #131314;
}
html[data-theme="dark"] .classroom-add-dropdown {
  background: #131314;
  border: 1px solid #2a2a2d;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}
html[data-theme="dark"] .classroom-add-dropdown button {
  background: none;
}
html[data-theme="dark"] .classroom-add-dropdown button:hover {
  background: #0b0b0c;
}
html[data-theme="dark"] .classroom-toggle.off {
  background: #2a2a2d;
}
html[data-theme="dark"] .classroom-toggle-knob {
  background: #131314;
}
html[data-theme="dark"] .classroom-btn-cancel {
  color: #8f8b83;
  background: none;
}
html[data-theme="dark"] .classroom-btn-save {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .classroom-btn-save:hover:not(:disabled) {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .classroom-transcript {
  border: 2px solid #2a2a2d;
}
html[data-theme="dark"] .classroom-transcript:focus {
  border-color: #c9a96e;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.13);
}
html[data-theme="dark"] .classroom-modal-backdrop {
  background: rgba(0, 0, 0, 0.65);
}
html[data-theme="dark"] .classroom-modal {
  background: #131314;
}
html[data-theme="dark"] .classroom-field label {
  background: #131314;
  color: #d6b980;
}
html[data-theme="dark"] .classroom-field input {
  border: 2px solid #2a2a2d;
}
html[data-theme="dark"] .classroom-field input:focus {
  border-color: #c9a96e;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.13);
}
html[data-theme="dark"] .classroom-modal-submit {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .classroom-lesson-item.drag-over {
  border-color: #c9a96e;
}
html[data-theme="dark"] .classroom-transcript {
  color: #cfcbc3;
}
html[data-theme="dark"] .classroom-resource-card {
  border: 1px solid #2a2a2d;
  background: #131314;
}
html[data-theme="dark"] .classroom-resource-header {
  border-bottom: 1px solid #222225;
}
html[data-theme="dark"] .classroom-resource-meta strong {
  color: #f4f1ea;
}
html[data-theme="dark"] .classroom-resource-type {
  color: #6e6a63;
}
html[data-theme="dark"] .classroom-resource-delete {
  background: hsl(0, 28%, 14%);
  color: hsl(0, 77%, 68%);
}
html[data-theme="dark"] .classroom-media-preview {
  background: #0e0e0f;
}
html[data-theme="dark"] .classroom-media-preview img {
  background: #0b0b0c;
}
html[data-theme="dark"] .classroom-pdf-preview {
  background: #0b0b0c;
}
html[data-theme="dark"] .classroom-pdf-open {
  color: #d6b980;
  background: #131314;
  border-top: 1px solid #2a2a2d;
}
html[data-theme="dark"] .classroom-resource-download {
  color: #d6b980;
}
html[data-theme="dark"] .classroom-upload-zone {
  border: 2px dashed #38383c;
  background: #0b0b0c;
}
html[data-theme="dark"] .classroom-upload-zone:hover,
html[data-theme="dark"] .classroom-upload-zone.has-file {
  border-color: #c9a96e;
  background: rgba(0, 0, 0, 0.05);
}
html[data-theme="dark"] .classroom-upload-zone small {
  color: #6e6a63;
}

/* member-settings.css */
html[data-theme="dark"] #modal-member-settings {
  background: rgba(0, 0, 0, 0.59);
}
html[data-theme="dark"] #modal-member-settings .settings-shell {
  background: #131314;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.26);
}
html[data-theme="dark"] #modal-member-settings .settings-header {
  border-bottom: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-member-settings .settings-brand {
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-member-settings .settings-brand-icon {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] #modal-member-settings .settings-close {
  background: #0b0b0c;
  color: #8f8b83;
}
html[data-theme="dark"] #modal-member-settings .settings-close:hover {
  background: #2a2a2d;
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-member-settings .settings-nav {
  border-right: 1px solid #2a2a2d;
  background: #131314;
}
html[data-theme="dark"] #modal-member-settings .settings-nav-item {
  background: none;
  color: #cfcbc3;
}
html[data-theme="dark"] #modal-member-settings .settings-nav-item svg {
  color: #d6b980;
}
html[data-theme="dark"] #modal-member-settings .settings-nav-item:hover {
  background: #1c1c1e;
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-member-settings .settings-nav-item.active {
  background: #2a2414;
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-member-settings .settings-panel h2 {
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-member-settings .settings-sub {
  color: #8f8b83;
}
html[data-theme="dark"] #modal-member-settings .member-invite-row {
  border: 2px solid #2a2a2d;
  background: #0b0b0c;
}
html[data-theme="dark"] #modal-member-settings .member-invite-row input {
  background: transparent;
  color: #cfcbc3;
}
html[data-theme="dark"] #modal-member-settings .member-copy-btn {
  background: hsl(46, 28%, 14%);
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-member-settings .member-notif-header {
  border-bottom: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-member-settings .member-notif-avatar {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] #modal-member-settings .member-notif-name {
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-member-settings .member-following-badge {
  color: #6e6a63;
}
html[data-theme="dark"] #modal-member-settings .member-notif-row {
  border-bottom: 1px solid #222225;
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-member-settings .member-toggle {
  background: #2a2a2d;
}
html[data-theme="dark"] #modal-member-settings .member-toggle::after {
  background: #131314;
}
html[data-theme="dark"] #modal-member-settings .member-chat-section {
  border-top: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-member-settings .member-chat-section h3 {
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-member-settings .member-chat-select {
  border: 2px solid #2a2a2d;
  color: #f4f1ea;
  background: #131314;
}
html[data-theme="dark"] #modal-member-settings .member-chat-select:focus {
  border-color: #c9a96e;
}
html[data-theme="dark"] #modal-member-settings .member-action-row {
  border-bottom: 1px solid #222225;
  background: none;
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-member-settings .member-action-row:hover {
  color: #d6b980;
}
html[data-theme="dark"] #modal-member-settings .member-action-icon {
  background: #0b0b0c;
}
html[data-theme="dark"] #modal-member-settings .member-leave-link {
  background: none;
  color: hsl(0, 76%, 68%);
}
html[data-theme="dark"] #modal-member-settings .member-membership-card {
  border: 1px solid #2a2a2d;
  background: #131314;
}
html[data-theme="dark"] #modal-member-settings .member-membership-plan {
  color: #d6b980;
}
html[data-theme="dark"] .about-hero {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] .about-gallery-item {
  background: #0b0b0c;
}
html[data-theme="dark"] .about-gallery-empty {
  color: #6e6a63;
  background: #0b0b0c;
}
html[data-theme="dark"] .about-desc-readonly {
  color: #cfcbc3;
}
html[data-theme="dark"] .about-media-admin {
  border: 2px dashed #2a2a2d;
  background: #0b0b0c;
  color: #d6b980;
}
html[data-theme="dark"] .about-media-admin:hover {
  border-color: #c9a96e;
  background: rgba(0, 0, 0, 0.05);
}
html[data-theme="dark"] .classroom-card {
  border: 1px solid #2a2a2d;
}
html[data-theme="dark"] .classroom-card:hover {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
}
html[data-theme="dark"] .classroom-card-cover-fallback {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] .classroom-card-badge {
  background: rgba(19, 19, 20, 0.95);
  color: #d6b980;
}

/* profile-settings.css */
html[data-theme="dark"] #modal-profile-settings .profile-drawer-overlay {
  background: rgba(0, 0, 0, 0.59);
}
html[data-theme="dark"] #modal-profile-settings .profile-drawer {
  background: #131314;
  box-shadow: -12px 0 48px rgba(0, 0, 0, 0.23);
}
html[data-theme="dark"] #modal-profile-settings .profile-drawer-header {
  border-bottom: 1px solid #2a2a2d;
  background: linear-gradient(180deg, #0b0b0c 0%, #131314 100%);
}
html[data-theme="dark"] #modal-profile-settings .profile-drawer-header h2 {
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-profile-settings .profile-drawer-sub {
  color: #8f8b83;
}
html[data-theme="dark"] #modal-profile-settings .profile-close {
  border: 1px solid #2a2a2d;
  background: #131314;
  color: #8f8b83;
}
html[data-theme="dark"] #modal-profile-settings .profile-close:hover {
  background: #1c1c1e;
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-profile-settings .profile-nav-scroll-wrap {
  border-right: 1px solid #2a2a2d;
  background: #0b0b0c;
}
html[data-theme="dark"] #modal-profile-settings .profile-nav-item {
  background: none;
  color: #cfcbc3;
}
html[data-theme="dark"] #modal-profile-settings .profile-nav-item:hover {
  background: #1c1c1e;
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-profile-settings .profile-nav-item.active {
  color: #d6b980;
  border-right: 3px solid #c9a96e;
}
html[data-theme="dark"] #modal-profile-settings .profile-nav-mobile-label {
  color: #8f8b83;
}
html[data-theme="dark"] #modal-profile-settings .profile-section-select {
  border: 1px solid #38383c;
  color: #f4f1ea;
  background: #131314
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
    no-repeat right 12px center;
}
html[data-theme="dark"] #modal-profile-settings .profile-panel h2 {
  color: #f4f1ea;
}
html[data-theme="dark"] #modal-profile-settings .profile-sub {
  color: #8f8b83;
}
html[data-theme="dark"] #modal-profile-settings .profile-saved {
  background: hsl(152, 28%, 14%);
}
@media (max-width: 900px) {
html[data-theme="dark"] #modal-profile-settings .profile-nav-scroll-wrap {
  border-bottom: 1px solid #2a2a2d;
  background: #131314;
}

html[data-theme="dark"] #modal-profile-settings .profile-nav-scroll-wrap::before {
  background: linear-gradient(90deg, #131314 30%, transparent);
}

html[data-theme="dark"] #modal-profile-settings .profile-nav-scroll-wrap::after {
  background: linear-gradient(270deg, #131314 30%, transparent);
}

html[data-theme="dark"] #modal-profile-settings .profile-nav-item {
  border: 1px solid #2a2a2d;
  background: #0b0b0c;
}

html[data-theme="dark"] #modal-profile-settings .profile-nav-item:hover {
  background: #1c1c1e;
}

html[data-theme="dark"] #modal-profile-settings .profile-nav-item.active {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.33);
}
}
@media (max-width: 520px) {
html[data-theme="dark"] #modal-profile-settings .profile-nav-mobile {
  border-bottom: 1px solid #2a2a2d;
  background: #0b0b0c;
}
}
html[data-theme="dark"] #modal-profile-settings .profile-community-row {
  border-bottom: 1px solid #222225;
}
html[data-theme="dark"] #modal-profile-settings .profile-community-icon {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] #modal-profile-settings .profile-community-meta {
  color: #8f8b83;
}
html[data-theme="dark"] #modal-profile-settings .profile-photo {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] #modal-profile-settings .profile-photo-link {
  background: none;
  color: #d6b980;
}
html[data-theme="dark"] #modal-profile-settings .profile-field label {
  color: #d6d2ca;
}
html[data-theme="dark"] #modal-profile-settings .profile-field input,
html[data-theme="dark"] #modal-profile-settings .profile-field textarea,
html[data-theme="dark"] #modal-profile-settings .profile-field select {
  border: 1px solid #38383c;
}
html[data-theme="dark"] #modal-profile-settings .profile-char-count {
  color: #6e6a63;
}
html[data-theme="dark"] #modal-profile-settings .profile-btn-primary {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] #modal-profile-settings .profile-btn-outline {
  border: 1px solid #38383c;
  background: #131314;
}
html[data-theme="dark"] #modal-profile-settings .profile-stat-card {
  border: 1px solid #2a2a2d;
}
html[data-theme="dark"] #modal-profile-settings .profile-stat-card label {
  color: #8f8b83;
}
html[data-theme="dark"] #modal-profile-settings .profile-invite-row input {
  border: 1px solid #38383c;
}
html[data-theme="dark"] #modal-profile-settings .profile-empty {
  color: #8f8b83;
  background: #0b0b0c;
}
html[data-theme="dark"] #modal-profile-settings .profile-account-row {
  border-bottom: 1px solid #222225;
}
html[data-theme="dark"] #modal-profile-settings .profile-inline-form {
  background: #0b0b0c;
}
html[data-theme="dark"] #modal-profile-settings .profile-toggle-row {
  border-bottom: 1px solid #222225;
}

/* community-switcher.css */
html[data-theme="dark"] .community-switcher {
  background: transparent;
}
html[data-theme="dark"] .community-switcher:hover,
html[data-theme="dark"] .community-switcher.open {
  background: var(--background-soft, #1c1c1e);
}
html[data-theme="dark"] .community-switcher-menu {
  background: #131314;
}
html[data-theme="dark"] .community-switcher-label {
  color: var(--text-muted, #8a867f);
}
html[data-theme="dark"] .community-switcher-item {
  background: transparent;
}
html[data-theme="dark"] .community-switcher-item:hover {
  background: var(--background-soft, #1c1c1e);
}
html[data-theme="dark"] .community-switcher-item.active {
  background: rgba(0, 0, 0, 0.10);
}
html[data-theme="dark"] .community-switcher-item-icon {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] .community-switcher-item-meta {
  color: var(--text-muted, #8a867f);
}
html[data-theme="dark"] .community-switcher-badge {
  background: #1c1c1e;
  color: #d6b980;
}
html[data-theme="dark"] .community-switcher-badge.member {
  background: #1c1c1e;
  color: #b0aca4;
}
html[data-theme="dark"] .community-switcher-footer a {
  color: var(--primary, #d6b980);
}
html[data-theme="dark"] .community-switcher-footer a:hover {
  background: var(--background-soft, #1c1c1e);
}

/* community-features.css */
html[data-theme="dark"] .members-filter-panel {
  background: #131314;
  border: 1px solid #2a2a2d;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.20);
}
html[data-theme="dark"] .members-filter-field span {
  color: #8f8b83;
}
html[data-theme="dark"] .members-filter-field input,
html[data-theme="dark"] .members-filter-field select {
  border: 1px solid #38383c;
}
html[data-theme="dark"] .members-empty {
  color: #8f8b83;
  background: #0b0b0c;
  border: 1px dashed #2a2a2d;
}
html[data-theme="dark"] .cal-event-dot {
  background: #c9a96e;
}
html[data-theme="dark"] .cal-cell.selected:not(.today) {
  background: rgba(0, 0, 0, 0.10);
}
html[data-theme="dark"] .cal-cell[data-cal-day]:hover {
  background: rgba(0, 0, 0, 0.08);
}
html[data-theme="dark"] .events-list-empty {
  color: var(--text-muted, #8f8b83);
}
html[data-theme="dark"] .events-list-day-hint {
  color: var(--text-title, #f4f1ea);
}
html[data-theme="dark"] .events-clear-day {
  background: none;
  color: var(--primary, #d6b980);
}
html[data-theme="dark"] .event-list-card {
  border: 1px solid var(--border, #2a2a2d);
  background: #131314;
}
html[data-theme="dark"] .event-list-card small {
  color: var(--text-muted, #8f8b83);
}
html[data-theme="dark"] .event-delete-btn {
  background: none;
  color: hsl(0, 77%, 68%);
}
html[data-theme="dark"] .map-member-pin {
  background: none;
}
html[data-theme="dark"] .map-member-pin-avatar {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
  border: 3px solid #2a2a2d;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .map-member-pin-label {
  color: #d6b980;
  background: rgba(19, 19, 20, 0.95);
}
html[data-theme="dark"] .map-member-pin::before {
  background: rgba(0, 0, 0, 0.20);
}

/* posts.css */
html[data-theme="dark"] .f-pill-add:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .post-card.pinned {
  background: linear-gradient(180deg, #131314 0%, var(--background) 60%);
}
html[data-theme="dark"] .post-cat {
  color: #d6b980;
}
html[data-theme="dark"] .post-pin-badge {
  color: #d6b980;
}
html[data-theme="dark"] .post-menu-btn {
  background: transparent;
}
html[data-theme="dark"] .post-menu-btn:hover {
  color: #d6b980;
}
html[data-theme="dark"] .post-menu button {
  background: transparent;
}
html[data-theme="dark"] .post-menu button:hover {
  color: #d6b980;
}
html[data-theme="dark"] .post-menu button.danger {
  color: hsl(0, 77%, 68%);
}
html[data-theme="dark"] .post-menu button.danger:hover {
  background: hsl(0, 28%, 14%);
}
html[data-theme="dark"] .post-body a {
  color: #d6b980;
}
html[data-theme="dark"] .post-action {
  background: transparent;
}
html[data-theme="dark"] .post-action:hover {
  color: #d6b980;
}
html[data-theme="dark"] .post-action.liked {
  color: #d6b980;
}
html[data-theme="dark"] .comment-tools button {
  background: transparent;
}
html[data-theme="dark"] .comment-tools button:hover {
  color: #d6b980;
}
html[data-theme="dark"] .comment-tools button.liked {
  color: #d6b980;
}
html[data-theme="dark"] .comment-form input:focus {
  border-color: #c9a96e;
}
html[data-theme="dark"] .comment-send {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .comment-send:hover {
  background: #c9a96e;
}
html[data-theme="dark"] .reply-chip button {
  background: transparent;
}

/* inbox.css */
html[data-theme="dark"] .icon-btn .badge.show {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .inbox-link {
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .inbox-link:hover {
  color: #d6b980;
}
html[data-theme="dark"] .inbox-back {
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .inbox-item {
  background: transparent;
}
html[data-theme="dark"] .inbox-item.unread {
  background: #1c1c1e;
}
html[data-theme="dark"] .inbox-item.unread:hover {
  background: #1c1c1e;
}
html[data-theme="dark"] .inbox-dot {
  background: #c9a96e;
}
html[data-theme="dark"] .inbox-count {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .thread-form input:focus {
  border-color: #c9a96e;
}
html[data-theme="dark"] .thread-form button {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .thread-form button:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .member-dm-btn {
  border: 1.5px solid #c9a96e;
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .member-dm-btn:hover {
  background: #c9a96e;
  color: #17130a;
}

/* payments.css */
html[data-theme="dark"] .pricing-save-btn {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .pricing-save-btn:hover {
  background: #c9a96e;
  color: #17130a;
}

/* leaderboard.css */
html[data-theme="dark"] .level-reward {
  color: #d6b980;
}
html[data-theme="dark"] .lb-row.me {
  background: #1c1c1e;
}
html[data-theme="dark"] .lb-rank.top3 {
  color: hsl(28, 76%, 68%);
}
html[data-theme="dark"] .lb-row-points {
  color: #d6b980;
}
html[data-theme="dark"] .levels-edit .lvl {
  color: #d6b980;
}

/* moderation.css */
html[data-theme="dark"] .member-manage-btn:hover {
  border-color: #c9a96e;
  color: #d6b980;
}
html[data-theme="dark"] .member-menu button {
  background: transparent;
}
html[data-theme="dark"] .member-menu button:hover {
  color: #d6b980;
}
html[data-theme="dark"] .member-menu button.danger {
  color: hsl(0, 77%, 68%);
}
html[data-theme="dark"] .member-menu button.danger:hover {
  background: hsl(0, 28%, 14%);
}
html[data-theme="dark"] .ban-note {
  color: hsl(0, 77%, 68%);
}
html[data-theme="dark"] .reports-btn {
  border: 1.5px solid #c9a96e;
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .reports-btn:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .reports-btn .count {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .reports-btn:hover .count {
  background: #131314;
  color: #d6b980;
}
html[data-theme="dark"] .report-reasons label:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .report-reasons input:checked + span {
  color: #d6b980;
}
html[data-theme="dark"] .report-reasons label:has(input:checked) {
  border-color: #c9a96e;
}
html[data-theme="dark"] .queue-chip {
  background: hsl(5, 28%, 14%);
  color: hsl(4, 80%, 68%);
}
html[data-theme="dark"] .queue-actions button {
  background: transparent;
}
html[data-theme="dark"] .queue-actions button:hover {
  border-color: #c9a96e;
  color: #d6b980;
}
html[data-theme="dark"] .queue-actions button.danger {
  color: hsl(4, 80%, 68%);
}

/* events.css */
html[data-theme="dark"] .event-chip {
  color: #d6b980;
}
html[data-theme="dark"] .event-badge-live {
  background: hsl(4, 28%, 14%);
  color: hsl(4, 80%, 68%);
}
html[data-theme="dark"] .event-attendees button:hover {
  color: #d6b980;
}
html[data-theme="dark"] .rsvp-btn {
  background: transparent;
}
html[data-theme="dark"] .rsvp-btn:hover:not(:disabled) {
  color: #d6b980;
}
html[data-theme="dark"] .rsvp-btn.active {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .rsvp-btn.active[data-rsvp="maybe"] {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .event-ics {
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .event-ics:hover {
  color: #d6b980;
}

/* live.css */
html[data-theme="dark"] .classroom-switch button {
  background: transparent;
}
html[data-theme="dark"] .classroom-switch button.active {
  background: #131314;
  color: #d6b980;
}
html[data-theme="dark"] .replays-import {
  color: #d6b980;
}
html[data-theme="dark"] .replays-empty strong {
  color: #d6b980;
}
html[data-theme="dark"] .replay-card {
  background: #131314;
}
html[data-theme="dark"] .replay-thumb {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] .replay-admin button {
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .replay-admin .danger {
  color: hsl(6, 67%, 68%);
}
html[data-theme="dark"] .replay-player-info {
  background: #131314;
}
html[data-theme="dark"] .live-btn {
  background: transparent;
}
html[data-theme="dark"] .live-btn:hover {
  background: rgba(19, 19, 20, .1);
}
html[data-theme="dark"] .live-notice {
  background: hsl(47, 28%, 14%);
  color: hsl(48, 100%, 68%);
}
html[data-theme="dark"] #verify-banner {
  background: hsl(47, 28%, 14%);
  color: hsl(46, 100%, 68%);
}
html[data-theme="dark"] #verify-banner button {
  background: transparent;
  color: #d6b980;
}

/* search.css */
html[data-theme="dark"] .search-panel {
  background: var(--background, #131314);
}
html[data-theme="dark"] .search-row {
  background: transparent;
}
html[data-theme="dark"] .search-row:hover,
html[data-theme="dark"] .search-row.active {
  background: var(--background-soft, #1c1c1e);
}
html[data-theme="dark"] .search-av {
  background: #c9a96e;
  color: #17130a;
}

/* learning.css */
html[data-theme="dark"] .learn-btn {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .learn-result.fail {
  color: hsl(0, 76%, 68%);
}
html[data-theme="dark"] .learn-inline input[type="number"] {
  background: transparent;
}
html[data-theme="dark"] .learn-text {
  background: transparent;
}
html[data-theme="dark"] .learn-optedit input[type="text"] {
  background: transparent;
}
html[data-theme="dark"] .learn-x {
  background: transparent;
}
html[data-theme="dark"] .learn-link {
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .learn-cert-link {
  color: #d6b980;
}

/* admin-tools.css */
html[data-theme="dark"] .at-ranges button {
  background: transparent;
}
html[data-theme="dark"] .at-ranges button.active {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .at-chart-head span {
  color: #d6b980;
}
html[data-theme="dark"] .at-plan-card.pro {
  border-color: var(--accent, #c9a96e);
}
html[data-theme="dark"] .at-warn {
  color: hsl(26, 95%, 68%);
}
html[data-theme="dark"] .at-dns code {
  background: var(--background-soft, #1c1c1e);
}

/* onboarding.css */
html[data-theme="dark"] .onb {
  background: var(--background, #131314);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}
html[data-theme="dark"] .onb-count {
  color: #d6b980;
  background: rgba(0, 0, 0, 0.10);
}
html[data-theme="dark"] .onb-link {
  background: transparent;
}
html[data-theme="dark"] .onb-bar i {
  background: linear-gradient(90deg, #b8995f, #d9bd88);
}
html[data-theme="dark"] .onb-ico {
  background: var(--background-soft, #1c1c1e);
}
html[data-theme="dark"] .onb-step.next .onb-ico {
  background: rgba(0, 0, 0, 0.17);
}
html[data-theme="dark"] .onb-btn {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .onb-btn:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.33);
}
html[data-theme="dark"] .onb-btn.ghost {
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .onb-btn.ghost:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .empty-feed {
  background: var(--background, #131314);
}
html[data-theme="dark"] .empty-state {
  background: var(--background, #131314);
}

/* feed.css */
html[data-theme="dark"] .post-level {
  background: rgba(0, 0, 0, 0.16);
  color: var(--secondary, #d6b980);
}
html[data-theme="dark"] .post-avatar.xs {
  border: 2px solid var(--background, #2a2a2d);
}
html[data-theme="dark"] .post-more {
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .feed-sort {
  background: var(--background, #131314);
}
html[data-theme="dark"] .feed-sort:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .feed-more-btn {
  background: var(--background, #131314);
  color: #d6b980;
}
html[data-theme="dark"] .feed-more-btn:hover:not(:disabled) {
  border-color: #c9a96e;
}
html[data-theme="dark"] .lightbox {
  background: rgba(0, 0, 0, 0.92);
}
html[data-theme="dark"] .lb-close,
html[data-theme="dark"] .lb-nav {
  background: rgba(19, 19, 20, .14);
}
html[data-theme="dark"] .lb-close:hover,
html[data-theme="dark"] .lb-nav:hover {
  background: rgba(19, 19, 20, .26);
}

/* classroom-v2.css */
html[data-theme="dark"] .cr-progress-bar i {
  background: linear-gradient(90deg, #b8995f, #d9bd88);
}
html[data-theme="dark"] .cr-cta.new,
html[data-theme="dark"] .cr-cta.going {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .cr-cta.done {
  color: hsl(142, 75%, 68%);
}
html[data-theme="dark"] .cr-cta.locked {
  background: var(--background-soft, #1c1c1e);
}
html[data-theme="dark"] .cr-card:not(.locked):hover .cr-cta.new,
html[data-theme="dark"] .cr-card:not(.locked):hover .cr-cta.going {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.36);
}
html[data-theme="dark"] .cr-menu-btn {
  background: rgba(19, 19, 20, .92);
  color: #e8e5de;
}
html[data-theme="dark"] .cr-menu-btn:hover {
  background: #131314;
}
html[data-theme="dark"] .cr-menu {
  background: var(--background, #131314);
}
html[data-theme="dark"] .cr-menu button {
  background: transparent;
}
html[data-theme="dark"] .cr-menu button.danger {
  color: hsl(6, 67%, 68%);
}
html[data-theme="dark"] .cr-num {
  background: var(--background-soft, #1c1c1e);
}
html[data-theme="dark"] .cr-lesson.active .cr-num {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .cr-lesson.is-done .cr-num {
  color: hsl(142, 75%, 68%);
}
html[data-theme="dark"] .cr-chip.done {
  color: hsl(142, 75%, 68%);
}
html[data-theme="dark"] .cr-panel .classroom-viewer-content blockquote {
  border-left: 4px solid var(--light-accent, #3a3326);
}
html[data-theme="dark"] .cr-panel .classroom-viewer-content pre {
  background: #0e0e0f;
}
html[data-theme="dark"] .cr-footer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--background, #131314) 38%);
}
html[data-theme="dark"] .cr-btn.primary {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .cr-btn.primary:hover {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.36);
}
html[data-theme="dark"] .cr-btn.ghost {
  background: var(--background, #131314);
}
html[data-theme="dark"] .cr-btn.ghost:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .cr-finished {
  color: hsl(142, 75%, 68%);
}
html[data-theme="dark"] .cr-section.drag-over {
  background: rgba(0, 0, 0, 0.10);
  outline: 2px dashed #c9a96e;
}
html[data-theme="dark"] .cr-sec-toggle {
  background: none;
  color: var(--text-muted, #8f8b83);
}
html[data-theme="dark"] .cr-sec-count {
  color: var(--text-muted, #8f8b83);
}
html[data-theme="dark"] .cr-sec-tools button {
  background: none;
  color: var(--text-muted, #8f8b83);
}
html[data-theme="dark"] .cr-sec-tools button:hover:not(:disabled) {
  background: var(--background-soft, #1c1c1e);
  color: var(--text-dark, #f4f1ea);
}
html[data-theme="dark"] .cr-sec-empty {
  border: 1px dashed var(--border, #2a2a2d);
  color: var(--text-muted, #8f8b83);
}
html[data-theme="dark"] .classroom-sec-pick {
  color: var(--text-muted, #8f8b83);
}
html[data-theme="dark"] .classroom-sec-pick select {
  border: 1px solid var(--border, #2a2a2d);
  color: var(--text-dark, #f4f1ea);
  background: #131314;
}

/* calendar-v2.css */
html[data-theme="dark"] .cal-chip {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .cal-chip.live {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .ev-card:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}
html[data-theme="dark"] .ev-date {
  background: var(--background-soft, #1c1c1e);
}
html[data-theme="dark"] .ev-day {
  color: #d6b980;
}
html[data-theme="dark"] .ev-card.live .ev-date {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] .ev-badge.live {
  color: hsl(0, 76%, 68%);
}
html[data-theme="dark"] .ev-badge.going {
  color: hsl(142, 75%, 68%);
}
html[data-theme="dark"] .ev-btn {
  background: var(--background, #131314);
}
html[data-theme="dark"] .ev-btn:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .ev-btn.active {
  color: hsl(142, 75%, 68%);
}
html[data-theme="dark"] .ev-btn.primary {
  background: #c9a96e;
  color: #17130a;
  border-color: #c9a96e;
}
html[data-theme="dark"] .ev-btn.primary:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.36);
}
html[data-theme="dark"] .evd-hero {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] .evd-status {
  background: rgba(19, 19, 20, .95);
  color: #d6b980;
}
html[data-theme="dark"] .evd-row a {
  color: #d6b980;
}
html[data-theme="dark"] .evd-desc a {
  color: #d6b980;
}
html[data-theme="dark"] .evd-people {
  background: transparent;
}
html[data-theme="dark"] .evd-link {
  background: transparent;
  color: #d6b980;
}
html[data-theme="dark"] .evd-link.danger {
  color: hsl(6, 67%, 68%);
}
html[data-theme="dark"] .evd-cal-menu {
  background: var(--background, #131314);
}
html[data-theme="dark"] .evd-cal-menu a,
html[data-theme="dark"] .evd-cal-menu button {
  background: transparent;
}

/* members-v2.css */
html[data-theme="dark"] .members-quick-search:focus {
  border-color: #c9a96e;
}
html[data-theme="dark"] .member-card[data-profile]:focus-visible {
  outline: 2px solid #c9a96e;
}
html[data-theme="dark"] .member-role {
  background: #c9a96e;
  color: #d6b980;
}
html[data-theme="dark"] .member-role.role-owner {
  background: hsl(48, 28%, 14%);
  color: hsl(23, 87%, 68%);
}
html[data-theme="dark"] .member-role.role-banned {
  background: hsl(0, 28%, 14%);
  color: hsl(0, 77%, 68%);
}
html[data-theme="dark"] .member-dm-btn {
  color: #d6b980;
}
html[data-theme="dark"] .member-dm-btn:hover {
  border-color: #c9a96e;
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .mp-close {
  background: var(--background-soft, #1c1c1e);
}
html[data-theme="dark"] .mp-avatar {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .mp-level {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .mp-active i {
  background: #1c1c1e;
}
html[data-theme="dark"] .mp-level-box {
  background: var(--background-soft, #1c1c1e);
}
html[data-theme="dark"] .mp-bar {
  background: #c9a96e;
}
html[data-theme="dark"] .mp-bar i {
  background: #c9a96e;
}
html[data-theme="dark"] .mp-btn {
  color: #d6b980;
}
html[data-theme="dark"] .mp-btn.primary {
  background: #c9a96e;
  color: #17130a;
  border-color: #c9a96e;
}
html[data-theme="dark"] .mp-btn.primary:hover {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .mp-post:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .mp-skel {
  background: linear-gradient(90deg, #1c1c1e, #131314, #1c1c1e);
}

/* leaderboard-v2.css */
html[data-theme="dark"] .level-item.unlocked {
  background: #c9a96e;
}
html[data-theme="dark"] .level-item.current {
  border-color: #c9a96e;
}
html[data-theme="dark"] .lb-tab {
  background: transparent;
}
html[data-theme="dark"] .lb-tab.active {
  color: #d6b980;
}
html[data-theme="dark"] .lb-yourrank b {
  color: #d6b980;
}
html[data-theme="dark"] .lb-pod.rank1 {
  background: linear-gradient(180deg, hsl(48, 28%, 14%), var(--background-soft));
}
html[data-theme="dark"] .lb-pod.rank2 {
  background: linear-gradient(180deg, #2a2a2d, var(--background-soft));
}
html[data-theme="dark"] .lb-pod.rank3 {
  background: linear-gradient(180deg, hsl(28, 28%, 14%), var(--background-soft));
}
html[data-theme="dark"] .lb-pod.me {
  outline: 2px solid #c9a96e;
}
html[data-theme="dark"] .lb-row-avatar.big {
  border: 3px solid #2a2a2d;
}
html[data-theme="dark"] .lb-pod-rank {
  background: #c9a96e;
  color: #17130a;
  border: 2px solid #2a2a2d;
}
html[data-theme="dark"] .lb-pod-pts {
  color: #d6b980;
}
html[data-theme="dark"] .lb-row.me {
  background: #c9a96e;
}
html[data-theme="dark"] .lb-row:focus-visible,
html[data-theme="dark"] .lb-pod:focus-visible {
  outline: 2px solid #c9a96e;
}
html[data-theme="dark"] .lb-empty-cta {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .lb-earn-item b {
  color: #d6b980;
}
html[data-theme="dark"] .lb-avatar {
  background: #c9a96e;
  color: #17130a;
}

/* map-v2.css */
html[data-theme="dark"] .map-panel-head {
  background: transparent;
}
html[data-theme="dark"] .map-count {
  color: #d6b980;
}
html[data-theme="dark"] .map-empty-cta {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .map-popup-profile {
  background: none;
  color: #d6b980;
}

/* about-v2.css */
html[data-theme="dark"] .ab-hero {
  background: #0e0e0f;
}
html[data-theme="dark"] .ab-hero-empty {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] .ab-hero-icon {
  background: rgba(19, 19, 20, .18);
}
html[data-theme="dark"] .ab-nav {
  background: rgba(19, 19, 20, .92);
}
html[data-theme="dark"] .ab-thumb {
  background: #2a2a2d;
}
html[data-theme="dark"] .ab-thumb.active {
  border-color: #c9a96e;
}
html[data-theme="dark"] .ab-play {
  background: #0e0e0f;
}
html[data-theme="dark"] .ab-add {
  color: #d6b980;
}
html[data-theme="dark"] .ab-card textarea:focus {
  border-color: #c9a96e;
}
html[data-theme="dark"] .ab-btn {
  color: #d6b980;
}
html[data-theme="dark"] .ab-btn.primary {
  background: #c9a96e;
  color: #17130a;
  border-color: #c9a96e;
}
html[data-theme="dark"] .ab-tile:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .ab-tile b {
  color: #d6b980;
}
html[data-theme="dark"] .ab-cats span {
  background: #c9a96e;
  color: #d6b980;
}
html[data-theme="dark"] .ab-av {
  background: #c9a96e;
  color: #17130a;
}

/* settings-v2.css */
html[data-theme="dark"] #modal-settings .settings-brand-icon {
  background: #c9a96e;
}
html[data-theme="dark"] #modal-settings .settings-nav {
  background: var(--background-soft, #0b0b0c);
}
html[data-theme="dark"] #modal-settings .settings-nav-item:hover {
  background: #c9a96e;
}
html[data-theme="dark"] #modal-settings .settings-nav-item.active {
  color: #d6b980;
}
html[data-theme="dark"] #modal-settings .field-input:focus {
  border-color: #c9a96e;
}
html[data-theme="dark"] #modal-settings .btn-action.primary {
  background: #c9a96e;
  color: #17130a;
  border-color: #c9a96e;
}
@media (max-width: 700px) {
html[data-theme="dark"] #modal-settings .settings-nav-item.active {
  border-color: #c9a96e;
}
}

/* posts-rich.css */
html[data-theme="dark"] .mention {
  color: #d6b980;
  background: rgba(0, 0, 0, 0.10);
}
html[data-theme="dark"] .mention:hover {
  background: rgba(0, 0, 0, 0.21);
}
html[data-theme="dark"] .comment-edited {
  color: #6e6a63;
}
html[data-theme="dark"] .vid-embed {
  background: #0e0e0f center / cover;
}
html[data-theme="dark"] .vid-play {
  background: rgba(19, 19, 20, .95);
  color: #d6b980;
}
html[data-theme="dark"] .vid-prov {
  background: rgba(0, 0, 0, 0.91);
}
html[data-theme="dark"] .poll-opt {
  border: 1px solid #2a2a2d;
  background: #131314;
  color: #f4f1ea;
}
html[data-theme="dark"] .poll-opt:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .poll-opt.mine {
  border-color: #c9a96e;
}
html[data-theme="dark"] .poll-bar {
  background: rgba(0, 0, 0, 0.13);
}
html[data-theme="dark"] .poll-opt.mine .poll-bar {
  background: rgba(0, 0, 0, 0.23);
}
html[data-theme="dark"] .poll-opt.mine .poll-check {
  background: #c9a96e;
  border-color: #c9a96e;
}
html[data-theme="dark"] .poll-pct {
  color: #d6b980;
}
html[data-theme="dark"] .poll-pct small {
  color: #6e6a63;
}
html[data-theme="dark"] .poll-foot {
  color: #8f8b83;
}
html[data-theme="dark"] .post-file {
  border: 1px solid #2a2a2d;
  background: #0b0b0c;
  color: #f4f1ea;
}
html[data-theme="dark"] .post-file:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .pf-ico {
  background: #1c1c1e;
  color: #d6b980;
}
html[data-theme="dark"] .pf-meta small {
  color: #8f8b83;
}
html[data-theme="dark"] .cm-file {
  border: 1px solid #2a2a2d;
}
html[data-theme="dark"] .cm-file small {
  color: #6e6a63;
}
html[data-theme="dark"] .cm-file button {
  color: #8f8b83;
}
html[data-theme="dark"] .cm-file button:hover {
  background: #1c1c1e;
}
html[data-theme="dark"] .cm-poll {
  border: 1px solid #2a2a2d;
  background: #0b0b0c;
}
html[data-theme="dark"] .cmp-del {
  color: hsl(4, 80%, 68%);
}
html[data-theme="dark"] .cmp-row input {
  border: 1px solid #2a2a2d;
  background: #131314;
}
html[data-theme="dark"] .cmp-row input:focus {
  border-color: #c9a96e;
}
html[data-theme="dark"] .cmp-row button {
  color: #8f8b83;
}
html[data-theme="dark"] .cmp-add {
  color: #d6b980;
}
html[data-theme="dark"] .cmp-multi {
  color: #cfcbc3;
}
html[data-theme="dark"] .cm-tool.on {
  color: #d6b980;
  background: rgba(0, 0, 0, 0.13);
}
html[data-theme="dark"] .mention-pop {
  background: #131314;
  border: 1px solid #2a2a2d;
}
html[data-theme="dark"] .mention-pop button.on,
html[data-theme="dark"] .mention-pop button:hover {
  background: #1c1c1e;
}
html[data-theme="dark"] .mention-pop small {
  color: #8f8b83;
}
html[data-theme="dark"] .mp-av {
  background: #c9a96e;
  color: #17130a;
}

/* join.css */
html[data-theme="dark"] .jr-box {
  border: 1px solid var(--border, #2a2a2d);
  background: #131314;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}
html[data-theme="dark"] .jr-box h3 {
  color: var(--text-dark, #f4f1ea);
}
html[data-theme="dark"] .jr-count {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .jr-item {
  border-top: 1px solid var(--border, #2a2a2d);
}
html[data-theme="dark"] .jr-av {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
}
html[data-theme="dark"] .jr-who small {
  color: var(--text-muted, #8f8b83);
}
html[data-theme="dark"] .jr-approve {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .jr-approve:hover {
  background: #d9bd88;
}
html[data-theme="dark"] .jr-decline {
  border: 1px solid var(--border, #38383c);
  background: #131314;
  color: var(--text-dark, #f4f1ea);
}
html[data-theme="dark"] .jr-decline:hover {
  background: #0b0b0c;
}
html[data-theme="dark"] .jr-qa {
  background: #0b0b0c;
}
html[data-theme="dark"] .jr-qa b {
  color: var(--text-muted, #8f8b83);
}
html[data-theme="dark"] .pv-back {
  background: rgba(0, 0, 0, 0.72);
}
html[data-theme="dark"] .pv-card {
  background: #131314;
}
html[data-theme="dark"] .pv-card > p {
  color: #8f8b83;
}
html[data-theme="dark"] .pv-ok {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .pv-secondary {
  border: 1px solid #38383c;
  background: #131314;
  color: #f4f1ea;
}
html[data-theme="dark"] .plan-banner {
  background: #1c1c1e;
  color: #d6b980;
}
html[data-theme="dark"] .plan-banner.soon {
  background: #2a2012;
  color: hsl(36, 100%, 68%);
}
html[data-theme="dark"] .plan-banner.archived {
  background: #2d1815;
  color: hsl(7, 75%, 68%);
}
html[data-theme="dark"] .plan-banner button {
  background: #c9a96e;
  color: #17130a;
}

/* mobile-shell.css */
@media (max-width: 820px) {
html[data-theme="dark"] body.m-shell {
  background: #0b0b0c;
}

html[data-theme="dark"] .m-shell .topbar {
  background: rgba(19, 19, 20, .94);
}

html[data-theme="dark"] .m-av {
  background: #c9a96e;
  color: #17130a;
}

html[data-theme="dark"] .m-greet-t b {
  color: #f4f1ea;
}

html[data-theme="dark"] .m-greet-t small {
  color: #8f8b83;
}

html[data-theme="dark"] .m-shell .icon-btn,
html[data-theme="dark"] .m-shell .search-bar:not(.open) {
  background: #131314;
  border: 1px solid #2a2a2d;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

html[data-theme="dark"] .m-shell .search-bar.open {
  background: #131314;
}

html[data-theme="dark"] .m-pagetitle {
  color: #f4f1ea;
}

html[data-theme="dark"] .m-hero {
  background: linear-gradient(135deg, #2b261c 0%, #151311 100%);
  box-shadow: 0 18px 40px -20px rgba(0, 0, 0, 0.91);
}

html[data-theme="dark"] .m-hero-ico {
  background: rgba(19, 19, 20, .16);
}

html[data-theme="dark"] .m-hero-link {
  background: rgba(19, 19, 20, .14);
}

html[data-theme="dark"] .mh-pill {
  background: rgba(19, 19, 20, .16);
}

html[data-theme="dark"] .m-bar i {
  background: linear-gradient(90deg, #b8995f, #d9bd88);
}

html[data-theme="dark"] .m-actions button {
  color: #cfcbc3;
}

html[data-theme="dark"] .m-actions button span {
  background: #131314;
  border: 1px solid #2a2a2d;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
  color: #d6b980;
}

html[data-theme="dark"] .m-section h3 {
  color: #f4f1ea;
}

html[data-theme="dark"] .m-link {
  color: #d6b980;
}

html[data-theme="dark"] .m-shell .post-card,
html[data-theme="dark"] .m-shell .classroom-card,
html[data-theme="dark"] .m-shell .cr-card,
html[data-theme="dark"] .m-shell .member-card,
html[data-theme="dark"] .m-shell .event-card,
html[data-theme="dark"] .m-shell .ev-card,
html[data-theme="dark"] .m-shell .calendar-card,
html[data-theme="dark"] .m-shell .lb-board,
html[data-theme="dark"] .m-shell .lb-earn,
html[data-theme="dark"] .m-shell .ab-card,
html[data-theme="dark"] .m-shell .composer,
html[data-theme="dark"] .m-shell #onboarding-card > * {
  border: 1px solid #2a2a2d;
  box-shadow: 0 8px 24px -14px rgba(0, 0, 0, 0.33);
}

html[data-theme="dark"] .m-shell .composer {
  background: #131314;
}

html[data-theme="dark"] .m-tabbar {
  background: #131314;
  box-shadow: 0 -10px 34px rgba(0, 0, 0, 0.16);
}

html[data-theme="dark"] .m-tab {
  color: #6e6a63;
}

html[data-theme="dark"] .m-tab.active {
  color: #d6b980;
}

html[data-theme="dark"] .m-fab {
  background: #c9a96e;
  color: #17130a;
  border: 5px solid #2a2a2d;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.59);
}

html[data-theme="dark"] .m-sheet-bd {
  background: rgba(0, 0, 0, 0.59);
}

html[data-theme="dark"] .m-sheet-body {
  background: #131314;
}

html[data-theme="dark"] .m-grab {
  background: #2a2a2d;
}

html[data-theme="dark"] .m-sheet-grid button {
  color: #cfcbc3;
}

html[data-theme="dark"] .m-sheet-grid button span {
  background: #1c1c1e;
  color: #d6b980;
}
}

/* composer.css */
html[data-theme="dark"] .cm-title {
  background: transparent;
}
html[data-theme="dark"] .cm-body {
  background: transparent;
}
html[data-theme="dark"] .cm-thumb button {
  border: 2px solid var(--background, #2a2a2d);
  background: #0e0e0f;
}
html[data-theme="dark"] .cm-chip {
  background: transparent;
}
html[data-theme="dark"] .cm-chip:hover {
  border-color: #c9a96e;
}
html[data-theme="dark"] .cm-chip.on {
  background: #c9a96e;
  color: #17130a;
  border-color: #c9a96e;
}
html[data-theme="dark"] .cm-tool {
  background: transparent;
}
html[data-theme="dark"] .cm-emoji-pop {
  background: var(--background, #131314);
}
html[data-theme="dark"] .cm-emoji-pop button {
  background: transparent;
}

/* polish.css */
html[data-theme="dark"] :focus-visible {
  outline: 2px solid var(--accent, #c9a96e);
}
html[data-theme="dark"] .classroom-card:not(.locked):hover {
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
}
html[data-theme="dark"] .classroom-pill {
  background: rgba(0, 0, 0, 0.13);
  color: var(--secondary, #d6b980);
}
html[data-theme="dark"] .classroom-pill.draft {
  background: hsl(47, 28%, 14%);
  color: hsl(45, 100%, 68%);
}
html[data-theme="dark"] .btn-submit:hover,
html[data-theme="dark"] .invite-btn:hover,
html[data-theme="dark"] .btn-action.primary:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.29);
}
html[data-theme="dark"] .composer-tools {
  color: #6e6a63;
}
html[data-theme="dark"] .empty-ico,
html[data-theme="dark"] .lb-empty-ico,
html[data-theme="dark"] .learn-locked-icon {
  color: var(--primary, #d6b980);
}

/* responsive.css */
@media (max-width: 640px) {
html[data-theme="dark"] .search-bar.open {
  background: var(--background, #131314);
}
}

/* map.css */
html[data-theme="dark"] .map-container .map-canvas {
  background: #1c1c1e;
}
html[data-theme="dark"] .lf-pin-wrap {
  background: none;
}
html[data-theme="dark"] .lf-pin-avatar {
  border: 3px solid #2a2a2d;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .lf-pin.me .lf-pin-avatar {
  border-color: #c9a96e;
}
html[data-theme="dark"] .lf-pin-label {
  color: #d6b980;
  background: rgba(19, 19, 20, 0.95);
}
html[data-theme="dark"] .marker-cluster-small,
html[data-theme="dark"] .marker-cluster-medium,
html[data-theme="dark"] .marker-cluster-large {
  background: rgba(0, 0, 0, 0.33);
}
html[data-theme="dark"] .marker-cluster-small div,
html[data-theme="dark"] .marker-cluster-medium div,
html[data-theme="dark"] .marker-cluster-large div {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.39);
}
html[data-theme="dark"] .map-panel input[type="text"]:focus {
  border-color: #c9a96e;
}
html[data-theme="dark"] .map-save {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .map-save:hover:not(:disabled) {
  background: #c9a96e;
}
html[data-theme="dark"] .map-panel-hint.error {
  color: hsl(4, 80%, 68%);
}

/* affiliate.css */
html[data-theme="dark"] .aff-rate {
  background: hsl(145, 28%, 14%);
  color: hsl(155, 95%, 68%);
}
html[data-theme="dark"] .aff-status.available {
  background: hsl(145, 28%, 14%);
  color: hsl(155, 95%, 68%);
}
html[data-theme="dark"] .aff-status.pending {
  background: hsl(39, 28%, 14%);
  color: hsl(22, 96%, 68%);
}
html[data-theme="dark"] .aff-status.reversed {
  background: hsl(5, 28%, 14%);
  color: hsl(4, 80%, 68%);
}
html[data-theme="dark"] .cn-card.ready {
  border-color: #2a2a2d;
  background: hsl(142, 28%, 14%);
}
html[data-theme="dark"] .cn-btn {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .cn-btn:hover:not(:disabled) {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .cn-btn.outline {
  background: transparent;
  color: #d6b980;
  border: 1.5px solid #c9a96e;
}
html[data-theme="dark"] .cn-btn.outline:hover:not(:disabled) {
  background: #c9a96e;
  color: #17130a;
}
html[data-theme="dark"] .aff-status.paid {
  background: hsl(145, 28%, 14%);
  color: hsl(155, 95%, 68%);
}
html[data-theme="dark"] .aff-status.processing {
  background: #1c1c1e;
  color: #d6b980;
}
html[data-theme="dark"] .aff-status.frozen {
  background: hsl(23, 28%, 14%);
  color: hsl(13, 84%, 68%);
}

/* i18n.css */
html[data-theme="dark"] .lang-switcher .lang-btn {
  background: transparent;
  color: #8f8b83;
}
html[data-theme="dark"] .lang-switcher .lang-btn:hover {
  color: #f4f1ea;
}
html[data-theme="dark"] .lang-switcher .lang-btn.active {
  background: #131314;
  color: #d6b980;
}
html[data-theme="dark"] footer .lang-switcher,
html[data-theme="dark"] .topnav .lang-switcher,
html[data-theme="dark"] .auth-gate .lang-switcher {
  background: rgba(19, 19, 20, 0.12);
}
html[data-theme="dark"] footer .lang-switcher .lang-btn.active,
html[data-theme="dark"] .topnav .lang-switcher .lang-btn.active {
  background: rgba(19, 19, 20, 0.95);
  color: #d6b980;
}