input[type="search"] {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--ink);
  padding: 9px 12px;
  font: inherit;
  font-size: 14px;
  outline: none;
}
input[type="search"]:focus { border-color: var(--ink-soft); box-shadow: 0 0 0 3px var(--line-2); }
.tile-hero { background: var(--dark); border-color: var(--dark); }
.tile-hero .tile-label, .tile-hero .tile-note { color: var(--on-dark-soft); }
.tile-hero .tile-value { color: var(--lime); }
.badge-learn { background: var(--warn-bg); color: var(--ink); border-color: transparent; }
.add-input { align-items: flex-start; }
.add-input textarea { flex: 1; min-width: 0; min-height: 46px; }
.add-results { display: flex; flex-direction: column; gap: 6px; }
.add-results:empty { display: none; }
.add-row { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; font-size: 14px; }
.words-controls { display: grid; grid-template-columns: 1fr 220px; gap: 10px; }
.word-list { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.word-row { display: flex; gap: 16px; justify-content: space-between; padding: 12px 14px; border-top: 1px solid var(--line-2); }
.word-row:first-child { border-top: 0; }
.word-main { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.word-term { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.word-term b { font-size: 16px; }
.word-example { font-size: 13px; font-style: italic; }
.word-meta { flex: none; text-align: right; font-size: 12.5px; display: flex; flex-direction: column; gap: 2px; align-items: flex-end; }
.word-actions { gap: 4px; margin-top: 4px; }
.word-edit { width: 100%; }
.setup-steps { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }
.setup-steps li.done b { color: var(--ok); }
.setup-steps p { margin: 2px 0 0; }
.danger p.muted { margin: 4px 0 0; }
@media (max-width: 720px) {
  .words-controls { grid-template-columns: 1fr; }
  .word-row { flex-direction: column; gap: 8px; }
  .word-meta { text-align: left; align-items: flex-start; }
  .add-input { flex-direction: column; align-items: stretch; }
}