*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#0a0a0f;color:#e2e8f0}a{color:#38bdf8;text-decoration:none}.header{background:#111827;border-bottom:1px solid #1f2937;padding:16px 24px;display:flex;gap:16px;align-items:center;position:sticky;top:0;z-index:10}.header h1{font-size:20px;background:linear-gradient(90deg,#38bdf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.search-bar{flex:1;max-width:600px;display:flex;gap:8px}.search-bar input{flex:1;padding:12px 16px;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:15px}.search-bar button{padding:12px 20px;border-radius:10px;border:none;background:#38bdf8;color:#0f172a;font-weight:600;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:24px}.card{background:#1e293b;border:1px solid #334155;border-radius:16px;overflow:hidden;transition:transform .15s,border-color .15s;cursor:pointer}.card:hover{transform:translateY(-3px);border-color:#38bdf8}.card img{width:100%;height:220px;object-fit:cover;background:#0f172a}.card .body{padding:14px}.card h3{font-size:15px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;margin-right:6px}.badge-local{background:#065f46;color:#6ee7b7}.badge-remote{background:#1e3a5f;color:#7dd3fc}.detail{max-width:1100px;margin:24px auto;padding:0 24px}.detail h2{font-size:28px;margin-bottom:12px}.viewer{width:100%;height:520px;background:#0f172a;border-radius:16px;overflow:hidden;border:1px solid #334155}.markdown{line-height:1.7;margin-top:20px}.markdown img{max-width:100%;border-radius:12px;margin:12px 0}.markdown h1,.markdown h2{margin:16px 0 8px}.btn{display:inline-block;padding:10px 18px;border-radius:10px;background:#38bdf8;color:#0f172a;font-weight:600;margin-top:12px}.spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(56,189,248,.25);border-top-color:#38bdf8;border-radius:50%;animation:spin .7s linear infinite}.cat-item:hover{background:#1e293b}@keyframes spin{to{transform:rotate(360deg)}}