*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}main{display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1400px;min-height:100vh;padding:clamp(1rem,2vw,1.5rem)}:root{--bg:#0f0f23;--surface:#1a1a2e;--text:#e2e8f0;--text-secondary:#94a3b8;--primary:#6366f1;--border:#334155;--radius:12px;--spacing-unit:1rem;--font-title:"Lobster",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f8fafc;--surface:#fff;--text:#0f172a;--text-secondary:#475569;--border:#e2e8f0}}.cardrecipe{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s ease}.cardrecipe:hover{transform:translateY(-2px)}.cardrecipe-link,.cardrecipe-link:active,.cardrecipe-link:focus,.cardrecipe-link:hover,.cardrecipe-link:link,.cardrecipe-link:visited{border-bottom:none!important;box-shadow:none!important;color:inherit;display:block;text-decoration:none!important}.imagecard{aspect-ratio:16/10;background-color:#f3f4f6;overflow:hidden;width:100%}.imagecard img{display:block;height:100%;object-fit:cover;width:100%}.info{display:flex;flex:1;flex-direction:column;padding:1.25rem}.cardrecipe .title,.cardrecipe .title a{color:var(--text);display:-webkit-box;font-family:var(--font-title)!important;font-size:1.25rem;font-weight:400;letter-spacing:.2px;line-height:1.3;margin-bottom:.75rem;text-align:center;text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%}.cardrecipe .title a:active,.cardrecipe .title a:focus,.cardrecipe .title a:hover,.cardrecipe .title a:link,.cardrecipe .title a:visited{color:inherit;text-decoration:none!important}.description{color:var(--text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.6;margin-bottom:1rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.button{display:flex;gap:.75rem;justify-content:center;padding:0 1.25rem 1.25rem}.button a{align-items:center;background:var(--primary);border:none;border-radius:var(--radius);color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:background-color .2s ease}.button a:hover{opacity:.9}@media (max-width:768px){main{grid-template-columns:1fr;padding:1rem}.cardrecipe{border-radius:8px}.info{padding:1rem}.cardrecipe .title{font-size:1.1rem}}