.vf-changelog { color:var(--text,#f0ecff); }
.vf-cl-controls { display:grid; grid-template-columns:1fr 1fr 2fr; gap:14px; margin:24px 0 16px; }
.vf-cl-controls label { display:flex; flex-direction:column; gap:8px; font-size:13px; font-weight:600; }
.vf-cl-controls input,.vf-cl-controls select { min-width:0; width:100%; padding:12px; border:1px solid #ffffff25; background:#16131f; color:#fff; border-radius:9px; font:inherit; }
.vf-cl-controls :focus-visible { outline:2px solid #bda2ff; outline-offset:3px; }
.vf-cl-count,.vf-cl-date { color:#b9b1c9; font-size:13px; margin:12px 0; }
.vf-cl-list { display:grid; gap:18px; }
.vf-cl-card { padding:24px; border:1px solid #ffffff20; border-radius:14px; background:#ffffff05; }
.vf-cl-meta { display:flex; gap:8px; flex-wrap:wrap; }
.vf-cl-meta span { padding:5px 9px; background:#a78bfa19; border:1px solid #a78bfa40; border-radius:6px; color:#dfd1ff; font-size:12px; font-weight:600; }
.vf-cl-card h2 { font-size:21px; margin:16px 0 10px; line-height:1.4; }
.vf-cl-notes { white-space:pre-wrap; overflow-wrap:anywhere; font-size:15px; line-height:1.8; color:#e3dfee; }
.vf-cl-empty { color:#c8c0d9; padding:36px 0; }
@media(max-width:650px) { .vf-cl-controls { grid-template-columns:1fr 1fr; } .vf-cl-controls label:last-child { grid-column:1/-1; } .vf-cl-card { padding:18px; } }