/* Thème clair — FICHIER GÉNÉRÉ par tools/gen-light-css.py à partir de app.css.
 * Ne pas modifier à la main : relancer le script après un changement de app.css.
 * Les retouches manuelles vont dans LIGHT_VARS (le script) ou dans light-extra.css. */

:root[data-theme="light"] {
  --bg: #fcfdfd;
  --panel: #f5f6f8;
  --border: #d4dbe1;
  --border-soft: #e1e6ea;
  --text: #101416;
  --muted: #5e6b76;
  --muted-2: #83929e;
  --accent: #617c00;
  --orange: #c94700;
  --blue: #006de9;
  --purple: #8549ff;
  --danger: #e70000;
  --up: #218344;
  --down: #e70000;
}
:where(html[data-theme="light"]) body {
  background: var(--bg);
  color: var(--text);
}
:where(html[data-theme="light"]) button {
  border: 0;
  color: inherit;
  background: none;
}
:where(html[data-theme="light"]) a {
  color: inherit;
  text-decoration: none;
}
:where(html[data-theme="light"]) :focus-visible {
  outline: 2px solid var(--accent);
}
:where(html[data-theme="light"]) .topbar {
  background: rgba(252, 253, 253, 0.96);
  border-bottom: 1px solid var(--border);
}
:where(html[data-theme="light"]) .brand-mark {
  border: 2px solid var(--accent);
  color: var(--accent);
  box-shadow: 0 0 18px rgba(105, 133, 0, 0.048);
}
:where(html[data-theme="light"]) .search {
  background: #edf0f3;
  border: 1px solid #dae0e5;
  color: var(--muted);
}
:where(html[data-theme="light"]) .search input {
  outline: 0;
  border: 0;
  background: transparent;
  color: var(--text);
}
:where(html[data-theme="light"]) .search input::placeholder {
  color: #7e8c97;
}
:where(html[data-theme="light"]) .pill {
  border: 1px solid var(--border);
  background: #f1f4f6;
  color: #333f46;
}
:where(html[data-theme="light"]) .pill:hover {
  border-color: #bdc8d1;
  color: var(--text);
}
:where(html[data-theme="light"]) .pill.accent {
  color: #fafbfc;
  background: var(--accent);
  border-color: var(--accent);
}
:where(html[data-theme="light"]) .pill.accent:hover {
  background: #637b00;
}
:where(html[data-theme="light"]) .user-chip {
  color: #293339;
}
:where(html[data-theme="light"]) .avatar {
  background: #e4e9ec;
  color: var(--accent);
}
:where(html[data-theme="light"]) .badge {
  color: #fafbfc;
  background: var(--accent);
}
:where(html[data-theme="light"]) .sidebar {
  border-right: 1px solid var(--border);
  background: #fafbfb;
}
:where(html[data-theme="light"]) .nav-section {
  color: #83919c;
}
:where(html[data-theme="light"]) .nav-item {
  color: #3e4951;
}
:where(html[data-theme="light"]) .nav-item:hover,
:where(html[data-theme="light"]) .nav-item.active {
  background: #e5eaed;
  color: var(--text);
}
:where(html[data-theme="light"]) .nav-item.active {
  box-shadow: inset 3px 0 var(--accent);
}
:where(html[data-theme="light"]) .nav-icon {
  color: #5b6974;
}
:where(html[data-theme="light"]) .nav-item.active .nav-icon {
  color: var(--accent);
}
:where(html[data-theme="light"]) .sidebar-bottom {
  color: #95a3ad;
}
:where(html[data-theme="light"]) .community-header {
  border-bottom: 1px solid var(--border);
}
:where(html[data-theme="light"]) .community-logo {
  border: 1px solid #a1cc00;
  color: var(--accent);
  background: #fbfbf9;
}
:where(html[data-theme="light"]) .community-title p {
  color: var(--muted);
}
:where(html[data-theme="light"]) .new-topic {
  background: var(--orange);
  color: white;
}
:where(html[data-theme="light"]) .new-topic:hover {
  background: #c84800;
}
:where(html[data-theme="light"]) .join-inline.joined {
  color: var(--muted);
}
:where(html[data-theme="light"]) .sortbar {
  border-bottom: 1px solid var(--border);
}
:where(html[data-theme="light"]) .sort {
  color: var(--muted);
}
:where(html[data-theme="light"]) .sort:hover {
  background: #e6eaed;
  color: var(--text);
}
:where(html[data-theme="light"]) .sort.selected {
  background: #e6eaed;
  color: var(--accent);
}
:where(html[data-theme="light"]) .post {
  border-bottom: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .post:hover {
  background: rgba(0, 0, 0, 0.018);
}
:where(html[data-theme="light"]) .meta {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .meta a:hover {
  color: var(--text);
  text-decoration: underline;
}
:where(html[data-theme="light"]) .meta .sub {
  color: #293339;
}
:where(html[data-theme="light"]) .tag {
  color: #fbfdfb;
}
:where(html[data-theme="light"]) .tag.feature {
  background: var(--accent);
}
:where(html[data-theme="light"]) .tag.help {
  background: var(--blue);
}
:where(html[data-theme="light"]) .tag.discussion {
  background: var(--purple);
  color: white;
}
:where(html[data-theme="light"]) .tag.question {
  background: var(--orange);
  color: white;
}
:where(html[data-theme="light"]) .tag.performance {
  background: #1477ba;
  color: white;
}
:where(html[data-theme="light"]) .post h2 a:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .post p {
  color: #4f5c65;
}
:where(html[data-theme="light"]) .vote-box {
  border: 1px solid #dbe1e6;
  background: #f2f4f6;
}
:where(html[data-theme="light"]) .vote-btn {
  color: #6d7c87;
}
:where(html[data-theme="light"]) .vote-btn svg {
  fill: currentColor;
}
:where(html[data-theme="light"]) .vote-btn.up {
  color: rgba(33, 131, 68, 0.65);
}
:where(html[data-theme="light"]) .vote-btn.down {
  color: rgba(231, 0, 0, 0.6);
}
:where(html[data-theme="light"]) .vote-btn.up:hover,
:where(html[data-theme="light"]) .vote-btn.up.voted {
  color: var(--up);
  background: rgba(33, 131, 68, 0.12);
}
:where(html[data-theme="light"]) .vote-btn.down:hover,
:where(html[data-theme="light"]) .vote-btn.down.voted {
  color: var(--down);
  background: rgba(231, 0, 0, 0.12);
}
:where(html[data-theme="light"]) .score {
  color: #1b2327;
}
:where(html[data-theme="light"]) .score.positive {
  color: var(--up);
}
:where(html[data-theme="light"]) .score.negative {
  color: var(--down);
}
:where(html[data-theme="light"]) .post-action {
  color: #73818b;
}
:where(html[data-theme="light"]) .post-action svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:where(html[data-theme="light"]) .post-action:hover {
  background: #e6eaed;
  color: #1d2529;
}
:where(html[data-theme="light"]) .post-action.danger:hover {
  color: var(--danger);
  background: rgba(231, 0, 0, 0.08);
}
:where(html[data-theme="light"]) .empty {
  color: var(--muted);
}
:where(html[data-theme="light"]) .empty strong {
  color: var(--text);
}
:where(html[data-theme="light"]) .back-link {
  color: var(--muted);
}
:where(html[data-theme="light"]) .back-link:hover {
  color: var(--text);
}
:where(html[data-theme="light"]) .thread {
  border: 1px solid var(--border);
  background: #f6f8f9;
}
:where(html[data-theme="light"]) .thread-body {
  color: #3b464e;
}
:where(html[data-theme="light"]) .thread-actions {
  border-top: 1px solid #e5e9ed;
}
:where(html[data-theme="light"]) .comments {
  border-top: 1px solid var(--border);
}
:where(html[data-theme="light"]) .comments-head {
  color: #293339;
}
:where(html[data-theme="light"]) .comment {
  border-left: 2px solid #dbe1e6;
}
:where(html[data-theme="light"]) .comment::before {
  background: #d3dbe0;
  border: 2px solid #f6f8f9;
}
:where(html[data-theme="light"]) .comment-meta {
  color: #74838e;
}
:where(html[data-theme="light"]) .comment-meta strong {
  color: #333f46;
}
:where(html[data-theme="light"]) .comment-meta .op {
  color: var(--accent);
}
:where(html[data-theme="light"]) .comment-body {
  color: #4e5b64;
}
:where(html[data-theme="light"]) .comment-body.deleted {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .comment-actions {
  color: #808f99;
}
:where(html[data-theme="light"]) .comment-action {
  color: inherit;
}
:where(html[data-theme="light"]) .comment-action:hover {
  background: #e6eaed;
  color: #242e34;
}
:where(html[data-theme="light"]) .comment-score.positive {
  color: var(--up);
}
:where(html[data-theme="light"]) .comment-score.negative {
  color: var(--down);
}
:where(html[data-theme="light"]) .comment-action.voted-up,
:where(html[data-theme="light"]) .comment-action.voted-up:hover {
  color: var(--up);
}
:where(html[data-theme="light"]) .comment-action.voted-down,
:where(html[data-theme="light"]) .comment-action.voted-down:hover {
  color: var(--down);
}
:where(html[data-theme="light"]) .comment-action.danger:hover {
  color: var(--danger);
}
:where(html[data-theme="light"]) .comment-action.reply-btn:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .composer-box textarea,
:where(html[data-theme="light"]) .field input,
:where(html[data-theme="light"]) .field textarea,
:where(html[data-theme="light"]) .field select {
  background: #f2f4f6;
  color: var(--text);
  border: 1px solid #d5dce2;
  outline: 0;
}
:where(html[data-theme="light"]) .composer-box textarea:focus,
:where(html[data-theme="light"]) .field input:focus,
:where(html[data-theme="light"]) .field textarea:focus,
:where(html[data-theme="light"]) .field select:focus {
  border-color: #829e2e;
}
:where(html[data-theme="light"]) .btn.primary {
  background: var(--accent);
  color: #fafbfc;
}
:where(html[data-theme="light"]) .btn.ghost {
  color: var(--muted);
}
:where(html[data-theme="light"]) .btn.ghost:hover {
  color: var(--text);
  background: #e6eaed;
}
:where(html[data-theme="light"]) .gate {
  border: 1px solid #759a32;
  background: #f9faf8;
}
:where(html[data-theme="light"]) .gate p {
  color: #293339;
}
:where(html[data-theme="light"]) .gate p span {
  color: var(--muted);
}
:where(html[data-theme="light"]) .rightbar {
  border-left: 1px solid var(--border);
  background: #fafbfb;
}
:where(html[data-theme="light"]) .card {
  border: 1px solid var(--border);
  background: #f5f7f8;
}
:where(html[data-theme="light"]) .mini-logo {
  border: 1px solid #a4cc00;
  color: var(--accent);
}
:where(html[data-theme="light"]) .card p {
  color: #5b6974;
}
:where(html[data-theme="light"]) .card-sub {
  color: #74838e;
}
:where(html[data-theme="light"]) .join {
  background: var(--orange);
  color: white;
}
:where(html[data-theme="light"]) .join.joined {
  background: transparent;
  border: 1px solid var(--border);
  color: #333f46;
}
:where(html[data-theme="light"]) .rules li {
  border-top: 1px solid #e4e9ec;
  color: #4a565e;
}
:where(html[data-theme="light"]) .rules li::before {
  color: #84939e;
}
:where(html[data-theme="light"]) .quick-link {
  color: #48545c;
}
:where(html[data-theme="light"]) .quick-link:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .related {
  border-bottom: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .related:last-child {
  border-bottom: 0;
}
:where(html[data-theme="light"]) .related-dot {
  background: #e4e9ec;
  color: var(--accent);
}
:where(html[data-theme="light"]) .related-title:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .related-title small {
  color: #8896a0;
}
:where(html[data-theme="light"]) .modal-backdrop {
  background: rgba(255, 255, 255, 0.72);
}
:where(html[data-theme="light"]) .modal {
  background: #f5f7f8;
  border: 1px solid var(--border);
  box-shadow: 0 30px 80px rgba(20, 30, 40, 0.175);
}
:where(html[data-theme="light"]) .modal .lead {
  color: var(--muted);
}
:where(html[data-theme="light"]) .field label {
  color: #333f46;
}
:where(html[data-theme="light"]) .field .hint {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .form-error {
  color: var(--danger);
}
:where(html[data-theme="light"]) .toast {
  background: #e6eaed;
  border: 1px solid #ccd5db;
  color: var(--text);
}
:where(html[data-theme="light"]) .avatar.lg {
  border: 3px solid #f6f8f9;
  box-shadow: 0 0 0 1px var(--border);
}
:where(html[data-theme="light"]) .author:hover .author-name {
  color: var(--text);
  text-decoration: underline;
}
:where(html[data-theme="light"]) .page-lead {
  color: var(--muted);
}
:where(html[data-theme="light"]) .profile-hero {
  border-bottom: 1px solid var(--border);
}
:where(html[data-theme="light"]) .profile-hero .handle {
  color: var(--muted);
}
:where(html[data-theme="light"]) .profile-hero .bio {
  color: #3b464e;
}
:where(html[data-theme="light"]) .stats {
  color: var(--muted);
}
:where(html[data-theme="light"]) .stats b {
  color: var(--text);
}
:where(html[data-theme="light"]) .tabs {
  border-bottom: 1px solid var(--border);
}
:where(html[data-theme="light"]) .tab {
  color: var(--muted);
  border-bottom: 2px solid transparent;
}
:where(html[data-theme="light"]) .tab:hover {
  color: var(--text);
}
:where(html[data-theme="light"]) .tab[aria-selected="true"] {
  color: var(--text);
  border-bottom-color: var(--accent);
}
:where(html[data-theme="light"]) .activity {
  border-bottom: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .activity .ctx {
  color: #293339;
}
:where(html[data-theme="light"]) .activity .ctx:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .activity p {
  color: #4e5b64;
}
:where(html[data-theme="light"]) .panel {
  border: 1px solid var(--border);
  background: #f6f8f9;
}
:where(html[data-theme="light"]) .panel > .sub {
  color: var(--muted);
}
:where(html[data-theme="light"]) .avatar-row .hint {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .kv dt {
  color: var(--muted);
}
:where(html[data-theme="light"]) .kv dd {
  color: var(--text);
}
:where(html[data-theme="light"]) .chip {
  background: #e6eaed;
  color: #333f46;
}
:where(html[data-theme="light"]) .status.ok {
  background: rgba(33, 131, 68, 0.14);
  color: #1a8341;
}
:where(html[data-theme="light"]) .status.wait {
  background: rgba(201, 71, 0, 0.14);
  color: #c54b00;
}
:where(html[data-theme="light"]) .notice.ok {
  background: rgba(33, 131, 68, 0.08);
  border: 1px solid rgba(33, 131, 68, 0.3);
  color: #1c8342;
}
:where(html[data-theme="light"]) .notice.wait {
  background: rgba(201, 71, 0, 0.07);
  border: 1px solid rgba(201, 71, 0, 0.3);
  color: #c34d00;
}
:where(html[data-theme="light"]) .notice.err {
  background: rgba(231, 0, 0, 0.07);
  border: 1px solid rgba(231, 0, 0, 0.3);
  color: #e70000;
}
:where(html[data-theme="light"]) .btn.danger {
  color: var(--danger);
}
:where(html[data-theme="light"]) .btn.danger:hover {
  background: rgba(231, 0, 0, 0.08);
}
:where(html[data-theme="light"]) .btn.outline {
  border: 1px solid var(--border);
  color: #293339;
}
:where(html[data-theme="light"]) .btn.outline:hover {
  border-color: #bdc8d1;
  color: var(--text);
}
:where(html[data-theme="light"]) .center-card p {
  color: var(--muted);
}
:where(html[data-theme="light"]) .big-code {
  color: var(--accent);
}
:where(html[data-theme="light"]) .post-cover {
  border: 1px solid var(--border);
  background: #f6f8f9;
}
:where(html[data-theme="light"]) .post-cover video {
  background: #000000;
}
:where(html[data-theme="light"]) .post-excerpt {
  color: #4f5c65;
}
:where(html[data-theme="light"]) .read-more {
  color: var(--accent);
}
:where(html[data-theme="light"]) .read-more:hover {
  text-decoration: underline;
}
:where(html[data-theme="light"]) .auth-card {
  background: #f6f8f9;
  border: 1px solid var(--border);
}
:where(html[data-theme="light"]) .auth-lead {
  color: var(--muted);
}
:where(html[data-theme="light"]) .reveal {
  color: var(--muted);
}
:where(html[data-theme="light"]) .reveal:hover {
  color: var(--text);
  background: #e6eaed;
}
:where(html[data-theme="light"]) .auth-switch {
  color: var(--muted);
}
:where(html[data-theme="light"]) .auth-switch a,
:where(html[data-theme="light"]) .auth-back:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .auth-switch a:hover {
  text-decoration: underline;
}
:where(html[data-theme="light"]) .auth-back {
  color: var(--muted);
}
:where(html[data-theme="light"]) .field input.touched:invalid:not(:focus) {
  border-color: rgba(231, 0, 0, 0.5);
}
:where(html[data-theme="light"]) .md {
  color: #333f46;
}
:where(html[data-theme="light"]) .md h1,
:where(html[data-theme="light"]) .md h2,
:where(html[data-theme="light"]) .md h3,
:where(html[data-theme="light"]) .md h4,
:where(html[data-theme="light"]) .md h5,
:where(html[data-theme="light"]) .md h6 {
  color: var(--text);
}
:where(html[data-theme="light"]) .md a {
  color: var(--accent);
  text-decoration: underline;
}
:where(html[data-theme="light"]) .md strong {
  color: var(--text);
}
:where(html[data-theme="light"]) .md blockquote {
  border-left: 3px solid #c3ced5;
  color: var(--muted);
}
:where(html[data-theme="light"]) .md code {
  background: #eaeef0;
  border: 1px solid #dde3e7;
}
:where(html[data-theme="light"]) .md pre {
  background: #f2f4f6;
  border: 1px solid #dde3e7;
}
:where(html[data-theme="light"]) .md pre code {
  background: none;
  border: 0;
}
:where(html[data-theme="light"]) .md img {
  border: 1px solid var(--border);
  background: #f6f8f9;
}
:where(html[data-theme="light"]) .md th,
:where(html[data-theme="light"]) .md td {
  border: 1px solid var(--border);
}
:where(html[data-theme="light"]) .md th {
  background: #edf0f3;
  color: var(--text);
}
:where(html[data-theme="light"]) .md hr {
  border: 0;
  border-top: 1px solid var(--border);
}
:where(html[data-theme="light"]) .md-editor {
  border: 1px solid #d5dce2;
  background: #f2f4f6;
}
:where(html[data-theme="light"]) .md-editor:focus-within {
  border-color: #829e2e;
}
:where(html[data-theme="light"]) .md-editor.dragging {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(105, 133, 0, 0.072);
}
:where(html[data-theme="light"]) .md-bar {
  border-bottom: 1px solid #dfe5e9;
  background: #f5f7f8;
}
:where(html[data-theme="light"]) .md-tab {
  color: var(--muted);
}
:where(html[data-theme="light"]) .md-tab[aria-selected="true"] {
  background: #e6eaed;
  color: var(--text);
}
:where(html[data-theme="light"]) .md-tool {
  color: #5c6a75;
}
:where(html[data-theme="light"]) .md-tool:hover,
:where(html[data-theme="light"]) .md-tab:hover {
  background: #e6eaed;
  color: var(--text);
}
:where(html[data-theme="light"]) .md-tool:disabled {
  background: none;
}
:where(html[data-theme="light"]) .md-sep {
  background: #d5dce2;
}
:where(html[data-theme="light"]) .md-editor textarea {
  border: 0 !important;
  background: transparent;
  color: var(--text);
  outline: 0;
}
:where(html[data-theme="light"]) .md-preview.empty {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .md-foot {
  border-top: 1px solid #dfe5e9;
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .md-foot a {
  color: var(--muted);
  text-decoration: underline;
}
:where(html[data-theme="light"]) .md-status {
  color: var(--muted);
}
:where(html[data-theme="light"]) .md-status.err {
  color: var(--danger);
}
@media (max-width: 720px) {
  :where(html[data-theme="light"]) .modal.wide {
    border: 0;
  }
}
:where(html[data-theme="light"]) .posting-as {
  color: var(--muted);
}
:where(html[data-theme="light"]) .posting-as strong {
  color: #293339;
}
:where(html[data-theme="light"]) .tier .meter {
  background: rgba(0, 0, 0, 0.14);
}
:where(html[data-theme="light"]) .tier .meter-fill {
  background: currentColor;
}
:where(html[data-theme="light"]) .tier.liked {
  color: #1a8341;
  background: rgba(33, 131, 68, 0.1);
}
:where(html[data-theme="light"]) .tier.excellent {
  color: var(--accent);
  background: rgba(97, 124, 0, 0.1);
}
:where(html[data-theme="light"]) .tier.extra {
  color: #b35a00;
  background: rgba(201, 71, 0, 0.12);
  box-shadow: inset 0 0 0 1px rgba(216, 77, 0, 0.15);
}
:where(html[data-theme="light"]) .ac-list {
  background: #f5f7f8;
  border: 1px solid var(--border);
  box-shadow: 0 18px 40px rgba(20, 30, 40, 0.158);
}
:where(html[data-theme="light"]) .ac-item {
  color: #333f46;
}
:where(html[data-theme="light"]) .ac-item.active {
  background: #e6eaed;
  color: var(--text);
}
:where(html[data-theme="light"]) .ac-icon {
  background: #e4e9ec;
  color: var(--accent);
}
:where(html[data-theme="light"]) .ac-text small {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .rich-area {
  outline: 0;
  color: var(--text);
}
:where(html[data-theme="light"]) .rich-area:empty::before {
  color: #7e8c97;
}
:where(html[data-theme="light"]) .rich-area video {
  border: 1px solid var(--border);
  background: #000000;
}
:where(html[data-theme="light"]) .md video {
  border: 1px solid var(--border);
  background: #000000;
}
:where(html[data-theme="light"]) .result {
  border-bottom: 1px solid var(--border-soft);
  color: #333f46;
}
:where(html[data-theme="light"]) .result:hover {
  background: rgba(0, 0, 0, 0.02);
  color: var(--text);
}
:where(html[data-theme="light"]) .result-icon {
  background: #e4e9ec;
  color: var(--accent);
}
:where(html[data-theme="light"]) .result-icon.topic {
  color: var(--blue);
}
:where(html[data-theme="light"]) .result-text small {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .tabs .tab {
  text-decoration: none;
}
:where(html[data-theme="light"]) .tag.premium {
  background: linear-gradient(90deg, #a76200, #b45900);
  color: #cc6b00;
}
:where(html[data-theme="light"]) .gate.premium {
  border-color: #a87624;
  background: #f8f7f6;
}
:where(html[data-theme="light"]) .gate.premium strong {
  color: #b35a00;
}
:where(html[data-theme="light"]) .premium-box {
  border-top: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .premium-box .card-title {
  color: #b35a00;
}
:where(html[data-theme="light"]) .premium-box .join {
  background: linear-gradient(90deg, #a76200, #b45900);
  color: #cc6b00;
}
:where(html[data-theme="light"]) .check-row {
  color: #333f46;
}
:where(html[data-theme="light"]) .check-row input {
  accent-color: var(--accent);
}
:where(html[data-theme="light"]) .check-row small {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .manage-btn svg {
  fill: none;
  stroke: currentColor;
}
:where(html[data-theme="light"]) .sub-row {
  border-bottom: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .premium-options {
  border: 1px solid #759a32;
  background: #f9faf8;
}
:where(html[data-theme="light"]) .teaser-video {
  border: 1px solid var(--border);
  background: #000000;
}
:where(html[data-theme="light"]) .preview-video {
  border: 1px solid var(--border);
  background: #000000;
}
:where(html[data-theme="light"]) .link-card {
  border: 1px solid var(--border);
  background: #f2f4f6;
  color: #333f46;
}
:where(html[data-theme="light"]) .link-card:hover {
  border-color: #bdc8d1;
}
:where(html[data-theme="light"]) .link-image {
  background: #000000;
}
:where(html[data-theme="light"]) .link-site {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .link-text strong {
  color: var(--text);
}
:where(html[data-theme="light"]) .link-text small {
  color: var(--muted);
}
:where(html[data-theme="light"]) .link-url {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .yt-frame {
  border: 0;
}
:where(html[data-theme="light"]) .teaser-chip {
  background: #e6eaed;
  color: #293339;
}
:where(html[data-theme="light"]) .teaser-chip:hover {
  background: #d6dee3;
  color: var(--text);
}
:where(html[data-theme="light"]) .modal-video {
  background: #000000;
}
:where(html[data-theme="light"]) .link-detected {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .meter.wide {
  background: rgba(0, 0, 0, 0.12);
  color: var(--accent);
}
:where(html[data-theme="light"]) .meter.wide.full {
  color: var(--danger);
}
:where(html[data-theme="light"]) .dock {
  background: #f6f8f9;
  border: 1px solid var(--border);
  box-shadow: 0 20px 50px rgba(20, 30, 40, 0.193);
}
:where(html[data-theme="light"]) .dock-bar {
  border-bottom: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .dock-title {
  color: #293339;
}
:where(html[data-theme="light"]) .dock-title:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .dock-close {
  color: var(--muted);
}
:where(html[data-theme="light"]) .dock-close:hover {
  background: #e6eaed;
  color: var(--text);
}
:where(html[data-theme="light"]) .dock-video,
:where(html[data-theme="light"]) .dock-frame {
  border: 0;
  background: #000000;
}
:where(html[data-theme="light"]) .reputation strong {
  color: var(--accent);
}
:where(html[data-theme="light"]) .weight-row input[type="range"] {
  accent-color: var(--accent);
}
:where(html[data-theme="light"]) .weight-row strong {
  color: #293339;
}
:where(html[data-theme="light"]) .post-action.views:hover {
  background: none;
  color: #73818b;
}
:where(html[data-theme="light"]) .repost-origin {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .repost-origin a {
  color: var(--accent);
}
:where(html[data-theme="light"]) .republish-banner {
  border: 1px dashed var(--border);
  background: rgba(0, 0, 0, 0.015);
  color: var(--muted);
}
:where(html[data-theme="light"]) .republish-banner strong {
  color: #293339;
}
:where(html[data-theme="light"]) .post-action.views.clickable:hover {
  background: #e6eaed;
  color: #1d2529;
}
:where(html[data-theme="light"]) .stat-tile {
  border: 1px solid var(--border);
  background: #f2f4f6;
}
:where(html[data-theme="light"]) .stat-tile strong {
  color: var(--text);
}
:where(html[data-theme="light"]) .stat-tile span {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .visitor-row {
  border-bottom: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .bot-block .visitor-row strong {
  color: #293339;
}
:where(html[data-theme="light"]) .onboarding {
  border: 1px solid var(--border);
  background: #f6f8f9;
}
:where(html[data-theme="light"]) .onboarding > p {
  color: var(--muted);
}
:where(html[data-theme="light"]) .onboard-row {
  border-bottom: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .onboard-text small {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .onboarding .hint {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .onboarding .hint a {
  color: var(--accent);
}
:where(html[data-theme="light"]) .more-communities {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .scope-switch {
  background: #edf0f3;
  border: 1px solid #dae0e5;
}
:where(html[data-theme="light"]) .scope {
  color: var(--muted);
}
:where(html[data-theme="light"]) .scope:hover {
  color: var(--text);
}
:where(html[data-theme="light"]) .scope.selected {
  background: #dee3e8;
  color: var(--accent);
}
:where(html[data-theme="light"]) .pager-info {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .result-meta {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .closed-note {
  color: var(--muted);
}
:where(html[data-theme="light"]) .feed-loading {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .closed-note.frozen {
  color: var(--blue);
}
:where(html[data-theme="light"]) .danger-zone {
  border-top: 1px solid rgba(231, 0, 0, 0.25);
}
:where(html[data-theme="light"]) .danger-zone .card-title {
  color: var(--danger);
}
:where(html[data-theme="light"]) .btn.danger.outline {
  border: 1px solid rgba(231, 0, 0, 0.4);
}
:where(html[data-theme="light"]) .btn.danger.outline:hover {
  background: rgba(231, 0, 0, 0.1);
}
:root[data-theme="light"] {
  --bg: #fdfdfe;
  --bg-2: #fafbfb;
  --panel: #f5f7f8;
  --panel-2: #f1f3f5;
  --border: #d4dbe1;
  --border-soft: #e2e8eb;
  --border-strong: #c2cdd5;
  --text: #0f1315;
  --text-soft: #283238;
  --muted: #5e6c76;
  --muted-2: #83929d;
  --accent: #617c00;
  --accent-soft: rgba(97, 124, 0, 0.1);
  --accent-border: rgba(97, 124, 0, 0.28);
  --orange: #c94700;
  --blue: #006de9;
  --purple: #8549ff;
  --danger: #e70000;
  --up: #218344;
  --down: #e70000;
  --shadow-sm: 0 8px 25px rgba(20, 30, 40, 0.07);
  --shadow-md: 0 18px 50px rgba(20, 30, 40, 0.112);
  --shadow-lg: 0 30px 90px rgba(20, 30, 40, 0.193);
}
html[data-theme="light"] {
  background: var(--bg);
}
:where(html[data-theme="light"]) body {
  background: radial-gradient(
    circle at 50% -10%,
    rgba(97, 124, 0, 0.025),
                  transparent 38%
  ),
  var(--bg);
  color: var(--text);
}
:where(html[data-theme="light"]) button {
  border: 0;
  color: inherit;
  background: none;
}
:where(html[data-theme="light"]) a {
  color: inherit;
  text-decoration: none;
}
:where(html[data-theme="light"]) :focus-visible {
  outline: 2px solid var(--accent);
}
:where(html[data-theme="light"]) .topbar {
  background: rgba(253, 253, 254, 0.92);
  border-bottom: 1px solid var(--border);
}
:where(html[data-theme="light"]) .brand-mark {
  border: 1px solid var(--accent-border);
  color: var(--accent);
  background: radial-gradient(
    circle at center,
    rgba(97, 124, 0, 0.08),
                  transparent 70%
  );
  box-shadow: 0 0 25px rgba(105, 133, 0, 0.036),
  inset 0 1px 0 rgba(123, 123, 123, 0.03);
}
:where(html[data-theme="light"]) .search {
  background: #eff2f4;
  border: 1px solid #d9e0e5;
  color: var(--muted);
}
:where(html[data-theme="light"]) .search:focus-within {
  border-color: rgba(97, 124, 0, 0.3);
  background: #edf0f3;
  box-shadow: 0 0 0 3px rgba(105, 133, 0, 0.027);
}
:where(html[data-theme="light"]) .search input {
  outline: 0;
  border: 0;
  background: transparent;
  color: var(--text);
}
:where(html[data-theme="light"]) .search input::placeholder {
  color: #7e8c97;
}
:where(html[data-theme="light"]) .pill {
  border: 1px solid var(--border);
  background: #f1f4f6;
  color: #333f46;
}
:where(html[data-theme="light"]) .pill:hover {
  border-color: var(--border-strong);
  background: #eceff1;
  color: var(--text);
}
:where(html[data-theme="light"]) .pill.accent {
  color: #fbfcfd;
  background: var(--accent);
  border-color: var(--accent);
}
:where(html[data-theme="light"]) .pill.accent:hover {
  background: #637b00;
}
:where(html[data-theme="light"]) .user-chip {
  color: #293339;
}
:where(html[data-theme="light"]) .avatar {
  background: #e4e9ec;
  color: var(--accent);
}
:where(html[data-theme="light"]) .badge {
  color: #fafbfc;
  background: var(--accent);
}
:where(html[data-theme="light"]) .sidebar {
  border-right: 1px solid var(--border);
  background: #fafbfb;
}
:where(html[data-theme="light"]) .nav-section {
  color: #83919c;
}
:where(html[data-theme="light"]) .nav-item {
  color: #3e4951;
}
:where(html[data-theme="light"]) .nav-item:hover {
  background: #eaeef0;
  color: var(--text);
}
:where(html[data-theme="light"]) .nav-item.active {
  background: #e5eaed;
  color: var(--text);
  box-shadow: inset 3px 0 var(--accent),
  0 0 20px rgba(105, 133, 0, 0.015);
}
:where(html[data-theme="light"]) .nav-icon {
  color: #5b6974;
}
:where(html[data-theme="light"]) .nav-item.active .nav-icon {
  color: var(--accent);
}
:where(html[data-theme="light"]) .sidebar-bottom {
  color: #95a3ad;
}
:where(html[data-theme="light"]) .community-header {
  border-bottom: 1px solid var(--border);
}
:where(html[data-theme="light"]) .community-logo {
  border: 1px solid #a1cc00;
  color: var(--accent);
  background: radial-gradient(
    circle at 50% 35%,
    rgba(97, 124, 0, 0.08),
                  transparent 65%
  ),
  #fbfbf9;
  box-shadow: inset 0 1px 0 rgba(123, 123, 123, 0.024);
}
:where(html[data-theme="light"]) .community-title p {
  color: var(--muted);
}
:where(html[data-theme="light"]) .new-topic {
  background: var(--orange);
  color: white;
  box-shadow: 0 8px 25px rgba(216, 77, 0, 0.06);
}
:where(html[data-theme="light"]) .new-topic:hover {
  background: #c84800;
  box-shadow: 0 10px 30px rgba(216, 77, 0, 0.096);
}
:where(html[data-theme="light"]) .join-inline.joined {
  color: var(--muted);
}
:where(html[data-theme="light"]) .sortbar {
  border-bottom: 1px solid var(--border);
}
:where(html[data-theme="light"]) .sort {
  color: var(--muted);
}
:where(html[data-theme="light"]) .sort:hover {
  background: #e6eaed;
  color: var(--text);
}
:where(html[data-theme="light"]) .sort.selected {
  background: #e6eaed;
  color: var(--accent);
}
:where(html[data-theme="light"]) .post {
  border-bottom: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .post:hover {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(0, 0, 0, 0.018),
                  transparent
  );
}
:where(html[data-theme="light"]) .meta {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .meta a:hover {
  color: var(--text);
  text-decoration: underline;
}
:where(html[data-theme="light"]) .meta .sub {
  color: #293339;
}
:where(html[data-theme="light"]) .tag {
  color: #fbfdfb;
}
:where(html[data-theme="light"]) .tag.feature {
  background: var(--accent);
}
:where(html[data-theme="light"]) .tag.help {
  background: var(--blue);
}
:where(html[data-theme="light"]) .tag.discussion {
  background: var(--purple);
  color: white;
}
:where(html[data-theme="light"]) .tag.question {
  background: var(--orange);
  color: white;
}
:where(html[data-theme="light"]) .tag.performance {
  background: #1477ba;
  color: white;
}
:where(html[data-theme="light"]) .post h2 a:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .post p {
  color: #4f5c65;
}
:where(html[data-theme="light"]) .post-excerpt {
  color: #4f5c65;
}
:where(html[data-theme="light"]) .read-more {
  color: var(--accent);
}
:where(html[data-theme="light"]) .read-more:hover {
  text-decoration: underline;
}
:where(html[data-theme="light"]) .vote-box {
  border: 1px solid #dbe1e6;
  background: #f2f4f6;
}
:where(html[data-theme="light"]) .vote-btn {
  color: #6d7c87;
}
:where(html[data-theme="light"]) .vote-btn svg {
  fill: currentColor;
}
:where(html[data-theme="light"]) .vote-btn.up {
  color: rgba(33, 131, 68, 0.65);
}
:where(html[data-theme="light"]) .vote-btn.down {
  color: rgba(231, 0, 0, 0.6);
}
:where(html[data-theme="light"]) .vote-btn.up:hover,
:where(html[data-theme="light"]) .vote-btn.up.voted {
  color: var(--up);
  background: rgba(33, 131, 68, 0.12);
}
:where(html[data-theme="light"]) .vote-btn.down:hover,
:where(html[data-theme="light"]) .vote-btn.down.voted {
  color: var(--down);
  background: rgba(231, 0, 0, 0.12);
}
:where(html[data-theme="light"]) .score {
  color: #1b2327;
}
:where(html[data-theme="light"]) .score.positive {
  color: var(--up);
}
:where(html[data-theme="light"]) .score.negative {
  color: var(--down);
}
:where(html[data-theme="light"]) .post-action {
  color: #73818b;
}
:where(html[data-theme="light"]) .post-action svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:where(html[data-theme="light"]) .post-action:hover {
  background: #e6eaed;
  color: #1d2529;
}
:where(html[data-theme="light"]) .post-action.danger:hover {
  color: var(--danger);
  background: rgba(231, 0, 0, 0.08);
}
:where(html[data-theme="light"]) .post-action.views:hover {
  background: none;
  color: #73818b;
}
:where(html[data-theme="light"]) .post-action.views.clickable:hover {
  background: #e6eaed;
  color: #1d2529;
}
:where(html[data-theme="light"]) .tier .meter {
  background: rgba(0, 0, 0, 0.14);
}
:where(html[data-theme="light"]) .tier .meter-fill {
  background: currentColor;
}
:where(html[data-theme="light"]) .tier.liked {
  color: #1a8341;
  background: rgba(33, 131, 68, 0.1);
}
:where(html[data-theme="light"]) .tier.excellent {
  color: var(--accent);
  background: rgba(97, 124, 0, 0.1);
}
:where(html[data-theme="light"]) .tier.extra {
  color: #b35a00;
  background: rgba(201, 71, 0, 0.12);
  box-shadow: inset 0 0 0 1px rgba(216, 77, 0, 0.15);
}
:where(html[data-theme="light"]) .post-cover {
  border: 1px solid var(--border);
  background: radial-gradient(
    circle at 50% 30%,
    rgba(0, 0, 0, 0.025),
                  transparent 65%
  ),
  #ffffff;
  box-shadow: var(--shadow-sm);
}
:where(html[data-theme="light"]) .post-cover:hover {
  border-color: var(--border-strong);
  box-shadow: 0 12px 35px rgba(20, 30, 40, 0.087);
}
:where(html[data-theme="light"]) .post-cover.is-video {
  border: 1px solid var(--border);
  background: #f2f4f6;
  color: #333f46;
}
@media screen and (min-width: 1400px) and (max-height: 700px) {
  :where(html[data-theme="light"]) .post-cover.is-video img {
    background: #000000;
  }
}
:where(html[data-theme="light"]) .post-cover.is-video img {
  background: #000000;
}
:where(html[data-theme="light"]) .post-cover img {
  background: #000000;
}
:where(html[data-theme="light"]) .post-cover.is-video {
  background: radial-gradient(
    circle at center,
    rgba(0, 0, 0, 0.035),
                  transparent 65%
  ),
  #000000;
}
:where(html[data-theme="light"]) .post-cover.is-video video {
  background: #000000;
}
:where(html[data-theme="light"]) .md img {
  border: 1px solid var(--border);
  background: #f6f8f9;
  box-shadow: 0 10px 35px rgba(20, 30, 40, 0.063);
}
:where(html[data-theme="light"]) .md video {
  border: 1px solid var(--border);
  background: #000000;
  box-shadow: 0 10px 35px rgba(20, 30, 40, 0.07);
}
:where(html[data-theme="light"]) .rich-area video {
  border: 1px solid var(--border);
  background: #000000;
}
:where(html[data-theme="light"]) .thread {
  border: 1px solid var(--border);
  background: #f6f8f9;
  box-shadow: 0 10px 35px rgba(20, 30, 40, 0.042);
}
:where(html[data-theme="light"]) .thread-body {
  color: #3b464e;
}
:where(html[data-theme="light"]) .thread-actions {
  border-top: 1px solid #e5e9ed;
}
:where(html[data-theme="light"]) .comments {
  border-top: 1px solid var(--border);
}
:where(html[data-theme="light"]) .comments-head {
  color: #293339;
}
:where(html[data-theme="light"]) .comment {
  border-left: 2px solid #dbe1e6;
}
:where(html[data-theme="light"]) .comment::before {
  background: #d3dbe0;
  border: 2px solid #f6f8f9;
}
:where(html[data-theme="light"]) .comment-meta {
  color: #74838e;
}
:where(html[data-theme="light"]) .comment-meta strong {
  color: #333f46;
}
:where(html[data-theme="light"]) .comment-meta .op {
  color: var(--accent);
}
:where(html[data-theme="light"]) .comment-body {
  color: #4e5b64;
}
:where(html[data-theme="light"]) .comment-body.deleted {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .comment-actions {
  color: #808f99;
}
:where(html[data-theme="light"]) .comment-action {
  color: inherit;
}
:where(html[data-theme="light"]) .comment-action:hover {
  background: #e6eaed;
  color: #242e34;
}
:where(html[data-theme="light"]) .comment-score.positive {
  color: var(--up);
}
:where(html[data-theme="light"]) .comment-score.negative {
  color: var(--down);
}
:where(html[data-theme="light"]) .comment-action.voted-up,
:where(html[data-theme="light"]) .comment-action.voted-up:hover {
  color: var(--up);
}
:where(html[data-theme="light"]) .comment-action.voted-down,
:where(html[data-theme="light"]) .comment-action.voted-down:hover {
  color: var(--down);
}
:where(html[data-theme="light"]) .comment-action.danger:hover {
  color: var(--danger);
}
:where(html[data-theme="light"]) .comment-action.reply-btn:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .composer-box textarea,
:where(html[data-theme="light"]) .field input,
:where(html[data-theme="light"]) .field textarea,
:where(html[data-theme="light"]) .field select {
  background: #f2f4f6;
  color: var(--text);
  border: 1px solid #d5dce2;
  outline: 0;
}
:where(html[data-theme="light"]) .composer-box textarea:focus,
:where(html[data-theme="light"]) .field input:focus,
:where(html[data-theme="light"]) .field textarea:focus,
:where(html[data-theme="light"]) .field select:focus {
  border-color: #829e2e;
  box-shadow: 0 0 0 3px rgba(105, 133, 0, 0.021);
}
:where(html[data-theme="light"]) .btn.primary {
  background: var(--accent);
  color: #fafbfc;
}
:where(html[data-theme="light"]) .btn.primary:hover {
  background: #637b00;
}
:where(html[data-theme="light"]) .btn.ghost {
  color: var(--muted);
}
:where(html[data-theme="light"]) .btn.ghost:hover {
  color: var(--text);
  background: #e6eaed;
}
:where(html[data-theme="light"]) .gate {
  border: 1px solid #759a32;
  background: #f9faf8;
}
:where(html[data-theme="light"]) .gate p {
  color: #293339;
}
:where(html[data-theme="light"]) .gate p span {
  color: var(--muted);
}
:where(html[data-theme="light"]) .rightbar {
  border-left: 1px solid var(--border);
  background: #fafbfb;
}
:where(html[data-theme="light"]) .card {
  border: 1px solid var(--border);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.012),
                  transparent
  ),
  #f5f7f8;
}
:where(html[data-theme="light"]) .mini-logo {
  border: 1px solid #a4cc00;
  color: var(--accent);
}
:where(html[data-theme="light"]) .card p {
  color: #5b6974;
}
:where(html[data-theme="light"]) .card-sub {
  color: #74838e;
}
:where(html[data-theme="light"]) .join {
  background: var(--orange);
  color: white;
}
:where(html[data-theme="light"]) .join.joined {
  background: transparent;
  border: 1px solid var(--border);
  color: #333f46;
}
:where(html[data-theme="light"]) .rules li {
  border-top: 1px solid #e4e9ec;
  color: #4a565e;
}
:where(html[data-theme="light"]) .rules li::before {
  color: #84939e;
}
:where(html[data-theme="light"]) .quick-link {
  color: #48545c;
}
:where(html[data-theme="light"]) .quick-link:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .related {
  border-bottom: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .related:last-child {
  border-bottom: 0;
}
:where(html[data-theme="light"]) .related-dot {
  background: #e4e9ec;
  color: var(--accent);
}
:where(html[data-theme="light"]) .related-title:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .related-title small {
  color: #8896a0;
}
:where(html[data-theme="light"]) .toast {
  background: #e6eaed;
  border: 1px solid #ccd5db;
  color: var(--text);
  box-shadow: var(--shadow-md);
}
:where(html[data-theme="light"]) .avatar.lg {
  border: 3px solid #f6f8f9;
  box-shadow: 0 0 0 1px var(--border);
}
:where(html[data-theme="light"]) .author:hover .author-name {
  color: var(--text);
  text-decoration: underline;
}
:where(html[data-theme="light"]) .page-lead {
  color: var(--muted);
}
:where(html[data-theme="light"]) .profile-hero {
  border-bottom: 1px solid var(--border);
}
:where(html[data-theme="light"]) .profile-hero .handle {
  color: var(--muted);
}
:where(html[data-theme="light"]) .profile-hero .bio {
  color: #3b464e;
}
:where(html[data-theme="light"]) .stats {
  color: var(--muted);
}
:where(html[data-theme="light"]) .stats b {
  color: var(--text);
}
:where(html[data-theme="light"]) .tabs {
  border-bottom: 1px solid var(--border);
}
:where(html[data-theme="light"]) .tab {
  color: var(--muted);
  border-bottom: 2px solid transparent;
}
:where(html[data-theme="light"]) .tab:hover {
  color: var(--text);
}
:where(html[data-theme="light"]) .tab[aria-selected="true"] {
  color: var(--text);
  border-bottom-color: var(--accent);
}
:where(html[data-theme="light"]) .activity {
  border-bottom: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .activity .ctx {
  color: #293339;
}
:where(html[data-theme="light"]) .activity .ctx:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .activity p {
  color: #4e5b64;
}
:where(html[data-theme="light"]) .panel {
  border: 1px solid var(--border);
  background: #f6f8f9;
}
:where(html[data-theme="light"]) .panel > .sub {
  color: var(--muted);
}
:where(html[data-theme="light"]) .avatar-row .hint {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .kv dt {
  color: var(--muted);
}
:where(html[data-theme="light"]) .kv dd {
  color: var(--text);
}
:where(html[data-theme="light"]) .chip {
  background: #e6eaed;
  color: #333f46;
}
:where(html[data-theme="light"]) .status.ok {
  background: rgba(33, 131, 68, 0.14);
  color: #1a8341;
}
:where(html[data-theme="light"]) .status.wait {
  background: rgba(201, 71, 0, 0.14);
  color: #c54b00;
}
:where(html[data-theme="light"]) .notice.ok {
  background: rgba(33, 131, 68, 0.08);
  border: 1px solid rgba(33, 131, 68, 0.3);
  color: #1c8342;
}
:where(html[data-theme="light"]) .notice.wait {
  background: rgba(201, 71, 0, 0.07);
  border: 1px solid rgba(201, 71, 0, 0.3);
  color: #c34d00;
}
:where(html[data-theme="light"]) .notice.err {
  background: rgba(231, 0, 0, 0.07);
  border: 1px solid rgba(231, 0, 0, 0.3);
  color: #e70000;
}
:where(html[data-theme="light"]) .btn.danger {
  color: var(--danger);
}
:where(html[data-theme="light"]) .btn.danger:hover {
  background: rgba(231, 0, 0, 0.08);
}
:where(html[data-theme="light"]) .btn.outline {
  border: 1px solid var(--border);
  color: #293339;
}
:where(html[data-theme="light"]) .btn.outline:hover {
  border-color: #bdc8d1;
  color: var(--text);
}
:where(html[data-theme="light"]) .center-card p {
  color: var(--muted);
}
:where(html[data-theme="light"]) .big-code {
  color: var(--accent);
}
:where(html[data-theme="light"]) .auth-card {
  background: #f6f8f9;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
}
:where(html[data-theme="light"]) .auth-lead {
  color: var(--muted);
}
:where(html[data-theme="light"]) .reveal {
  color: var(--muted);
}
:where(html[data-theme="light"]) .reveal:hover {
  color: var(--text);
  background: #e6eaed;
}
:where(html[data-theme="light"]) .auth-switch {
  color: var(--muted);
}
:where(html[data-theme="light"]) .auth-switch a,
:where(html[data-theme="light"]) .auth-back:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .auth-switch a:hover {
  text-decoration: underline;
}
:where(html[data-theme="light"]) .auth-back {
  color: var(--muted);
}
:where(html[data-theme="light"]) .field input.touched:invalid:not(:focus) {
  border-color: rgba(231, 0, 0, 0.5);
}
:where(html[data-theme="light"]) .tag.premium {
  background: linear-gradient(
    90deg,
    #a76200,
    #b45900
  );
  color: #cc6b00;
}
:where(html[data-theme="light"]) .gate.premium {
  border-color: #a87624;
  background: #f8f7f6;
}
:where(html[data-theme="light"]) .gate.premium strong {
  color: #b35a00;
}
:where(html[data-theme="light"]) .premium-box {
  border-top: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .premium-box .card-title {
  color: #b35a00;
}
:where(html[data-theme="light"]) .premium-box .join {
  background: linear-gradient(
    90deg,
    #a76200,
    #b45900
  );
  color: #cc6b00;
}
:where(html[data-theme="light"]) .premium-options {
  border: 1px solid #759a32;
  background: #f9faf8;
}
:where(html[data-theme="light"]) .teaser-video {
  border: 1px solid var(--border);
  background: #000000;
}
:where(html[data-theme="light"]) .preview-video {
  border: 1px solid var(--border);
  background: #000000;
}
:where(html[data-theme="light"]) .dock {
  background: #f6f8f9;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-lg);
}
:where(html[data-theme="light"]) .dock-bar {
  border-bottom: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .dock-title {
  color: #293339;
}
:where(html[data-theme="light"]) .dock-title:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .dock-close {
  color: var(--muted);
}
:where(html[data-theme="light"]) .dock-close:hover {
  background: #e6eaed;
  color: var(--text);
}
:where(html[data-theme="light"]) .dock-video,
:where(html[data-theme="light"]) .dock-frame {
  border: 0;
  background: #000000;
}
:where(html[data-theme="light"]) .ac-list {
  background: #f5f7f8;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
}
:where(html[data-theme="light"]) .ac-item {
  color: #333f46;
}
:where(html[data-theme="light"]) .ac-item.active {
  background: #e6eaed;
  color: var(--text);
}
:where(html[data-theme="light"]) .ac-icon {
  background: #e4e9ec;
  color: var(--accent);
}
:where(html[data-theme="light"]) .ac-text small {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .result {
  border-bottom: 1px solid var(--border-soft);
  color: #333f46;
}
:where(html[data-theme="light"]) .result:hover {
  background: rgba(0, 0, 0, 0.02);
  color: var(--text);
}
:where(html[data-theme="light"]) .result-icon {
  background: #e4e9ec;
  color: var(--accent);
}
:where(html[data-theme="light"]) .result-icon.topic {
  color: var(--blue);
}
:where(html[data-theme="light"]) .result-text small {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .tabs .tab {
  text-decoration: none;
}
:where(html[data-theme="light"]) .manage-btn svg {
  fill: none;
  stroke: currentColor;
}
:where(html[data-theme="light"]) .sub-row {
  border-bottom: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .meter.wide {
  background: rgba(0, 0, 0, 0.12);
  color: var(--accent);
}
:where(html[data-theme="light"]) .meter.wide.full {
  color: var(--danger);
}
:where(html[data-theme="light"]) .reputation strong {
  color: var(--accent);
}
:where(html[data-theme="light"]) .weight-row input[type="range"] {
  accent-color: var(--accent);
}
:where(html[data-theme="light"]) .weight-row strong {
  color: #293339;
}
:where(html[data-theme="light"]) .stat-tile {
  border: 1px solid var(--border);
  background: #f2f4f6;
}
:where(html[data-theme="light"]) .stat-tile strong {
  color: var(--text);
}
:where(html[data-theme="light"]) .stat-tile span {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .visitor-row {
  border-bottom: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .bot-block .visitor-row strong {
  color: #293339;
}
:where(html[data-theme="light"]) .onboarding {
  border: 1px solid var(--border);
  background: #f6f8f9;
}
:where(html[data-theme="light"]) .onboarding > p {
  color: var(--muted);
}
:where(html[data-theme="light"]) .onboard-row {
  border-bottom: 1px solid #e4e9ec;
}
:where(html[data-theme="light"]) .onboard-text small {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .onboarding .hint {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .onboarding .hint a {
  color: var(--accent);
}
:where(html[data-theme="light"]) .more-communities {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .scope-switch {
  background: #edf0f3;
  border: 1px solid #dae0e5;
}
:where(html[data-theme="light"]) .scope {
  color: var(--muted);
}
:where(html[data-theme="light"]) .scope:hover {
  color: var(--text);
}
:where(html[data-theme="light"]) .scope.selected {
  background: #dee3e8;
  color: var(--accent);
}
:where(html[data-theme="light"]) .pager-info {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .result-meta {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .closed-note {
  color: var(--muted);
}
:where(html[data-theme="light"]) .feed-loading {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .closed-note.frozen {
  color: var(--blue);
}
:where(html[data-theme="light"]) .danger-zone {
  border-top: 1px solid rgba(231, 0, 0, 0.25);
}
:where(html[data-theme="light"]) .danger-zone .card-title {
  color: var(--danger);
}
:where(html[data-theme="light"]) .btn.danger.outline {
  border: 1px solid rgba(231, 0, 0, 0.4);
}
:where(html[data-theme="light"]) .btn.danger.outline:hover {
  background: rgba(231, 0, 0, 0.1);
}
:where(html[data-theme="light"]) .repost-origin {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .repost-origin a {
  color: var(--accent);
}
:where(html[data-theme="light"]) .republish-banner {
  border: 1px dashed var(--border);
  background: rgba(0, 0, 0, 0.015);
  color: var(--muted);
}
:where(html[data-theme="light"]) .republish-banner strong {
  color: #293339;
}
:where(html[data-theme="light"]) .teaser-chip {
  background: #e6eaed;
  color: #293339;
}
:where(html[data-theme="light"]) .teaser-chip:hover {
  background: #d6dee3;
  color: var(--text);
}
:where(html[data-theme="light"]) .modal-video {
  background: #000000;
}
@media (max-width: 720px) {
  :where(html[data-theme="light"]) .modal.wide {
    border: 0;
  }
}
@media (max-width: 720px) {
  :where(html[data-theme="light"]) .post-cover.is-video img {
    background: #000000;
  }
}
:where(html[data-theme="light"]) .community-logo.has-image,
:where(html[data-theme="light"]) .mini-logo.has-image {
  background: #000000;
}
:where(html[data-theme="light"]) .community-cover {
  border: 1px solid var(--border);
  background: #000000;
}
:where(html[data-theme="light"]) .community-header.has-cover .community-logo {
  border: 3px solid var(--bg);
}
:where(html[data-theme="light"]) .blog-post {
  border: 1px solid var(--border);
  background: var(--panel);
}
:where(html[data-theme="light"]) .blog-meta {
  color: var(--muted);
}
:where(html[data-theme="light"]) .blog-title a:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .blog-excerpt {
  color: #2d363c;
}
:where(html[data-theme="light"]) .blog-footer {
  border-top: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .blog-read {
  color: var(--accent);
}
:where(html[data-theme="light"]) .tl-day {
  background: var(--bg);
  color: var(--accent);
}
:where(html[data-theme="light"]) .tl-item::before {
  background: var(--border);
}
:where(html[data-theme="light"]) .tl-time {
  color: var(--muted);
}
:where(html[data-theme="light"]) .tl-dot {
  background: var(--accent);
  box-shadow: 0 0 0 3px var(--bg);
}
:where(html[data-theme="light"]) .tl-card {
  border: 1px solid var(--border);
  background: var(--panel);
}
:where(html[data-theme="light"]) .tl-card:hover {
  border-color: #bbc7d0;
}
:where(html[data-theme="light"]) .tl-text p {
  color: #333f46;
}
:where(html[data-theme="light"]) .tl-stats {
  color: var(--muted);
}
:where(html[data-theme="light"]) .tl-stats svg {
  fill: none;
  stroke: currentColor;
}
:where(html[data-theme="light"]) .tl-media {
  background: #000000;
}
:where(html[data-theme="light"]) .grid-tile {
  background: #eff2f4;
}
:where(html[data-theme="light"]) .grid-text {
  background: linear-gradient(135deg, #eaefe7, #f5f6f8);
  color: #151b1e;
}
:where(html[data-theme="light"]) .grid-stats svg {
  fill: none;
  stroke: currentColor;
}
:where(html[data-theme="light"]) .layout-option {
  border: 1px solid var(--border);
}
:where(html[data-theme="light"]) .layout-option:has(input:checked) {
  border-color: var(--accent);
  background: rgba(97, 124, 0, 0.05);
}
:where(html[data-theme="light"]) .layout-option input {
  accent-color: var(--accent);
}
:where(html[data-theme="light"]) .layout-option small {
  color: var(--muted);
}
:where(html[data-theme="light"]) .layout-sketch i {
  background: #cfd7de;
}
:where(html[data-theme="light"]) .sketch-blog i:first-child {
  background: #d0dfbc;
}
:where(html[data-theme="light"]) .sketch-timeline i:nth-child(odd) {
  background: var(--accent);
}
:where(html[data-theme="light"]) .cover-preview {
  border: 1px dashed var(--border);
  color: var(--muted-2);
  background: #f8fafa;
}
:where(html[data-theme="light"]) .feed.layout-blog .blog-cover,
:where(html[data-theme="light"]) .feed.layout-blog .post-cover {
  background: #000000;
}
:where(html[data-theme="light"]) .columns-option {
  border: 1px solid var(--border);
}
:where(html[data-theme="light"]) .columns-option:has(input:checked) {
  border-color: var(--accent);
  background: rgba(97, 124, 0, 0.05);
}
:where(html[data-theme="light"]) .columns-option input {
  accent-color: var(--accent);
}
:where(html[data-theme="light"]) .columns-sketch i {
  background: #cfd7de;
}
:where(html[data-theme="light"]) .stat-card {
  border: 1px solid var(--border);
  background: var(--panel);
}
:where(html[data-theme="light"]) .stat-card small {
  color: var(--muted);
}
:where(html[data-theme="light"]) .stat-card span {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .chart-box {
  border: 1px solid var(--border);
  background: var(--panel);
}
:where(html[data-theme="light"]) .admin-chart .grid-line {
  stroke: var(--border-soft);
}
:where(html[data-theme="light"]) .admin-chart .axis {
  fill: var(--muted-2);
}
:where(html[data-theme="light"]) .chart-legend {
  color: var(--muted);
}
:where(html[data-theme="light"]) .admin-search {
  border: 1px solid var(--border);
  background: #f8fafa;
  color: var(--text);
}
:where(html[data-theme="light"]) .table-wrap {
  border: 1px solid var(--border);
}
:where(html[data-theme="light"]) .admin-table th,
:where(html[data-theme="light"]) .admin-table td {
  border-bottom: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .admin-table th {
  color: var(--muted);
  background: #f8fafa;
}
:where(html[data-theme="light"]) .admin-table .mono {
  color: var(--muted);
}
:where(html[data-theme="light"]) .admin-table tbody tr:hover {
  background: rgba(0, 0, 0, 0.02);
}
:where(html[data-theme="light"]) .admin-table tfoot td {
  color: var(--muted);
  border-bottom: 0;
  background: #f8fafa;
}
:where(html[data-theme="light"]) .admin-table a:hover {
  color: var(--accent);
}
:where(html[data-theme="light"]) .admin-table .hint {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .sort-head {
  color: inherit;
}
:where(html[data-theme="light"]) .sort-head.active {
  color: var(--accent);
}
:where(html[data-theme="light"]) .admin-table .badge {
  background: #e1e6ea;
  color: #293339;
}
:where(html[data-theme="light"]) .admin-table .badge.ok {
  background: rgba(33, 131, 68, 0.15);
  color: var(--up);
}
:where(html[data-theme="light"]) .admin-table .badge.frozen {
  background: rgba(0, 109, 233, 0.15);
  color: var(--blue);
}
:where(html[data-theme="light"]) .nav-new {
  background: rgba(97, 124, 0, 0.12);
  color: var(--accent);
}
:where(html[data-theme="light"]) .grid-tile {
  background: var(--panel);
}
:where(html[data-theme="light"]) .grid-media {
  background: #eff2f4;
}
:where(html[data-theme="light"]) .grid-tile {
  border: 1px solid #4b6c81;
}
:where(html[data-theme="light"]) .grid-tile:hover,
:where(html[data-theme="light"]) .grid-tile:focus-visible {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px rgba(105, 133, 0, 0.15);
  outline: none;
}
:where(html[data-theme="light"]) .tl-order {
  color: var(--muted);
}
:where(html[data-theme="light"]) .tl-card .tl-excerpt {
  color: #333f46;
}
:where(html[data-theme="light"]) .viewer {
  background: var(--bg);
  border: 1px solid var(--border);
  border-bottom: 0;
}
:where(html[data-theme="light"]) .viewer-bar {
  border-bottom: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .viewer-community {
  color: var(--accent);
}
:where(html[data-theme="light"]) .viewer-close {
  background: #e5eaed;
  color: var(--text);
}
:where(html[data-theme="light"]) .tl-stats .tl-community {
  color: var(--accent);
}
:where(html[data-theme="light"]) .hero-cover {
  border: 1px solid var(--border);
}
:where(html[data-theme="light"]) .hero-lead {
  color: var(--muted);
}
:where(html[data-theme="light"]) .hero-field {
  border: 1px solid var(--border);
  background: #f8fafa;
}
:where(html[data-theme="light"]) .hero-field:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(105, 133, 0, 0.072);
}
:where(html[data-theme="light"]) .hero-icon {
  color: var(--muted);
}
:where(html[data-theme="light"]) .hero-input {
  border: 0;
  background: transparent;
  color: var(--text);
  outline: none;
}
:where(html[data-theme="light"]) .hero-chip {
  border: 1px solid var(--border);
  color: #293339;
  background: var(--panel);
}
:where(html[data-theme="light"]) .hero-chip:hover {
  border-color: var(--accent);
  color: var(--text);
}
:where(html[data-theme="light"]) .hero-links {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .hero-links a {
  color: var(--accent);
}
:where(html[data-theme="light"]) .ac-thumb {
  background: #000000;
}
:where(html[data-theme="light"]) .ac-thumb.is-video::after {
  color: #ffffff;
  text-shadow: 0 1px 4px rgba(20, 30, 40, 0.35);
}
:where(html[data-theme="light"]) .ac-advanced-item {
  border-top: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .ac-advanced-item strong {
  color: var(--accent);
}
:where(html[data-theme="light"]) .ac-icon.ac-advanced {
  background: rgba(97, 124, 0, 0.12);
  color: var(--accent);
}
:where(html[data-theme="light"]) .serp-item:hover,
:where(html[data-theme="light"]) .serp-item:focus-visible {
  background: #edf0f2;
  outline: none;
}
:where(html[data-theme="light"]) .serp-thumb {
  background: #000000;
  border: 1px solid var(--border);
}
:where(html[data-theme="light"]) .serp-path {
  color: var(--muted);
}
:where(html[data-theme="light"]) .serp-site {
  color: #293339;
}
:where(html[data-theme="light"]) .serp-title {
  color: #176af1;
}
:where(html[data-theme="light"]) .serp-item:hover .serp-title {
  text-decoration: underline;
}
:where(html[data-theme="light"]) .serp-desc {
  color: #323c42;
}
:where(html[data-theme="light"]) .serp-meta {
  color: var(--muted-2);
}
@media (min-width: 721px) {
  :where(html[data-theme="light"]) .viewer {
    border-bottom: 1px solid var(--border);
  }
}
:where(html[data-theme="light"]) .category-badge.native {
  color: var(--accent);
  background: rgba(97, 124, 0, 0.12);
}
:where(html[data-theme="light"]) .visitor-gate {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(97, 124, 0, 0.06), rgba(97, 124, 0, 0)), var(--panel);
}
:where(html[data-theme="light"]) .visitor-gate p {
  color: var(--muted);
}
:where(html[data-theme="light"]) .admin-select {
  border: 1px solid var(--border);
  background: #f8fafa;
  color: var(--text);
}
:where(html[data-theme="light"]) .nav-subsection {
  border-left: 2px solid #dacfde;
}
:where(html[data-theme="light"]) .nav-subsection-title {
  color: var(--muted);
}
:where(html[data-theme="light"]) .nav-subsection-title {
  border: 0;
  background: none;
}
:where(html[data-theme="light"]) .nav-subsection-title:hover {
  color: var(--text);
  background: #e5eaed;
}
:where(html[data-theme="light"]) .theme-option {
  border: 1px solid var(--border);
  background: var(--panel-2, var(--panel));
  color: var(--text);
}
:where(html[data-theme="light"]) .theme-option:hover {
  border-color: var(--border-strong, var(--border));
}
:where(html[data-theme="light"]) .theme-option:has(input:checked) {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px var(--accent) inset;
}
:where(html[data-theme="light"]) .theme-option input {
  accent-color: var(--accent);
}
:where(html[data-theme="light"]) .theme-swatch {
  border: 1px solid var(--border);
}
:where(html[data-theme="light"]) .nav-toggle-bars span {
  background: currentColor;
}
:where(html[data-theme="light"]) .user-menu {
  background: var(--panel);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md, 0 18px 50px rgba(20, 30, 40, 0.112));
}
:where(html[data-theme="light"]) .user-menu-head {
  border-bottom: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .user-menu-head strong {
  color: var(--text);
}
:where(html[data-theme="light"]) .user-menu-head span {
  color: var(--muted);
}
:where(html[data-theme="light"]) .user-menu-item {
  color: var(--text);
}
:where(html[data-theme="light"]) .user-menu-item:hover,
:where(html[data-theme="light"]) .user-menu-item:focus-visible {
  background: var(--panel-2, var(--border-soft));
}
:where(html[data-theme="light"]) .user-menu-icon {
  color: var(--muted);
}
:where(html[data-theme="light"]) .user-menu-item.danger,
:where(html[data-theme="light"]) .user-menu-item.danger .user-menu-icon,
:where(html[data-theme="light"]) .nav-item.danger {
  color: var(--danger);
}
:where(html[data-theme="light"]) .user-menu-sep {
  background: var(--border-soft);
}
@media (max-width: 720px) {
  :where(html[data-theme="light"]) .user-caret {
    color: var(--muted);
  }
  :where(html[data-theme="light"]) .app .sidebar {
    background: var(--panel);
    border-right: 0;
    border-left: 1px solid var(--border);
    box-shadow: var(--shadow-lg, 0 30px 90px rgba(20, 30, 40, 0.193));
  }
  :where(html[data-theme="light"]) .drawer-search-box {
    border: 1px solid var(--border);
    background: var(--panel-2, var(--bg));
    color: var(--muted);
  }
  :where(html[data-theme="light"]) .drawer-search-box input {
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text);
  }
}
:root[data-theme="light"] {
  --bg: #f9fafb;
  --bg-2: #f6f7f9;
  --panel: #f2f5f6;
  --panel-2: #eceff2;
  --raised: #e6ebee;
  --border: #dbe1e6;
  --border-soft: #e4e9ec;
  --border-strong: #ccd4da;
  --text: #0f1316;
  --text-soft: #2d363c;
  --muted: #5f6b75;
  --muted-2: #828f99;
  --btn-primary-bg: #0b0f11;
  --btn-primary-fg: #f9fafb;
  --btn-primary-hover: #ffffff;
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px rgba(97, 124, 0, 0.55);
  --shadow-sm: 0 1px 2px rgba(20, 30, 40, 0.087);
  --shadow-md: 0 12px 32px rgba(20, 30, 40, 0.122);
  --shadow-lg: 0 24px 64px rgba(20, 30, 40, 0.175);
}
:where(html[data-theme="light"]) body {
  background: var(--bg);
}
:where(html[data-theme="light"]) :focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
:where(html[data-theme="light"]) ::selection {
  background: rgba(97, 124, 0, 0.28);
}
:where(html[data-theme="light"]) .pill,
:where(html[data-theme="light"]) .btn,
:where(html[data-theme="light"]) .new-topic,
:where(html[data-theme="light"]) .join,
:where(html[data-theme="light"]) .manage-btn {
  border: 1px solid transparent;
  box-shadow: none;
}
:where(html[data-theme="light"]) .pill,
:where(html[data-theme="light"]) .btn.outline,
:where(html[data-theme="light"]) .join.joined,
:where(html[data-theme="light"]) .manage-btn {
  background: transparent;
  border-color: var(--border);
  color: var(--text-soft);
}
:where(html[data-theme="light"]) .pill:hover,
:where(html[data-theme="light"]) .btn.outline:hover,
:where(html[data-theme="light"]) .join.joined:hover,
:where(html[data-theme="light"]) .manage-btn:hover {
  background: var(--panel-2);
  border-color: var(--border-strong);
  color: var(--text);
}
:where(html[data-theme="light"]) .pill.accent,
:where(html[data-theme="light"]) .btn.primary,
:where(html[data-theme="light"]) .new-topic,
:where(html[data-theme="light"]) .join:not(.joined) {
  background: var(--btn-primary-bg);
  border-color: var(--btn-primary-bg);
  color: var(--btn-primary-fg);
}
:where(html[data-theme="light"]) .pill.accent:hover,
:where(html[data-theme="light"]) .btn.primary:hover:not(:disabled),
:where(html[data-theme="light"]) .new-topic:hover,
:where(html[data-theme="light"]) .join:not(.joined):hover {
  background: var(--btn-primary-hover);
  border-color: var(--btn-primary-hover);
  color: var(--btn-primary-fg);
  box-shadow: none;
}
:where(html[data-theme="light"]) .btn.ghost {
  background: transparent;
  color: var(--muted);
}
:where(html[data-theme="light"]) .btn.ghost:hover {
  background: var(--panel-2);
  color: var(--text);
}
:where(html[data-theme="light"]) .btn.danger {
  background: transparent;
  color: var(--danger);
}
:where(html[data-theme="light"]) .btn.danger:hover {
  background: rgba(231, 0, 0, 0.08);
}
:where(html[data-theme="light"]) .btn.danger.outline {
  border-color: rgba(231, 0, 0, 0.35);
}
:where(html[data-theme="light"]) .topbar {
  background: rgba(249, 250, 251, 0.82);
  border-bottom: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .brand-mark {
  box-shadow: none;
}
:where(html[data-theme="light"]) .search {
  background: var(--panel);
  border: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .search:focus-within {
  border-color: var(--border-strong);
  background: var(--panel-2);
}
:where(html[data-theme="light"]) .user-chip {
  color: var(--text-soft);
}
:where(html[data-theme="light"]) .user-chip:hover {
  background: var(--panel-2);
  color: var(--text);
}
:where(html[data-theme="light"]) .sidebar {
  background: var(--bg);
  border-right: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .nav-item {
  color: var(--text-soft);
}
:where(html[data-theme="light"]) .nav-item:hover {
  background: var(--panel-2);
  color: var(--text);
}
:where(html[data-theme="light"]) .nav-item.active {
  background: var(--panel-2);
  color: var(--text);
  box-shadow: inset 2px 0 0 var(--accent);
}
:where(html[data-theme="light"]) .nav-icon {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .nav-section {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .nav-new {
  background: transparent;
  color: var(--muted);
}
:where(html[data-theme="light"]) .sidebar-bottom {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .community-header {
  border-bottom: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .community-logo {
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text-soft);
  box-shadow: none;
}
:where(html[data-theme="light"]) .community-title p {
  color: var(--muted);
}
:where(html[data-theme="light"]) .sortbar,
:where(html[data-theme="light"]) .scope-switch {
  background: var(--panel);
  border: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .sort,
:where(html[data-theme="light"]) .scope {
  color: var(--muted);
  background: transparent;
}
:where(html[data-theme="light"]) .sort:hover,
:where(html[data-theme="light"]) .scope:hover {
  color: var(--text);
  background: transparent;
}
:where(html[data-theme="light"]) .sort.selected,
:where(html[data-theme="light"]) .scope.selected {
  background: var(--seg-selected-bg);
  color: var(--seg-selected-fg);
  box-shadow: 0 1px 2px rgba(20, 30, 40, 0.087), inset 0 0 0 1px var(--border-soft);
}
:where(html[data-theme="light"]) .tab[aria-selected="true"] {
  border-bottom-color: var(--text);
}
:where(html[data-theme="light"]) .post {
  border-bottom: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .post:hover {
  background: transparent;
}
:where(html[data-theme="light"]) .post-meta {
  color: var(--muted);
}
:where(html[data-theme="light"]) .post-excerpt,
:where(html[data-theme="light"]) .post p {
  color: var(--text-soft);
}
:where(html[data-theme="light"]) .tag {
  background: var(--panel-2);
  color: var(--text-soft);
  box-shadow: inset 0 0 0 1px var(--border-soft);
}
:where(html[data-theme="light"]) .tag.feature {
  background: rgba(97, 124, 0, 0.1);
  color: var(--accent);
  box-shadow: none;
}
:where(html[data-theme="light"]) .tag.help {
  background: rgba(0, 109, 233, 0.12);
  color: var(--blue);
  box-shadow: none;
}
:where(html[data-theme="light"]) .tag.discussion {
  background: rgba(133, 73, 255, 0.13);
  color: var(--purple);
  box-shadow: none;
}
:where(html[data-theme="light"]) .tag.question {
  background: rgba(201, 71, 0, 0.12);
  color: var(--orange);
  box-shadow: none;
}
:where(html[data-theme="light"]) .tag.performance {
  background: rgba(20, 119, 186, 0.13);
  color: #0a76bf;
  box-shadow: none;
}
:where(html[data-theme="light"]) .tag.premium {
  background: rgba(167, 98, 0, 0.14);
  color: #a76200;
  box-shadow: none;
}
:where(html[data-theme="light"]) .post-action,
:where(html[data-theme="light"]) .comment-action {
  color: var(--muted);
}
:where(html[data-theme="light"]) .post-action:hover,
:where(html[data-theme="light"]) .comment-action:hover,
:where(html[data-theme="light"]) .post-action.views.clickable:hover {
  background: var(--panel-2);
  color: var(--text);
}
:where(html[data-theme="light"]) .post-action.views:hover {
  background: transparent;
  color: var(--muted);
}
:where(html[data-theme="light"]) .vote-box.row {
  background: transparent;
  border: 1px solid var(--border-soft);
}
:where(html[data-theme="light"]) .vote-box.row .score {
  color: var(--text-soft);
}
:where(html[data-theme="light"]) .vote-btn.up {
  color: var(--muted);
}
:where(html[data-theme="light"]) .vote-btn.down {
  color: var(--muted);
}
:where(html[data-theme="light"]) .card,
:where(html[data-theme="light"]) .panel {
  background: var(--panel);
  border: 1px solid var(--border-soft);
  box-shadow: none;
}
:where(html[data-theme="light"]) .card-title {
  color: var(--text);
}
:where(html[data-theme="light"]) .card-sub {
  color: var(--muted);
}
:where(html[data-theme="light"]) .quick-link {
  color: var(--text-soft);
}
:where(html[data-theme="light"]) .panel .sub {
  color: var(--muted);
}
:where(html[data-theme="light"]) .field input,
:where(html[data-theme="light"]) .field textarea,
:where(html[data-theme="light"]) .field select,
:where(html[data-theme="light"]) input[type="text"],
:where(html[data-theme="light"]) input[type="search"]:not(.search input),
:where(html[data-theme="light"]) textarea,
:where(html[data-theme="light"]) select {
  border: 1px solid var(--border);
  background: var(--bg-2);
}
:where(html[data-theme="light"]) .field input:focus,
:where(html[data-theme="light"]) .field textarea:focus,
:where(html[data-theme="light"]) .field select:focus,
:where(html[data-theme="light"]) textarea:focus {
  outline: none;
  border-color: var(--border-strong);
  box-shadow: 0 0 0 3px rgba(105, 133, 0, 0.072);
}
:where(html[data-theme="light"]) .field label {
  color: var(--text-soft);
}
:where(html[data-theme="light"]) .hint {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) select,
:where(html[data-theme="light"]) .field select {
  color: var(--text);
  background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
}
:where(html[data-theme="light"]) .modal {
  border: 1px solid var(--border);
  box-shadow: var(--shadow-lg);
}
:where(html[data-theme="light"]) .hero-form {
  background: var(--panel);
  border: 1px solid var(--border);
  box-shadow: 0 1px 2px rgba(20, 30, 40, 0.07), 0 12px 32px rgba(20, 30, 40, 0.063);
}
:where(html[data-theme="light"]) .hero-form:hover {
  border-color: var(--border-strong);
}
:where(html[data-theme="light"]) .hero-form:focus-within {
  border-color: var(--border-strong);
  box-shadow: 0 0 0 4px rgba(105, 133, 0, 0.06), 0 12px 32px rgba(20, 30, 40, 0.063);
}
:where(html[data-theme="light"]) .hero-form .hero-field {
  border: 0;
  background: transparent;
  box-shadow: none;
}
:where(html[data-theme="light"]) .hero-form .hero-field:focus-within {
  border: 0;
  box-shadow: none;
}
:where(html[data-theme="light"]) .hero-form .hero-icon {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .hero-form:focus-within .hero-icon {
  color: var(--text-soft);
}
:where(html[data-theme="light"]) .hero-form .hero-input,
:where(html[data-theme="light"]) .hero-form input[type="search"].hero-input {
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  color: var(--text);
}
:where(html[data-theme="light"]) .hero-form .hero-input::placeholder {
  color: var(--muted-2);
}
:where(html[data-theme="light"]) .hero-form .hero-input:focus {
  box-shadow: none;
  border: 0;
}
:where(html[data-theme="light"]) .hero-form .hero-submit {
  border: 0;
  background: var(--btn-primary-bg);
  color: var(--btn-primary-fg);
}
:where(html[data-theme="light"]) .hero-form .hero-submit:hover {
  background: var(--btn-primary-hover);
}
:where(html[data-theme="light"]) .hero-chip {
  border-color: var(--border-soft);
  background: transparent;
  color: var(--text-soft);
}
:where(html[data-theme="light"]) .hero-chip:hover {
  border-color: var(--border-strong);
  background: var(--panel-2);
  color: var(--text);
}
:where(html[data-theme="light"]) .hero-links a {
  color: var(--text-soft);
  text-decoration: underline;
  text-decoration-color: var(--border-strong);
}
:where(html[data-theme="light"]) .hero-links a:hover {
  color: var(--text);
  text-decoration-color: currentColor;
}

/* Variables principales, réglées à la main. */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f7f9;
  --bg-2: #ffffff;
  --panel: #ffffff;
  --panel-2: #f1f3f5;
  --raised: #ffffff;
  --border: #dde2e6;
  --border-soft: #e7eaed;
  --border-strong: #c5ccd2;
  --text: #12171b;
  --text-soft: #3a444c;
  --muted: #5f6b75;
  --muted-2: #87929b;
  --accent: #5e7d00;
  --accent-soft: rgba(94, 125, 0, .10);
  --accent-border: rgba(94, 125, 0, .35);
  --orange: #c2410c;
  --blue: #1d6fd1;
  --purple: #6d3fd6;
  --danger: #c62828;
  --up: #1e8e4a;
  --down: #c62828;
  --btn-primary-bg: #15191d;
  --btn-primary-fg: #ffffff;
  --btn-primary-hover: #000000;
  --seg-selected-bg: #15191d;
  --seg-selected-fg: #ffffff;
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px rgba(94, 125, 0, .45);
  --shadow-sm: 0 1px 2px rgba(20, 30, 40, .06);
  --shadow-md: 0 10px 30px rgba(20, 30, 40, .10);
  --shadow-lg: 0 20px 60px rgba(20, 30, 40, .16);
}

/* Fenêtres : voile gris foncé derrière, pour que la fenêtre se détache. */
:where(html[data-theme="light"]) .modal-backdrop { background: rgba(20, 30, 40, .45); }
:where(html[data-theme="light"]) .modal { background: #ffffff; }

/* Grille Instagram : bandeau des compteurs (likes, vues, commentaires) bien
 * sombre, même sur une photo claire. Le survol garde sa propre règle. */
:where(html[data-theme="light"]) .grid-stats {
  background: linear-gradient(0deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, .5) 55%, rgba(0, 0, 0, 0));
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}