@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@500;650;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg:#040814;--bg2:#0a112a;--line:#1f325f;--textStrong:#ecf2ff;--textSoft:#b6c8ee;--accent:#7ef2ff;--font-heading:"Exo 2", sans-serif;--font-body:"IBM Plex Sans", sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-height:100svh;color:var(--textStrong);background:radial-gradient(1200px 760px at 12% -20%, #2d76ff40, transparent 60%), radial-gradient(850px 620px at 95% -30%, #7ef2ff2e, transparent 62%), linear-gradient(165deg, var(--bg), var(--bg2));margin:0}body:before{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0}p{margin:0}.appShell{box-sizing:border-box;width:min(1220px,100%);min-height:100svh;margin:0 auto;padding:14px}.headerBar{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0d152de6,#0b1124db);border-radius:20px;padding:16px;position:sticky;top:0}.headerTop{gap:8px;display:grid}.badge{color:var(--accent);font:700 11px/1 var(--font-heading);letter-spacing:.18em;text-transform:uppercase;margin:0}.headerBar h1{font:700 clamp(1.3rem, 4vw, 2.3rem) / 1.1 var(--font-heading);color:var(--textStrong);margin:0}.subtitle{color:var(--textSoft);margin:0;font-size:.96rem}.searchBox{margin-top:14px}.searchBox input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--textStrong);font:500 .95rem/1.3 var(--font-body);background:#070c1cd1;border-radius:14px;padding:12px 14px}.searchBox input::placeholder{color:#c9d5faa6}.searchBox input:focus-visible,.filterFields select:focus-visible,.copyBtn:focus-visible,.ghostBtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.resultInfo{color:var(--textSoft);margin:10px 0 0;font-size:.84rem}.filterBar{border:1px solid var(--line);background:#080d1de6;border-radius:16px;gap:10px;margin-top:12px;padding:10px;display:grid}.filterFields{gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.filterFields label{min-width:160px;color:var(--textSoft);gap:6px;font-size:.78rem;display:grid}.filterFields select{border:1px solid var(--line);color:var(--textStrong);font:500 .9rem/1.2 var(--font-body);background:#040814f2;border-radius:10px;padding:10px}.ghostBtn{border:1px solid var(--line);color:var(--textStrong);font:600 .84rem/1 var(--font-body);cursor:pointer;background:0 0;border-radius:10px;justify-self:end;padding:9px 12px}.promptGrid{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}.promptCard{border:1px solid var(--line);background:linear-gradient(170deg,#0b1125f0,#080c19f2);border-radius:18px;animation:.45s both cardIn;overflow:hidden;box-shadow:0 12px 26px #0000003d}.promptCard img{object-fit:cover;width:100%;height:170px;display:block}.cardBody{gap:10px;padding:14px;display:grid}.modelPill{color:var(--accent);font:600 .72rem/1 var(--font-body);background:#7ef2ff12;border:1px solid #7ef2ff59;border-radius:999px;justify-self:start;margin:0;padding:4px 10px}.promptCard h2{color:var(--textStrong);font:650 1.06rem/1.18 var(--font-heading);margin:0}.description{color:var(--textSoft);margin:0;font-size:.9rem}.promptPreview{color:#d8e4ff;background:#020713c7;border:1px solid #749bff40;border-radius:10px;max-height:140px;margin:0;padding:10px;font-size:.86rem;line-height:1.4;overflow:auto}.metaRow{gap:6px;display:grid}.category,.tags{color:#c6d3fcc2;margin:0;font-size:.78rem}.copyBtn{border:1px solid var(--accent);color:var(--textStrong);font:600 .86rem/1 var(--font-body);cursor:pointer;background:linear-gradient(135deg,#7ef2ff29,#2f67ff1f);border-radius:10px;padding:10px 12px}.emptyState{border:1px dashed var(--line);text-align:center;color:var(--textSoft);border-radius:14px;margin-top:14px;padding:24px 14px}.emptyState h2{color:var(--textStrong);font:650 1.1rem/1.2 var(--font-heading);margin:0}.emptyState p{margin:10px 0 0}.loadMoreHint{text-align:center;color:var(--textSoft);font:600 .82rem/1.3 var(--font-body);margin:14px 0 4px}.toast{color:var(--textStrong);border:1px solid var(--line);font:600 .86rem/1 var(--font-body);z-index:60;background:#0b1122f2;border-radius:999px;padding:10px 16px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #00000059}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.appShell{padding:18px}.promptGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width>=1024px){.promptGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.promptCard{animation:none}.copyBtn,.ghostBtn,.searchBox input,.filterFields select{transition:none}}