.vault-filter,
.vault-search input,
.category-search input,
.essay-search input {
  color: var(--text);
  background: #0d0d0d;
  border: 1px solid var(--line);
  font: 11px var(--mono);
  outline: none;
}

.vault-filter { padding: 10px; }
.vault-search { display: flex; align-items: center; gap: 10px; max-width: 620px; padding: 0 14px; border: 1px solid var(--line); background: #0d0d0d; }
.vault-search span, .essay-search span { color: var(--red); }
.vault-search input { width: 100%; border: 0; padding: 15px 0; font-size: 13px; }
.vault-search input:focus, .category-search input:focus, .essay-search input:focus, .vault-filter:focus { border-color: var(--red); }

.continue-section, .vault-search-results { margin: 34px 0 42px; }
.continue-section h2, .vault-search-results h2 { margin: 7px 0 18px; font-size: 25px; letter-spacing: -.04em; }
.continue-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.continue-card, .search-result { text-align: left; color: var(--text); background: #111; border: 1px solid var(--line); cursor: pointer; }
.continue-card { min-height: 120px; padding: 17px; }
.continue-card span, .continue-card small, .search-result small { display: block; color: var(--muted); font: 11px var(--mono); }
.continue-card strong { display: block; margin: 11px 0 7px; font-size: 18px; }
.continue-card:hover, .search-result:hover { border-color: var(--red); }
.search-result { display: block; width: 100%; padding: 14px 16px; margin: 8px 0; }
.search-result span { display: block; margin-bottom: 5px; }
.empty-note { color: var(--muted); }

.category-search { display: block; margin: 0 0 16px; }
.category-search input { width: 100%; padding: 9px 10px; }
.essay-search { display: flex; align-items: center; gap: 9px; max-width: 340px; margin: 30px 0 -12px; padding: 0 10px; border: 1px solid var(--line); }
.essay-search input { width: 100%; padding: 9px 0; border: 0; }
.article mark { padding: 0 2px; color: var(--text); background: #8e2e25; }
.article iframe, .composer-body iframe { width: 100%; min-height: 420px; border: 0; }
.article .video-frame, .composer-body .video-frame { margin: 30px 0; }

[draggable="true"] { cursor: grab; }
[draggable="true"].dragging { opacity: .35; cursor: grabbing; }
.chapter[draggable="true"] { border-left: 1px solid transparent; }
.chapter[draggable="true"]:hover { border-left-color: #6f3028; }
.essay-item small { margin-left: 5px; color: var(--red); font: 9px var(--mono); }

.chapter-context-menu {
  position: fixed;
  z-index: 60;
  width: 172px;
  padding: 5px;
  background: #171313;
  border: 1px solid #5b2b25;
  box-shadow: 0 16px 42px rgba(0,0,0,.55);
}
.chapter-context-menu button {
  display: block;
  width: 100%;
  padding: 9px 10px;
  color: var(--text);
  background: transparent;
  text-align: left;
  font: 11px var(--mono);
}
.chapter-context-menu button:hover { background: #281613; color: var(--red2); }
.chapter-context-menu .danger { color: var(--red); }

.reader.focus-mode .sidebar { display: none; }
.reader.focus-mode .reader-body { grid-template-columns: 1fr; max-width: none; }
.reader.focus-mode .reading { width: min(1120px, 100%); max-width: none; margin: auto; padding-left: 5vw; padding-right: 5vw; }

.composer { width: 100%; }
.composer-toolbar { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 22px; }
.composer-toolbar button { padding: 7px 9px; color: var(--muted); background: transparent; border: 1px solid var(--line); font: 11px var(--mono); cursor: pointer; }
.composer-toolbar button:hover { color: var(--text); border-color: var(--red); }
.composer-kicker { display: flex; justify-content: space-between; gap: 18px; }
.composer-kicker #composer-status { color: var(--muted); font-size: 10px; }
.composer-body img { display: block; max-width: 100%; height: auto; margin: 24px 0; border: 1px solid var(--line); }

@media (max-width: 800px) {
  .continue-grid { grid-template-columns: 1fr; }
  .topbar-actions { gap: 8px; }
  .vault-filter { max-width: 105px; }
  .article iframe, .composer-body iframe { min-height: 240px; }
}