html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e8edf1;
  --muted: #a8b5bc;
  --paper: #11161a;
  --card: #1a2227;
  --line: #344149;
  --accent: #f08a6d;
  --blue: #83c5c8;
  --translation-bg: #1f2b2d;
}
html[data-theme="dark"] body { background: var(--paper); color: var(--ink); }
html[data-theme="dark"] .site-header { background: rgba(17, 22, 26, .96); border-color: var(--line); }
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select { background-color: #202a30; color: var(--ink); border-color: var(--line); }
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: #a8b5bc; }
html[data-theme="dark"] .english-body,
html[data-theme="dark"] .translation-body { color: #d5dfe4; }
html[data-theme="dark"] .paragraph-translation-body { color: #c4d0d5; }
html[data-theme="dark"] .nav-cta,
html[data-theme="dark"] .button,
html[data-theme="dark"] .search button { background: #e8edf1; color: #11161a; }
html[data-theme="dark"] .button.ghost { background: transparent; color: var(--ink); border-color: var(--ink); }
html[data-theme="dark"] .hero-card { background: #24555b; box-shadow: 14px 14px 0 #26383d; }
html[data-theme="dark"] .article-card,
html[data-theme="dark"] .continue-card,
html[data-theme="dark"] .search,
html[data-theme="dark"] .catalog-row:hover { background: var(--card); }
html[data-theme="dark"] .article-card:hover { border-color: var(--accent); }
html[data-theme="dark"] .search input { color: var(--ink); }
html[data-theme="dark"] .catalog-row:hover { background: #202a30; }
html[data-theme="dark"] .translation-pending,
html[data-theme="dark"] .paragraph-translation { background: var(--translation-bg); }
html[data-theme="dark"] .topic-tag,
html[data-theme="dark"] .dict-tag { border-color: #49656a; }
html[data-theme="dark"] .dict-tag { color: var(--blue); }
html[data-theme="dark"] .word-actions button { background: transparent; color: var(--muted); border-color: var(--line); }
html[data-theme="dark"] .word-modal { background: rgba(0, 0, 0, .68); }
html[data-theme="dark"] .word-modal-card { background: #1a2227; color: var(--ink); box-shadow: 0 15px 45px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .modal-close { color: var(--muted); }
html[data-theme="dark"] .save-word { border-color: var(--accent); color: var(--accent); }
html[data-theme="dark"] .theme-toggle { color: var(--ink); border-color: var(--line); background: #202a30; }

.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 44px; min-height: 40px; border: 1px solid var(--line); border-radius: 999px; padding: 5px 10px; background: var(--card); color: var(--ink); cursor: pointer; font: inherit; font-size: 12px; line-height: 1.2; position: relative; z-index: 30; touch-action: manipulation; }
.theme-toggle:hover { border-color: var(--accent); color: var(--accent); }
.theme-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.theme-toggle-icon { font-size: 15px; line-height: 1; }
@media(max-width:760px){
  .site-header{overflow:visible!important;position:sticky;isolation:isolate}
  .theme-toggle{position:absolute;right:154px;top:50%;transform:translateY(-50%);z-index:40;padding:4px 8px;font-size:11px}
  .theme-toggle-text{display:none}
  .theme-toggle-icon{font-size:18px}
}
@media(max-width:390px){.theme-toggle{right:142px}}