.effects-directory { position: relative; isolation: isolate; min-height: 390px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid rgba(101, 199, 223, .12); background: radial-gradient(circle at 64% 45%, rgba(41, 98, 125, .18), transparent 34%), linear-gradient(180deg, #03091a 0%, var(--background) 100%); }
.effects-directory::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(2, 6, 23, .94) 0%, rgba(2, 6, 23, .68) 42%, rgba(2, 6, 23, .24) 72%, rgba(2, 6, 23, .65) 100%); }
.effects-directory::after { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(255, 255, 255, .26) .55px, transparent .55px); background-size: 22px 22px; opacity: .16; mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 76%, transparent); }
.effects-directory-content { position: relative; z-index: 2; padding-block: 72px; }
.effects-directory-content h1 { max-width: 760px; margin: 0; font-size: 58px; line-height: .98; text-wrap: balance; }
.effects-directory-content p { max-width: 620px; margin: 18px 0 0; color: #b5c3d5; }
.cosmic-dust-field { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .9; mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 78%, transparent 100%); }
.directory-content { padding-top: 34px; }
.prompt-rainbow-hero { position: relative; isolation: isolate; min-height: 390px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid rgba(101, 199, 223, .12); background: #030617; }
.prompt-rainbow-hero::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(2, 6, 23, .92) 0%, rgba(2, 6, 23, .38) 48%, rgba(2, 6, 23, .68) 100%); }
.prompt-rainbow-hero::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(2, 6, 23, .26), transparent 45%, rgba(2, 6, 23, .66)); }
.prompt-rainbow-layer { position: absolute; z-index: 0; inset: -48%; filter: blur(72px) saturate(120%); opacity: .65; transform: translateZ(0); animation: prompt-rainbow-drift 19s ease-in-out infinite alternate; }
.prompt-rainbow-orb { position: absolute; border-radius: 50%; mix-blend-mode: screen; }
.prompt-rainbow-orb-a { width: 44%; height: 48%; left: 2%; top: 27%; background: #086d78; animation: prompt-rainbow-float-a 13s ease-in-out infinite alternate; }
.prompt-rainbow-orb-b { width: 42%; height: 52%; left: 28%; top: 10%; background: #44256f; animation: prompt-rainbow-float-b 17s ease-in-out infinite alternate; }
.prompt-rainbow-orb-c { width: 38%; height: 48%; right: 6%; top: 20%; background: #17634f; animation: prompt-rainbow-float-c 15s ease-in-out infinite alternate; }
.prompt-rainbow-orb-d { width: 31%; height: 42%; right: 25%; bottom: 3%; background: #8c315c; animation: prompt-rainbow-float-d 21s ease-in-out infinite alternate; }
.prompt-rainbow-content { position: relative; z-index: 2; padding-block: 72px; }
.prompt-rainbow-content h1 { max-width: 780px; margin: 0; font-size: 58px; line-height: .98; text-wrap: balance; }
.prompt-rainbow-content p { max-width: 650px; margin: 18px 0 0; color: #c1cadd; }
.prompt-directory-content, .prompts-overview-content { padding-top: 34px; }
.news-particles-hero { position: relative; isolation: isolate; min-height: 390px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid rgba(101, 199, 223, .12); background: radial-gradient(circle at 78% 42%, rgba(24, 76, 97, .2), transparent 35%), #030718; }
.news-particles-hero::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(2, 6, 23, .95) 0%, rgba(2, 6, 23, .65) 48%, rgba(2, 6, 23, .18) 76%, rgba(2, 6, 23, .5) 100%); }
.news-particles-hero::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(149, 191, 208, .2) .55px, transparent .55px); background-size: 24px 24px; opacity: .22; mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 78%, transparent); }
.news-particles-field { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .92; mask-image: linear-gradient(to bottom, transparent 0%, #000 11%, #000 82%, transparent 100%); }
.news-particles-content { position: relative; z-index: 2; padding-block: 72px; }
.news-particles-content h1 { max-width: 780px; margin: 0; font-size: 58px; line-height: .98; text-wrap: balance; }
.news-particles-content p { max-width: 650px; margin: 18px 0 0; color: #becadc; }
.news-directory-content { padding-top: 34px; }
.glossary-electro-hero { position: relative; isolation: isolate; min-height: 390px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid rgba(109, 225, 255, .16); background: radial-gradient(circle at 77% 48%, rgba(65, 49, 130, .2), transparent 38%), #020616; }
.glossary-electro-hero::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(2, 6, 23, .97) 0%, rgba(2, 6, 23, .78) 46%, rgba(2, 6, 23, .18) 72%, rgba(2, 6, 23, .6) 100%); }
.glossary-electro-hero::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(109, 225, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(109, 225, 255, .045) 1px, transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 76%, transparent); }
.glossary-electro-field { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .95; mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 88%, transparent 100%); }
.glossary-electro-content { position: relative; z-index: 2; padding-block: 72px; }
.glossary-electro-content h1 { max-width: 780px; margin: 0; font-size: 68px; line-height: .96; text-wrap: balance; }
.glossary-electro-content p { max-width: 650px; margin: 18px 0 0; color: #bdc9dc; }
.glossary-directory-content { padding-top: 34px; }
@keyframes prompt-rainbow-drift { from { transform: translate3d(-3%, -2%, 0) rotate(-4deg) scale(1.04); } to { transform: translate3d(4%, 3%, 0) rotate(5deg) scale(1.12); } }
@keyframes prompt-rainbow-float-a { to { transform: translate(22%, -15%) scale(1.18); } }
@keyframes prompt-rainbow-float-b { to { transform: translate(-12%, 18%) scale(.92); } }
@keyframes prompt-rainbow-float-c { to { transform: translate(-18%, -8%) scale(1.16); } }
@keyframes prompt-rainbow-float-d { to { transform: translate(9%, -22%) scale(1.12); } }
:root{--background:var(--bg)}.home-hero{isolation:isolate}.hero-pixel-field{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.hero-content{z-index:1}.effects-directory{padding:0}.effects-directory-content h1,.news-particles-content h1,.prompt-rainbow-content h1{font-family:Canela,Georgia,serif}.daily-ephemeris{min-width:0;padding:14px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:7px;background:var(--surface2)}.daily-ephemeris-label{color:var(--cyan);font-size:10px;font-weight:700;text-transform:uppercase}.daily-ephemeris-image{width:100%;height:116px;margin-top:10px;object-fit:cover;border-radius:6px}.daily-ephemeris-meta{margin-top:11px;display:flex;flex-wrap:wrap;gap:5px;color:var(--cyan);font-size:8px;font-weight:700;text-transform:uppercase}.daily-ephemeris h2{margin:9px 0 5px;font:700 19px/1.05 Canela,Georgia,serif}.home-hero .daily-ephemeris p{margin:0;max-width:none;color:var(--muted);font-size:10px;line-height:1.45}.home-section .prompt-grid{display:block;column-count:4;column-gap:12px}.home-section .prompt-grid .card{break-inside:avoid;margin-bottom:12px}.home-section .prompt-grid .card-body{display:none}.home-section .prompt-grid .card-image>img{height:auto;max-height:none;object-fit:contain}.card{transition:box-shadow .2s ease,border-color .2s ease}.card:hover{border-color:#65c7df70;box-shadow:0 12px 28px #0003}@media(max-width:980px){.home-section .prompt-grid{column-count:2}.effects-directory-content h1,.news-particles-content h1,.prompt-rainbow-content h1{font-size:48px}}@media(max-width:580px){.home-section .prompt-grid{column-count:1}.effects-directory,.news-particles-hero,.prompt-rainbow-hero{min-height:330px}.effects-directory-content,.news-particles-content,.prompt-rainbow-content{padding-block:60px}.effects-directory-content h1,.news-particles-content h1,.prompt-rainbow-content h1{font-size:38px}.prompt-rainbow-layer{animation:none;filter:blur(40px)}.prompt-rainbow-orb{animation:none}}@media(prefers-reduced-motion:reduce){.prompt-rainbow-layer,.prompt-rainbow-orb{animation:none!important}.card{transition:none}}
