:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014,0 2px 8px #0000000f;border:1px solid #e2e8f0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;max-width:250px;margin:10px}.card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #2563eb1f,0 8px 24px #00000014;border-color:#bfdbfe}.card-header{background:linear-gradient(135deg,#1e293b,#334155);padding:8px;text-align:center;display:flex;justify-content:space-between;align-items:center}.card-title{font-size:.9rem;font-weight:700;color:#fff;margin:0}.card-menu{position:relative}.menu-button{background:none;color:#fff;border:none;font-size:16px;cursor:pointer;padding:4px 20px 0}.menu-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0003;z-index:100;display:flex;flex-direction:column}.menu-dropdown button{padding:4px 8px;font-size:14px;background:none;border:none;cursor:pointer;text-align:left}.menu-dropdown button:hover{background-color:#f0f0f0}.card-content{padding:10px;text-align:left}.card-description{font-size:.85rem;color:#666;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-footer{font-size:.75rem;color:#888;text-align:left;margin-top:12px}.card-author,.card-modified{margin:2px 0;font-size:10px}