.link-card{list-style:none;display:flex;background:linear-gradient(145deg,#fff,#f8fafc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;height:8.5rem;position:relative;content-visibility:auto;contain-intrinsic-size:8.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(99,102,241,.15);overflow:hidden;box-shadow:0 4px 20px #0000000d}.link-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#6366f1,#ec4899,#22c55e,#f59e0b);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;z-index:0;pointer-events:none}.link-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg 340deg,rgba(99,102,241,.1) 340deg 360deg);animation:spin 20s linear infinite;opacity:0;transition:opacity .4s ease;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link-card>a{width:100%;text-decoration:none;padding:1rem 1.4rem;color:var(--accent);justify-content:space-between;position:relative;z-index:2}p{color:#64748b}.link-card:is(:hover,:focus-within){background:linear-gradient(145deg,#fff,#f1f5f9);transform:translateY(-6px) scale(1.02);box-shadow:0 25px 50px #6366f126,0 0 80px #ec48991a}.link-card:is(:hover,:focus-within):before{opacity:1}.link-card:is(:hover,:focus-within):after{opacity:1}p.distribution{margin:var(--spacing-00);position:absolute;bottom:var(--spacing-06);display:flex;gap:var(--spacing-02)}span.tag{background:linear-gradient(135deg,#6366f115,#ec489910);padding:calc(.15rem - 1px) calc(.3rem - 1px);border-radius:8px;display:inline-block;color:#6366f1;margin-top:var(--spacing-08);font-family:var(--monospace);font-size:var(--desktop-caption);line-height:var(--lh-desktop-caption);align-content:center;border:1px solid rgba(99,102,241,.2)}span.tag-new{background:linear-gradient(135deg,#22c55e20,#16a34a15);padding:calc(.15rem - 1px) calc(.3rem - 1px);border-radius:8px;display:inline-block;margin-top:var(--spacing-08);font-size:var(--desktop-caption);line-height:var(--lh-desktop-caption);font-family:var(--monospace);color:#22c55e;border:1px solid rgba(34,197,94,.3)}strong{font-weight:600;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-bookmark{position:absolute;top:var(--spacing-03);right:var(--spacing-03);z-index:10;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.link-card:hover .card-bookmark,.link-card:focus-within .card-bookmark{opacity:1;transform:scale(1.15) rotate(-5deg)}.card-bookmark:has(.bookmarked){opacity:1;transform:scale(1.15)}@media(hover:none){.card-bookmark{opacity:1}}.empty-state{text-align:center;padding:var(--spacing-15) var(--spacing-06);max-width:40rem;margin:0 auto}.empty-state-icon{color:var(--content-secondary);margin-bottom:var(--spacing-05)}.empty-state-message{max-width:32rem;margin:0 auto}.empty-state-action{margin-top:var(--spacing-06);display:inline-block}.link-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(28ch,1fr));gap:var(--spacing-06);padding:var(--spacing-00);max-width:75rem;margin:0 auto;padding:var(--spacing-06)}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.link-card{animation:floatIn .5s ease-out forwards}.link-card:nth-child(1){animation-delay:.05s}.link-card:nth-child(2){animation-delay:.1s}.link-card:nth-child(3){animation-delay:.15s}.link-card:nth-child(4){animation-delay:.2s}.link-card:nth-child(5){animation-delay:.25s}.link-card:nth-child(6){animation-delay:.3s}.infinite-scroll-loader{display:flex;justify-content:center;align-items:center;padding:var(--spacing-12);min-height:6rem}.loading-text{color:#94a3b8;font-size:var(--desktop-body-sm);background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--spacing-04)}@keyframes spin{to{transform:rotate(360deg)}}