*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#111827}header{padding:18px;background:#111827;color:#fff;display:flex;justify-content:space-between}header a{color:#fff}main{max-width:900px;margin:auto;padding:18px 14px}.search{}input{width:100%;padding:16px;border:1px solid #bbb;border-radius:10px;font-size:18px}#status{color:#64748b;font-size:13px;margin:12px 2px}.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:14px;margin:10px 0;white-space:pre-wrap;line-height:1.55}mark{background:#fde68a}.empty{text-align:center;color:#777;padding:40px}