:root{--bg:#f6f3ec;--surface:#fffdf9;--surface-2:#f0ebe0;--text:#221f1a;--text-dim:#6b6558;--border:#e3ddcd;--accent:#0080ff;--accent-strong:#0080ff;--shadow:220 20% 10%;--c-image:#43a1ff;--c-design:#6d5bb0;--c-writing:#1f8f7a;--c-programming:#08154b;--c-marketing:#fe7570;--c-education:#4c8a4c;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--font-display:'Vazirmatn',system-ui,sans-serif;--font-body:'Vazirmatn',system-ui,sans-serif;color-scheme:light}html[data-theme="dark"]{--bg:#14151a;--surface:#1c1e25;--surface-2:#23252d;--text:#ece9e2;--text-dim:#a09c92;--border:#2d2f39;--accent:#0080ff;--accent-strong:#5badff;--shadow:0 0% 0%;color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.75;-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}.container{max-width:1240px;margin-inline:auto;padding-inline:24px}img{max-width:100%;display:block}button,select,input{font-family:inherit}header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border)}.header-container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-sm);background:linear-gradient(155deg,var(--accent),var(--accent-strong));color:#fff;font-size:22px;font-weight:700;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--accent) 70%,transparent)}h1{font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800;margin:0;letter-spacing:-0.01em}.header-subtitle{margin:2px 0 0;font-size:.85rem;color:var(--text-dim)}#theme-toggle-button{position:relative;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:background-color .25s ease,transform .2s ease,border-color .25s ease}#theme-toggle-button:hover{transform:translateY(-2px);border-color:var(--accent)}#theme-toggle-button:active{transform:translateY(0)}#theme-toggle-button svg{position:absolute;transition:opacity .25s ease,transform .35s ease}#theme-toggle-button .icon-sun{opacity:0;transform:rotate(-40deg) scale(.6)}#theme-toggle-button .icon-moon{opacity:1;transform:rotate(0) scale(1)}html[data-theme="dark"] #theme-toggle-button .icon-sun{opacity:1;transform:rotate(0) scale(1)}html[data-theme="dark"] #theme-toggle-button .icon-moon{opacity:0;transform:rotate(40deg) scale(.6)}main{padding-block:100px 72px}.controls-wrapper{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px;position:sticky;top:78px;z-index:40;padding-block:10px}.search-box{position:relative;flex:1 1 260px}.search-icon{position:absolute;inset-inline-start:14px;top:50%;translate:0 -50%;color:var(--text-dim);pointer-events:none}#search-input{width:100%;padding:12px 16px 12px 16px;padding-inline-start:42px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}#search-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}#search-input::placeholder{color:var(--text-dim)}.filter-box select{height:100%;padding:12px 40px 12px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b6558' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;transition:border-color .2s ease}.filter-box select:focus-visible{border-color:var(--accent)}.results-count{font-size:.82rem;color:var(--text-dim);margin:4px 2px 20px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-dim);font-size:1rem}.prompt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;counter-reset:card}.prompt-card:nth-child(1){--i:1}.prompt-card:nth-child(2){--i:2}.prompt-card:nth-child(3){--i:3}.prompt-card:nth-child(4){--i:4}.prompt-card:nth-child(5){--i:5}.prompt-card:nth-child(6){--i:6}.prompt-card:nth-child(7){--i:7}.prompt-card:nth-child(8){--i:8}.prompt-card:nth-child(9){--i:9}.prompt-card:nth-child(n+10){--i:10}.prompt-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;counter-increment:card;opacity:0;transform:translateY(14px);animation:card-in .5s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(var(--i,0) * 45ms);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;content-visibility:auto;contain-intrinsic-size:520px 460px}@keyframes card-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.prompt-card{animation:none;opacity:1;transform:none}}.prompt-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 20px 40px -18px hsl(var(--shadow) / .35)}.prompt-card::before{content:counter(card,decimal-leading-zero);position:absolute;top:14px;left:14px;z-index:2;font-size:.68rem;letter-spacing:.05em;color:#fff;background:rgba(20,18,14,.55);backdrop-filter:blur(4px);padding:4px 8px;border-radius:999px;font-variant-numeric:tabular-nums}.card-image-wrap{position:relative;height:340px;background:repeating-linear-gradient(135deg,var(--surface-2),var(--surface-2) 10px,var(--surface) 10px,var(--surface) 20px);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .5s ease;background:var(--surface-2)}.prompt-card:hover .card-image-wrap img{transform:scale(1.035)}.card-image-wrap.img-fallback img{display:none}.card-image-wrap.img-fallback{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 18%,var(--surface-2)),var(--surface-2))}.card-image-wrap.img-fallback::after{content:"🖼";font-size:2.2rem;opacity:.45}.prompt-content{padding:20px 20px 6px;display:flex;flex-direction:column;gap:10px;flex:1}.category-badge{align-self:flex-start;font-size:.72rem;font-weight:600;padding:4px 12px;border-radius:999px;color:#fff;background:var(--accent)}.prompt-card[data-category="Image"] .category-badge{background:var(--c-image)}.prompt-card[data-category="Design"] .category-badge{background:var(--c-design)}.prompt-card[data-category="Writing"] .category-badge{background:var(--c-writing)}.prompt-card[data-category="Programming"] .category-badge{background:var(--c-programming)}.prompt-card[data-category="Marketing"] .category-badge{background:var(--c-marketing)}.prompt-card[data-category="Education"] .category-badge{background:var(--c-education)}.prompt-content h2{font-family:var(--font-display);font-size:1.08rem;font-weight:700;margin:0;letter-spacing:-0.01em}.prompt-content p{margin:0;font-size:.88rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.tag{font-size:.72rem;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);padding:3px 10px;border-radius:999px}.actions{padding:16px 20px 20px;margin-top:auto}.copy-button{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.copy-button:hover{background:var(--accent);border-color:var(--accent);color:#ffffff}.copy-button:active{transform:scale(.98)}.copy-button.copied{background:#001483;border-color:#ffa861;color:#fff}.prompt-card[hidden]{display:none}.toast{position:fixed;bottom:26px;right:50%;translate:50% 0;background:var(--text);color:var(--bg);padding:10px 20px;border-radius:999px;font-size:.85rem;font-weight:600;opacity:0;pointer-events:none;transform:translateY(12px) translateX(50%);transition:opacity .25s ease,transform .25s ease;z-index:100}.toast.show{opacity:1;transform:translateY(0) translateX(50%)}footer{border-top:1px solid var(--border);padding-block:22px}footer p{margin:0;text-align:center;font-size:.82rem;color:var(--text-dim)}@media (max-width:640px){main{padding-block:90px 72px}.header-container{padding-block:14px}.controls-wrapper{top:70px;flex-wrap:wrap}.container{padding-inline:14px}.prompt-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.prompt-card{contain-intrinsic-size:280px 320px}.card-image-wrap{height:150px}.prompt-card::before{top:8px;left:8px;font-size:.58rem;padding:3px 6px}.prompt-content{padding:12px 12px 4px;gap:6px}.category-badge{font-size:.62rem;padding:3px 9px}.prompt-content h2{font-size:.85rem;line-height:1.35}.prompt-content p{font-size:.74rem;-webkit-line-clamp:3}.tag-row{display:none}.actions{padding:10px 12px 14px}.copy-button{padding:8px 10px;font-size:.74rem}.brand-mark{width:36px;height:36px;font-size:18px}.header-subtitle{font-size:.72rem}}@media (max-width:380px){.card-image-wrap{height:130px}}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{background-image:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 45%),radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--c-design) 5%,transparent),transparent 40%);background-attachment:fixed}html[data-theme="dark"] body{background-image:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 45%),radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--c-design) 8%,transparent),transparent 40%)}header{box-shadow:0 1px 0 color-mix(in srgb,var(--text) 4%,transparent)}.brand-mark{box-shadow:0 8px 20px -8px color-mix(in srgb,var(--accent) 65%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}.controls-wrapper{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px)}#search-input{box-shadow:0 1px 2px color-mix(in srgb,var(--text) 4%,transparent)}.filter-box select{box-shadow:0 1px 2px color-mix(in srgb,var(--text) 4%,transparent)}.prompt-card{cursor:pointer;box-shadow:0 1px 3px color-mix(in srgb,var(--text) 3%,transparent)}.prompt-card:hover{box-shadow:0 24px 48px -20px hsl(var(--shadow) / .4)}.prompt-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card-image-wrap{position:relative}.card-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,9,6,.42),transparent 42%);opacity:0;transition:opacity .25s ease;pointer-events:none}.prompt-card:hover .card-image-wrap::after{opacity:1}.view-hint{position:absolute;left:50%;bottom:14px;translate:-50% 0;display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);color:#fff;font-size:.76rem;font-weight:600;opacity:0;transform:translateY(8px) translateX(50%);transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:2}.prompt-card:hover .view-hint{opacity:1;transform:translateY(0) translateX(50%)}.view-hint svg{flex-shrink:0}.copy-button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.copy-button svg{flex-shrink:0;transition:transform .2s ease}.copy-button.copied svg{transform:scale(1.15)}.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,#0a0906 62%,transparent);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.prompt-modal{width:100%;max-width:640px;max-height:88vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px -20px hsl(var(--shadow) / .55);transform:translateY(24px) scale(.97);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.25,1),opacity .3s ease}.modal-overlay.open .prompt-modal{transform:translateY(0) scale(1);opacity:1}.modal-scroll{overflow-y:auto;overscroll-behavior:contain}.modal-image-wrap{position:relative;background:repeating-linear-gradient(135deg,var(--surface-2),var(--surface-2) 10px,var(--surface) 10px,var(--surface) 20px);cursor:zoom-in}.modal-image-wrap img{width:100%;max-height:46vh;object-fit:contain;background:var(--surface-2)}.modal-close{position:absolute;top:12px;left:12px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(15,13,10,.5);color:#fff;backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.modal-close:hover{background:rgba(15,13,10,.75);transform:scale(1.06)}.modal-zoom-hint{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:rgba(15,13,10,.5);color:#fff;font-size:.72rem;font-weight:600;backdrop-filter:blur(6px)}.modal-body{padding:22px 24px 6px;display:flex;flex-direction:column;gap:12px}.modal-badge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-body h3{font-family:var(--font-display);font-size:1.28rem;font-weight:800;margin:0;letter-spacing:-0.01em}.modal-body .modal-desc{margin:0;font-size:.92rem;color:var(--text-dim);white-space:pre-line}.modal-tag-row{display:flex;flex-wrap:wrap;gap:6px}.modal-actions{display:flex;gap:10px;padding:18px 24px 24px;flex-wrap:wrap}.modal-btn{flex:1 1 140px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.modal-btn svg{flex-shrink:0}.modal-btn:active{transform:scale(.97)}.modal-btn.primary{background:linear-gradient(155deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--accent) 65%,transparent)}.modal-btn.primary:hover{filter:brightness(1.06)}.modal-btn.copied{background:#001483;border-color:#ffa861;color:#fff}.modal-btn:not(.primary):hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.lightbox-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:26px;background:rgba(6,5,4,.9);opacity:0;pointer-events:none;transition:opacity .25s ease}.lightbox-overlay.open{opacity:1;pointer-events:auto}.lightbox-overlay img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);transform:scale(.96);transition:transform .25s ease}.lightbox-overlay.open img{transform:scale(1)}.lightbox-close{position:absolute;top:22px;left:22px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:background-color .2s ease,transform .2s ease}.lightbox-close:hover{background:rgba(255,255,255,.18);transform:scale(1.06)}@media (max-width:640px){.modal-overlay{padding:0;align-items:flex-end}.prompt-modal{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}.modal-overlay.open .prompt-modal{transform:translateY(0)}.modal-image-wrap img{max-height:34vh}.modal-body{padding:18px 18px 4px}.modal-actions{padding:14px 18px 20px}.modal-btn{flex:1 1 120px;font-size:.8rem;padding:11px 12px}}@media (prefers-reduced-motion:reduce){.modal-overlay,.prompt-modal,.lightbox-overlay,.lightbox-overlay img{transition:none}}