:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-color:#0d1117;--surface-color:#161b22b3;--surface-border:#ffffff1a;--text-primary:#e6edf3;--text-secondary:#8b949e;--accent-color:#58a6ff;--accent-glow:#58a6ff66;--radius-md:12px;--radius-lg:16px;--transition-fast:.2s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#58a6ff0d,#0000 25%),radial-gradient(circle at 85% 30%,#c858ff0d,#0000 25%);min-height:100vh;line-height:1.5}#root{max-width:1200px;margin:0 auto;padding:2rem}h1{letter-spacing:-.05em;background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}h2{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.5rem;font-weight:600}p.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003}.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:stretch;gap:1.5rem;display:grid}.meme-card{cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.meme-card:hover{box-shadow:0 12px 40px #0006, 0 0 20px var(--accent-glow);border-color:#fff3;transform:translateY(-4px)}.meme-card img{object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--surface-border);width:100%;height:250px;display:block}.meme-card .card-body{flex-grow:1;padding:1.25rem}.meme-card .status-code{color:var(--accent-color);justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.meme-card .status-desc{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.meme-card .copy-toast{background:var(--accent-color);color:#fff;opacity:0;pointer-events:none;border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:opacity .3s,transform .3s;position:absolute;top:1rem;right:1rem;transform:translateY(10px)}.meme-card.copied .copy-toast{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.usage-section{margin-bottom:4rem}.usage-section h2{text-align:center}.usage-code-block{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto 1rem;padding:1rem 1.5rem;font-family:Google Sans Mono,monospace;font-size:1.1rem;display:flex}.usage-code-block .method{color:#4ade80;margin-right:1.5rem;font-weight:700}.usage-code-block .url{color:#4ade80;flex-grow:1}.usage-code-block .copy-btn{color:#4ade80;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #4ade8066;justify-content:center;align-items:center;padding:.5rem;display:flex}.usage-code-block .copy-btn:hover{background:#4ade801a;border-color:#4ade80}.usage-example{text-align:center;color:var(--text-secondary);font-size:.95rem}.usage-example a{color:#4ade80;transition:text-decoration var(--transition-fast);text-decoration:none}.usage-example a:hover{text-decoration:underline}.usage-example code{color:#4ade80;font-family:monospace}.app-footer{border-top:1px solid var(--surface-border);text-align:center;color:var(--text-secondary);margin-top:4rem;padding-top:2rem;font-size:.95rem}.app-footer p{margin-bottom:.5rem}.app-footer a{color:var(--accent-color);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.app-footer a:hover{color:#fff;text-decoration:underline}