:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { margin:0; font-family: -apple-system, system-ui, Segoe UI, Roboto, Helvetica, Arial; }
.bar {
  position: sticky; top:0; z-index:5;
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(127,127,127,.25);
  backdrop-filter: blur(12px);
}
.title .h1 { font-size: 18px; font-weight: 700; }
.title .h2 { font-size: 12px; opacity: .7; }
.btn { border:1px solid rgba(127,127,127,.35); background: transparent; padding: 8px 10px; border-radius: 10px; font-size: 16px; }
.container { padding: 14px; max-width: 900px; margin: 0 auto; }
.controls { display:flex; flex-direction:column; gap: 10px; }
.search {
  width: 100%; padding: 10px 12px; border-radius: 12px;
  border: 1px solid rgba(127,127,127,.35); background: transparent;
  font-size: 16px;
}
.chips { display:flex; gap:10px; flex-wrap: wrap; }
.chip {
  display:inline-flex; gap:8px; align-items:center;
  border:1px solid rgba(127,127,127,.35);
  padding: 6px 10px; border-radius: 999px; font-size: 13px;
}
.details { border:1px solid rgba(127,127,127,.25); padding: 8px 10px; border-radius: 12px; }
.sources { margin: 8px 0 0 18px; padding:0; }
.sources li { margin: 6px 0; font-size: 13px; opacity: .85; }
.hint { font-size: 12px; opacity: .7; margin: 8px 0 0 0; }
.status { margin-top: 12px; font-size: 13px; opacity: .85; }
.list { margin-top: 12px; display:flex; flex-direction:column; gap: 10px; }
.card {
  border:1px solid rgba(127,127,127,.25);
  padding: 12px; border-radius: 14px;
}
.card .t { font-weight: 700; font-size: 15px; text-decoration:none; }
.meta { margin-top: 6px; font-size: 12px; opacity:.75; display:flex; gap: 10px; flex-wrap: wrap; }
.snip { margin-top: 6px; font-size: 13px; opacity:.85; }
.footer { padding: 16px 14px; font-size: 12px; opacity:.7; text-align:center; border-top:1px solid rgba(127,127,127,.25); margin-top: 20px;}

.workerBox { margin-top: 10px; display:flex; flex-direction:column; gap:8px; }
.lbl { font-size: 12px; opacity:.8; display:flex; align-items:center; gap:8px; }
.badge { font-size: 11px; border:1px solid rgba(127,127,127,.35); padding: 2px 8px; border-radius: 999px; }
.wide { width: 100%; }