/* Liquid-glass treatment for every directory link card. */
.card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.1),inset 0 0 0 rgba(255,255,255,0);position:relative;overflow:hidden}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}
.card::after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent,rgba(255,255,255,.3))}
.site-icon{display:none;width:22px;height:22px;object-fit:contain;border-radius:6px;background:rgba(255,255,255,.12);padding:3px;flex:none}.site-icon.loaded{display:block}.card-copy{min-width:0}.card:has(.site-icon.loaded){flex-direction:row;align-items:center;gap:10px}.card:has(.site-icon.loaded) .card-url{padding-right:22px}
@media(max-width:560px){.site-icon{width:30px;height:30px;border-radius:8px;padding:5px}.card:has(.site-icon.loaded){gap:12px}}