:root{--card-bg:#fffffff2;--gradient-primary:linear-gradient(45deg,#3498db26,#9b59b626);--transition-default:all .3s cubic-bezier(.4,0,.2,1)}.card-container{background:var(--background);transition:var(--transition-default);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;min-height:380px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.card-container:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.card-container:before{content:"";border-radius:inherit;background:var(--gradient-primary);-webkit-mask:linear-gradient(var(--background)0 0)content-box,linear-gradient(var(--background)0 0);-webkit-mask:linear-gradient(var(--background)0 0)content-box,linear-gradient(var(--background)0 0);mask:linear-gradient(var(--background)0 0)content-box,linear-gradient(var(--background)0 0);-webkit-mask-composite:xor;opacity:0;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.card-container:hover:before{opacity:1}.card-media{background:#00000008;border:1px solid #80808080;border-bottom:none;border-radius:12px 12px 0 0;padding:8px;position:relative}.card-iframe{aspect-ratio:16/9;background:#45454500;border:none;border-radius:4px;width:100%;box-shadow:0 0 0 1px #00000014}.screen-overlay{pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000001a 100%);border-radius:6px;position:absolute;inset:0}.preview-link{background:var(--background);color:var(--textColor);opacity:0;transition:var(--transition-default);box-shadow:0 2px 8px var(--textColor);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;position:absolute;top:12px;right:12px;transform:translateY(8px)}.card-container:hover .preview-link{opacity:1;transform:translateY(0)}.card-content{flex-direction:column;flex-grow:1;padding:14px;display:flex}.card-header{margin-bottom:8px}.card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:1.15rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{margin-top:auto}.category{color:#444;background:#f5f5f5;border-radius:4px;padding:4px 12px;font-size:.8rem;font-weight:500;display:inline-block}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag{color:#555;transition:var(--transition-default);background:#ededed;border-radius:14px;padding:4px 12px;font-size:.75rem;text-decoration:none;display:inline-block}.tag:hover{color:#fff;background:#007bff;transform:translateY(-1px)}