:root{--bg-color:#020404;--text-primary:#fff;--text-secondary:#a6b2b4;--accent-color:#00d69b;--accent-cyan:#38d7ff;--accent-hover:#29ffc0;--card-bg:#091010;--card-border:#ffffff1a;--card-border-hover:#00d69b75;--panel-bg:#081212bd;--muted-panel:#111a1a;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-color)}body{background:radial-gradient(circle at 50% -10%, #00d69b2e, transparent 34rem), radial-gradient(circle at 92% 12%, #38d7ff1f, transparent 28rem), var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}.landing-shell{min-height:100vh;overflow:hidden}.landing{align-items:center;min-height:100vh;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.landing:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;animation:7s ease-in-out infinite alternate pulse-grid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 50% 48%,#000 0%,#0000 70%)}.landing:after{content:"";border:1px solid #00d69b2e;border-left-color:#38d7ff6b;border-radius:999px;width:min(78vw,880px);height:min(78vw,880px);animation:26s linear infinite rotate-center-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0);box-shadow:0 0 90px #00d69b1a}.landing-content{text-align:center;z-index:2;width:100%;max-width:980px;margin:0 auto;position:relative}.domain-mark{color:var(--accent-color);letter-spacing:-.04em;text-shadow:0 0 22px #00d69b52,0 0 80px #38d7ff1f;margin-bottom:1.15rem;font-size:clamp(2.25rem,8vw,7.1rem);font-weight:800;line-height:.95}.domain-mark.small{letter-spacing:.1em;text-transform:uppercase;margin-bottom:.9rem;font-size:.86rem;line-height:1}.landing h1{color:#fffffff2;letter-spacing:-.035em;max-width:740px;margin:0 auto;font-size:clamp(1.45rem,3.25vw,3.35rem);font-weight:720;line-height:1.08}.landing-subtitle{color:var(--text-secondary);max-width:560px;margin:1rem auto 2.35rem;font-size:clamp(1rem,2vw,1.28rem)}.landing-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:820px;margin:0 auto;display:grid}.landing-tile{text-align:left;background:linear-gradient(145deg,#ffffff18,#ffffff09),#0812129e;border:1px solid #ffffff24;border-radius:8px;min-height:214px;padding:1.35rem;transition:border-color .24s,box-shadow .24s,transform .24s;position:relative;overflow:hidden}.landing-tile:before{content:"";opacity:.78;background:radial-gradient(circle at 100% 0,#00d69b47,#0000 44%);transition:opacity .24s;position:absolute;inset:0}.landing-tile.cyan:before{background:radial-gradient(circle at 100% 0,#38d7ff4d,#0000 44%)}.landing-tile:hover{border-color:var(--card-border-hover);transform:translateY(-5px);box-shadow:0 24px 80px -38px #00d69bbf}.landing-tile.cyan:hover{border-color:#38d7ff80;box-shadow:0 24px 80px -38px #38d7ffc2}.tile-topline,.landing-tile strong,.landing-tile p{z-index:1;position:relative}.tile-topline{color:#ffffffb8;letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:2.6rem;font-size:.82rem;font-weight:650;display:flex}.tile-arrow{color:var(--accent-color)}.cyan .tile-arrow{color:var(--accent-cyan)}.landing-tile strong{letter-spacing:-.025em;max-width:300px;font-size:clamp(1.45rem,2.7vw,2.2rem);line-height:1.02;display:block}.landing-tile p{color:var(--text-secondary);max-width:330px;margin-top:.9rem;font-size:.96rem;line-height:1.5}.tile-orbit{border:1px solid #ffffff29;border-radius:999px;width:170px;height:170px;animation:10s linear infinite rotate-only;position:absolute;bottom:-90px;right:-70px}.tile-orbit:after{background:var(--accent-color);box-shadow:0 0 24px var(--accent-color);content:"";border-radius:999px;width:8px;height:8px;position:absolute;top:22px;left:22px}.cyan .tile-orbit:after{background:var(--accent-cyan);box-shadow:0 0 24px var(--accent-cyan)}.motion-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle-cloud{filter:blur(.1px);opacity:.52;transform-origin:50%;border-radius:999px;width:3px;height:3px;animation:28s linear infinite particle-orbit;position:absolute;top:50%;left:50%}.particle-cloud-one{box-shadow:-520px -230px #00d69b9e,-430px -90px #ffffff61,-340px 160px #00d69b6b,-210px -260px #38d7ff80,-120px 260px #ffffff52,30px -315px #00d69b94,160px 210px #38d7ff7a,300px -170px #ffffff52,430px 90px #00d69b85,540px -250px #38d7ff80}.particle-cloud-two{opacity:.5;width:2px;height:2px;animation-duration:38s;animation-direction:reverse;box-shadow:-610px 140px #38d7ff47,-480px 310px #00d69b4d,-350px -330px #fff3,-70px -420px #38d7ff4d,80px 380px #00d69b47,250px -360px #ffffff2e,390px 280px #38d7ff4d,620px -30px #00d69b47}.particle-cloud-three{opacity:.58;width:5px;height:5px;animation:16s ease-in-out infinite alternate particle-drift;box-shadow:-540px 20px #00d69b61,-260px -30px #38d7ff57,-40px 80px #ffffff38,220px -15px #00d69b57,470px 45px #38d7ff5c}.motion-field i{background:#00d69bcc;border-radius:999px;width:4px;height:4px;animation:9s ease-in-out infinite particle-rise;position:absolute;box-shadow:0 0 22px #00d69bb8}.motion-field i:first-of-type{top:78%;left:12%}.motion-field i:nth-of-type(2){background:#38d7ffe6;animation-delay:-2s;top:18%;left:22%}.motion-field i:nth-of-type(3){animation-delay:-5s;top:78%;left:75%}.motion-field i:nth-of-type(4){background:#38d7ffe6;animation-delay:-1s;top:25%;left:86%}.motion-field i:nth-of-type(5){animation-delay:-6s;top:88%;left:54%}.motion-field i:nth-of-type(6){background:#38d7ffe6;animation-delay:-4s;top:10%;left:47%}.motion-field i:nth-of-type(7){width:3px;height:3px;animation-delay:-7s;top:32%;left:68%}.motion-field i:nth-of-type(8){background:#38d7ffe6;width:5px;height:5px;animation-delay:-3s;top:61%;left:32%}.motion-field i:nth-of-type(9){animation-delay:-8s;top:62%;left:91%}.motion-field i:nth-of-type(10){background:#38d7ffe6;animation-delay:-5.5s;top:36%;left:8%}.motion-field i:nth-of-type(11){width:3px;height:3px;animation-delay:-1.5s;top:12%;left:69%}.motion-field i:nth-of-type(12){background:#38d7ffe6;width:3px;height:3px;animation-delay:-6.5s;top:82%;left:39%}.library-shell{max-width:1060px;margin:0 auto;padding:3rem 2rem 4rem}.library-page-header{grid-template-columns:86px 1fr auto;gap:1.5rem;margin-bottom:2rem;display:grid;position:relative}.library-page-header>div{min-width:0}.library-page-header:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at top,#00d69b29 0%,#0000 65%);width:min(800px,100vw);height:430px;position:absolute;top:-140px;left:50%;transform:translate(-50%)}.library-page-header h1{letter-spacing:-.04em;margin-bottom:.85rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:760;line-height:1.02}.library-page-header p:last-child{color:var(--text-secondary);overflow-wrap:anywhere;max-width:690px}.home-link,.sibling-nav a{border:1px solid var(--card-border);color:#ffffffc7;background:#ffffff0e;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;height:42px;padding:0 .85rem;font-size:.92rem;font-weight:650;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.home-link:hover,.sibling-nav a:hover,.sibling-nav a.active{color:var(--text-primary);background:#00d69b1a;border-color:#00d69b6b}.sibling-nav{justify-content:flex-end;gap:.6rem;display:flex}.prompts-container{flex-direction:column;gap:1.25rem;min-width:0;margin-bottom:4rem;display:flex}.prompt-card{background:linear-gradient(145deg, #ffffff0e, #ffffff04), var(--card-bg);border:1px solid var(--card-border);border-radius:8px;flex-direction:column;gap:1rem;width:100%;padding:1.75rem;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.prompt-card:hover{border-color:var(--card-border-hover);transform:translateY(-2px);box-shadow:0 18px 54px -24px #00d69b3d}.prompt-card:before{background:linear-gradient(90deg, transparent, var(--accent-color), transparent);content:"";opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.prompt-card:hover:before{opacity:.65}.prompt-card-with-image{grid-template-columns:minmax(220px,.34fr) 1fr;gap:1.25rem;display:grid}.prompt-content{flex-direction:column;gap:1rem;min-width:0;display:flex}.image-slot{aspect-ratio:3/4;background:linear-gradient(135deg, #ffffff0e 25%, transparent 25%) 0 0 / 18px 18px, linear-gradient(315deg, #ffffff0b 25%, transparent 25%) 0 0 / 18px 18px, var(--muted-panel);color:#ffffffb8;text-align:center;border:1px dashed #ffffff2e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:0;display:flex;overflow:hidden}.image-gallery{padding:0;position:relative}.image-slot img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.gallery-controls{background:#020404b8;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:.35rem;padding:.28rem;display:flex;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047}.gallery-btn{color:#ffffffd1;cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.gallery-btn:hover{color:var(--accent-color);background:#00d69b24;border-color:#00d69b47}.gallery-count{color:#ffffffc7;text-align:center;white-space:nowrap;min-width:42px;font-size:.78rem;font-weight:700}.image-slot span{padding-inline:1rem;font-size:.95rem;font-weight:650}.image-slot small{color:var(--text-secondary);margin-top:.35rem;font-size:.8rem;line-height:1.4;display:block}.prompt-header{align-items:center;gap:.875rem;min-width:0;display:flex}.prompt-header>div{min-width:0}.prompt-number{color:var(--accent-color);background-color:#00d69b17;border:1px solid #00d69b3d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.875rem;font-weight:750;display:flex}.prompt-header h2{color:var(--text-primary);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.125rem;font-weight:650;line-height:1.25}.prompt-category{color:var(--accent-color);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.2rem;font-size:.68rem;font-weight:750}.chatgpt-input{background:#fff1;border:1px solid #ffffff12;border-radius:8px;padding:1.25rem 1.375rem .875rem;transition:border-color .3s}.prompt-card:hover .chatgpt-input{border-color:#00d69b33}.prompt-body{color:#ffffffbf;overflow-wrap:anywhere;font-size:.975rem;line-height:1.7}.prompt-body p{margin-bottom:.75rem}.prompt-body p:last-child{margin-bottom:0}.prompt-tag{color:#00ac80;font-weight:700}.chatgpt-toolbar{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:.75rem;display:flex}.toolbar-actions{align-items:center;gap:.125rem;display:flex}.toolbar-btn{color:#ffffff3d;cursor:default;pointer-events:none;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.copy-btn{color:var(--accent-color);cursor:pointer;letter-spacing:.005em;white-space:nowrap;background-color:#00d69b1a;border:1px solid #00d69b40;border-radius:8px;align-items:center;gap:.45rem;min-height:32px;margin-left:auto;padding:.36rem .78rem;font-family:inherit;font-size:.875rem;font-weight:650;transition:all .2s;display:inline-flex}.copy-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#001210;transform:translateY(-1px);box-shadow:0 4px 16px -4px #00d69b73}.copy-btn:active{transform:translateY(0)}.copy-btn .btn-icon{display:block}.copy-btn .check-icon{display:none}.copy-btn.copied{background-color:var(--accent-color);border-color:var(--accent-color);color:#001210}.copy-btn.copied .btn-icon{display:none}.copy-btn.copied .check-icon{display:block}.prompt-note{color:var(--text-secondary);font-size:.925rem;line-height:1.55}.conclusion{border:1px solid var(--card-border);background:linear-gradient(145deg,#ffffff0e,#ffffff04);border-radius:8px;padding:2.5rem;position:relative;overflow:hidden}.conclusion:before{background:linear-gradient(90deg, transparent, var(--accent-color), transparent);content:"";width:35%;height:1px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.conclusion h3{color:var(--text-primary);letter-spacing:-.015em;margin-bottom:1.5rem;font-size:1.375rem;font-weight:650}.recommendations{color:var(--text-secondary);list-style:none}.recommendations li{margin-bottom:1rem;padding-left:1.5rem;font-size:.975rem;line-height:1.6;position:relative}.recommendations li:last-child{margin-bottom:0}.recommendations li:before{color:var(--accent-color);content:"+";font-size:.95rem;font-weight:800;position:absolute;top:.02rem;left:0}@keyframes particle-orbit{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}to{transform:translate(-50%,-50%)rotate(360deg)scale(1)}}@keyframes particle-drift{0%{transform:translate(-54%,-48%)rotate(-8deg)}to{transform:translate(-46%,-52%)rotate(8deg)}}@keyframes rotate-center-ring{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rotate-only{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-grid{0%{opacity:.28}to{opacity:.72}}@keyframes particle-rise{0%,to{opacity:.25;transform:translate(0,0)scale(1)}45%{opacity:1;transform:translate(18px,-54px)scale(1.8)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){.landing{align-items:flex-start;padding:4rem 1rem 2rem}.landing-actions,.prompt-card-with-image,.library-page-header{grid-template-columns:1fr}.prompt-card-with-image{grid-template-columns:minmax(0,1fr)}.landing-tile{min-height:180px}.library-shell{padding:2rem 1rem 3rem}.library-page-header{gap:1rem}.home-link{justify-self:flex-start}.sibling-nav{justify-content:flex-start;padding-bottom:.25rem;overflow-x:auto}.library-page-header h1{overflow-wrap:anywhere;font-size:clamp(1.85rem,9vw,2.65rem)}.prompt-card{padding:1.375rem}.image-slot{width:100%}.chatgpt-input{padding:1rem 1.125rem .75rem}.conclusion{padding:1.75rem 1.375rem}}
