:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#090d14;--surface:#111827;--surface-strong:#172033;--border:#94a3b838;--text:#f8fafc;--muted:#a8b3c7;--accent:#38bdf8;--accent-strong:#22c55e;--shadow:0 24px 80px #0000005c;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#38bdf829,#0000 34rem),linear-gradient(145deg,#090d14 0%,#101826 48%,#080b11 100%);margin:0}button,input,select{font:inherit}button{border:0}#root{min-height:100vh}.app-shell{min-height:100vh;padding:40px 20px 56px}.app-header,.app-main{width:min(1040px,100%);margin:0 auto}.app-header{text-align:center;padding:24px 0 22px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin:0}h1{color:var(--text);font-size:clamp(2.35rem,5vw,4.75rem);font-weight:800;line-height:.98}h2{color:var(--text);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.1}h3{color:var(--text);font-size:1.35rem}.app-main{gap:28px;display:grid}.generator-panel,.empty-state,.loading-box,.error-message{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111827d1}.generator-panel{gap:22px;padding:clamp(22px,4vw,36px);display:grid}.panel-copy{text-align:center;gap:10px;max-width:680px;margin:0 auto;display:grid}.panel-copy p,.empty-state p,.loading-box p{color:var(--muted);line-height:1.6}.form-grid{grid-template-columns:minmax(0,1.5fr) minmax(180px,.75fr);gap:14px;display:grid}.field{text-align:left;gap:8px;display:grid}.field span{color:#cbd5e1;font-size:.86rem;font-weight:700}input,select{width:100%;min-height:52px;color:var(--text);background:#0b1220;border:1px solid #94a3b847;border-radius:12px;outline:none;padding:0 16px;transition:border-color .16s,box-shadow .16s,background .16s}input::placeholder{color:#68758a}input:focus,select:focus{background:#0d1626;border-color:#38bdf8d1;box-shadow:0 0 0 4px #38bdf824}.primary-button{color:#04111d;background:linear-gradient(135deg, var(--accent), var(--accent-strong));cursor:pointer;border-radius:12px;min-height:54px;padding:0 22px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 16px 34px #22c55e38}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 42px #38bdf840}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{cursor:not-allowed;opacity:.62}.results-section{gap:18px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-heading .eyebrow{margin:0}.meme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.meme-card{color:var(--text);background:linear-gradient(180deg, var(--surface-strong), var(--surface));border:1px solid var(--border);border-radius:16px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden;box-shadow:0 18px 48px #00000047}.meme-card:hover{border-color:#38bdf875;transform:translateY(-3px);box-shadow:0 24px 60px #0000005c}.meme-card img{aspect-ratio:4/3;object-fit:cover;background:#020617;width:100%;display:block}.meme-card p{color:#e5edf7;text-align:left;min-height:104px;padding:18px;font-size:.98rem;font-weight:650;line-height:1.45}.loading-box,.empty-state,.error-message{padding:22px}.loading-box{justify-content:center;align-items:center;gap:14px;display:flex}.spinner{border:3px solid #fff3;border-top-color:var(--accent);border-radius:50%;flex:none;width:30px;height:30px;animation:.8s linear infinite spin}.error-message{color:#fecaca;text-align:center;background:#7f1d1d33;border-color:#f8717157;font-weight:700}.empty-state{color:var(--muted);text-align:center;box-shadow:none;background:#0f172a94;justify-items:center;gap:10px;display:grid}.empty-icon{width:42px;height:42px;color:var(--accent);background:#38bdf81a;border:1px solid #38bdf847;border-radius:50%;place-items:center;font-size:1.5rem;font-weight:400;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.app-shell{padding:28px 14px 40px}.app-header{padding-top:12px}.form-grid,.meme-grid{grid-template-columns:1fr}.section-heading{justify-items:start;display:grid}.loading-box{justify-content:flex-start;align-items:flex-start}}