:root{
  --bg:#0b0f14;--card:#111827;--muted:#9aa4b2;--text:#e5e7eb;--line:#1f2937;
  --accent:#22c55e;--danger:#ef4444;--btn:#111827;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#070a10,#0b0f14);color:var(--text)}
.wrap{max-width:980px;margin:0 auto;padding:16px}
.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:44px;height:44px;border-radius:14px;background:rgba(34,197,94,.15);display:grid;place-items:center;font-size:22px;border:1px solid rgba(34,197,94,.25)}
h1{margin:0;font-size:20px;line-height:1.2}
.sub{color:var(--muted);font-size:13px;margin-top:2px}
.panel{background:rgba(17,24,39,.6);border:1px solid var(--line);border-radius:18px;padding:14px;margin:12px 0}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.field{flex:1;min-width:220px}
label{display:block;color:var(--muted);font-size:12px;margin:0 0 6px}
input{width:100%;padding:12px;border-radius:14px;border:1px solid var(--line);background:#0b1220;color:var(--text);outline:none}
input:focus{border-color:rgba(34,197,94,.55);box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:13px}
#statusText.err{color:#ffb4b4}
#statusText.ok{color:#a7f3d0}
.btn{border:1px solid var(--line);background:var(--btn);color:var(--text);padding:11px 12px;border-radius:14px;cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap}
.btn:hover{border-color:rgba(34,197,94,.35)}
.btn.primary{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.35)}
.btn.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25)}
.btn.ghost{background:transparent}
.btn.small{padding:8px 10px;border-radius:12px;font-size:13px}
.grid{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0}
@media (min-width:760px){.grid{grid-template-columns:1fr 1fr}}
.card{background:rgba(17,24,39,.55);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;grid-template-columns:76px 1fr;gap:12px}
.cover{width:76px;height:104px;border-radius:14px;border:1px solid var(--line);background:#0b1220;display:grid;place-items:center;color:var(--muted);overflow:hidden}
.cover img{width:100%;height:100%;object-fit:cover}
.title{margin:0;font-size:15px;line-height:1.25}
.authors{margin-top:6px;color:var(--muted);font-size:13px}
.tags{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}
.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px}
.actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}

.summary{margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card);line-height:1.45}
.moreRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.muted{color:var(--muted)}
.footer{margin:18px 0 10px;color:var(--muted);font-size:13px}
.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.nav a{color:var(--muted);text-decoration:none}
.nav a:hover{color:var(--text)}
code{background:#0b1220;border:1px solid var(--line);padding:2px 6px;border-radius:8px}


/* YD_BLOCKS_CSS */
.ydHero{ padding: 14px 14px 0 14px; }
.ydH2{ margin: 0 0 6px 0; font-size: 20px; }
.ydLead{ opacity: .9; font-size: 14px; line-height: 1.45; }
.ydChips{ margin-top: 10px; display:flex; flex-wrap:wrap; gap:8px; }
.ydChip{
  display:inline-flex; align-items:center;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(10,15,25,.25);
  cursor: pointer;
  user-select: none;
  font-size: 13px;
}
.ydChip:hover{ background: rgba(10,15,25,.38); }

.ydBlocks{
  margin: 14px 0 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.ydCard{
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: rgba(10,15,25,.35);
  line-height: 1.5;
}
.ydTitle{ font-weight: 700; margin-bottom: 6px; }
.ydNote{ margin-top: 6px; font-size: 14px; opacity: .85; }
.ydList{ margin: 8px 0 0 18px; }

@media (max-width: 860px){
  .ydBlocks{ grid-template-columns: 1fr; }
}
/* END_YD_BLOCKS_CSS */