.bookmark-card{margin:.75rem 0}.bookmark-card__body{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;text-decoration:none;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease;font-family:pretendard,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;box-shadow:none}.bookmark-card__main{min-width:0;display:flex;flex-direction:column;gap:.35rem}.bookmark-card__title-row{display:flex;align-items:center;gap:.5rem}.bookmark-card__icon{width:24px;height:24px;object-fit:contain;border-radius:6px}.bookmark-card__pill{display:inline-flex;align-items:center;padding:.1rem .5rem;font-size:.75rem;font-weight:600;color:#4338ca;background:#eef2ff;border-radius:999px}.bookmark-card__title{font-size:1.05rem;font-weight:700;color:#0f172a}.bookmark-card__desc{margin:0;font-size:.95rem;color:#475569;line-height:1.45}.bookmark-card__url{font-size:.85rem;color:#6b7280;word-break:break-all}.bookmark-card__meta{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.bookmark-card__meta-pill{display:inline-flex;align-items:center;padding:.2rem .6rem;font-size:.78rem;font-weight:600;color:#0f172a;background:#f1f5f9;border-radius:999px}@media(min-width:1024px){.bookmark-card__body:hover{background:#f5f7ff;border-color:#cbd5e1;border-radius:12px}}@media(prefers-color-scheme:dark){.bookmark-card__body{background:#0f0f0f;border-color:#191a1c;box-shadow:none;border-radius:12px}.bookmark-card__title{color:#e5e7eb}.bookmark-card__desc{color:#c7ced9}.bookmark-card__url{color:#9aa4b3}.bookmark-card__pill{color:#e5e7eb;background:#1f2023}.bookmark-card__meta-pill{color:#e5e7eb;background:#1f2023}}.dark .bookmark-card__body{background:#0f0f0f;border-color:#191a1c;box-shadow:none;border-radius:12px}.dark .bookmark-card__title{color:#e5e7eb}.dark .bookmark-card__desc{color:#c7ced9}.dark .bookmark-card__url{color:#9aa4b3}.dark .bookmark-card__pill{color:#e5e7eb;background:#1f2023}.dark .bookmark-card__meta-pill{color:#e5e7eb;background:#1f2023}@media(max-width:640px){.bookmark-card__body{flex-direction:column;align-items:flex-start}.bookmark-card__meta{width:100%;justify-content:flex-start}}@media(prefers-color-scheme:dark) and (min-width:1024px){.bookmark-card__body:hover{background:#151618;border-color:#1f2023;border-radius:12px}}@media(min-width:1024px){.dark .bookmark-card__body:hover{background:#151618;border-color:#1f2023;border-radius:12px}}