:root{--bg:#f8f8f6;--surface:#fff;--surface-soft:#f1f1ee;--text:#161616;--muted:#74746f;--line:#e3e2dd;--dark:#161616;--white:#fff;--shadow:0 24px 60px rgba(22,22,18,.08);--shadow-lg:0 36px 90px rgba(18,18,15,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh}.site-header{height:76px;display:flex;align-items:center;gap:36px;padding:0 max(22px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:50;background:rgba(248,248,246,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(227,226,221,.86)}.brand{display:flex;align-items:center;gap:9px;font-weight:760;font-size:18px;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:14px}.nav-links{display:flex;gap:28px;margin-right:auto}.nav-links a{font-size:13px;color:var(--muted);font-weight:560}.nav-links a.active,.nav-links a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:14px}.theme-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.sign-in{font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:720;transition:transform .2s ease,opacity .2s ease}.button-dark{background:var(--dark);color:var(--white);border:1px solid var(--dark)}.button-light{background:#fff;color:#111;border:1px solid #fff}.button:hover{transform:translateY(-2px)}
.hero{max-width:1240px;margin:0 auto;min-height:720px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);gap:50px;align-items:center;padding:82px 22px 70px}.hero-copy{max-width:650px}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--muted)}.eyebrow{display:inline-block;padding-bottom:10px;border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(58px,6.9vw,92px);line-height:.97;letter-spacing:-.07em;margin:22px 0 24px}.hero h1 em,.join-section h2 em{font-style:normal;color:#85857f}.hero-copy>p{max-width:570px;margin:0 0 28px;color:var(--muted);font-size:15px}.hero-search{height:58px;display:flex;align-items:center;gap:11px;max-width:620px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 15px;box-shadow:0 10px 28px rgba(0,0,0,.035)}.search-icon{font-size:24px;color:var(--muted);line-height:1}.hero-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:13px}.hero-search kbd{border:1px solid var(--line);background:var(--surface-soft);padding:3px 6px;border-radius:6px;color:var(--muted);font-size:9px}.popular{display:flex;align-items:center;gap:14px;margin-top:13px;color:var(--muted);font-size:11px}.popular button{border:0;padding:0;background:transparent;color:var(--text);font-size:11px}.popular button:hover{text-decoration:underline}.hero-note{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;margin-top:35px}.note-line{width:28px;height:1px;background:var(--line)}
.hero-visual{position:relative;height:520px;perspective:1200px;transform-style:preserve-3d;transition:transform .25s ease}.scene-glow{position:absolute;width:360px;height:360px;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(90,90,84,.12),transparent 67%);filter:blur(4px)}.scene-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(22,22,18,.11);border-radius:50%;transform-style:preserve-3d}.ring-one{width:500px;height:230px;transform:translate(-50%,-50%) rotateX(67deg) rotateZ(-11deg)}.ring-two{width:430px;height:190px;transform:translate(-50%,-50%) rotateX(67deg) rotateZ(21deg)}.prompt-sheet{position:absolute;width:335px;padding:22px;border:1px solid rgba(22,22,18,.12);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-lg);backdrop-filter:blur(12px);transform-style:preserve-3d}.sheet-main{right:26px;top:96px;transform:rotateY(-11deg) rotateX(5deg) rotateZ(2.2deg) translateZ(28px)}.sheet-back{left:22px;top:150px;transform:rotateY(10deg) rotateX(5deg) rotateZ(-8deg) translateZ(-20px);opacity:.92}.sheet-meta{display:flex;justify-content:space-between;color:#8a8a85;font-size:9px;font-weight:800;letter-spacing:.12em}.sheet-main h3,.sheet-back h3{font-size:24px;letter-spacing:-.045em;margin:21px 0 8px}.sheet-main p,.sheet-back p{color:#76766f;font-size:11px;margin:0;line-height:1.65}.sheet-tags{display:flex;gap:8px;margin-top:18px;color:#8d8d86;font-size:9px}.prompt-preview{margin-top:19px;padding:12px 13px;border-radius:11px;background:#f2f2ef;color:#5e5e58;font:10px ui-monospace,SFMono-Regular,monospace;overflow:hidden;white-space:nowrap}.prompt-preview span{color:#999;letter-spacing:.08em;margin-right:8px}.sheet-footer{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:19px;padding-top:14px;border-top:1px solid #e9e8e3;color:#8a8a85;font-size:10px}.mini-avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#171717;color:#fff;font-size:9px}.floating-label{position:absolute;padding:8px 10px;border:1px solid rgba(22,22,18,.1);border-radius:9px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(0,0,0,.08);font-size:9px;font-weight:750;letter-spacing:.06em}.copied{right:4px;bottom:112px;color:#575752}.model{left:28px;bottom:54px;color:#7a7a74}
.stats-bar{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-bottom:0;background:var(--surface)}.stats-bar div{text-align:center;padding:25px;border-right:1px solid var(--line)}.stats-bar div:last-child{border-right:0}.stats-bar b{display:block;font-size:21px;letter-spacing:-.03em}.stats-bar span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.section{max-width:1200px;margin:auto;padding:94px 22px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2{font-size:42px;line-height:1.03;letter-spacing:-.055em;margin:9px 0}.section-heading p{margin:0;color:var(--muted);font-size:13px}.section-caption{color:#999990;font-size:11px;margin-bottom:6px}.filter-row{display:flex;gap:7px;overflow:auto;padding:30px 0 24px}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 14px;font-size:10px;white-space:nowrap}.filter.active,.filter:hover{background:var(--dark);border-color:var(--dark);color:var(--white)}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.prompt-card{border:1px solid var(--line);border-radius:16px;padding:20px;min-height:272px;display:flex;flex-direction:column;background:var(--surface);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.prompt-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d4d3ce}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center}.badge{font-size:8px;font-weight:850;letter-spacing:.11em;padding:6px 8px;border-radius:999px;background:var(--surface-soft);color:#777770}.save-btn{border:0;background:transparent;color:#a2a29c;font-size:17px}.prompt-card h3{font-size:19px;letter-spacing:-.035em;margin:20px 0 7px}.prompt-card p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;color:#9a9a93;font-size:9px}.card-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:10px}.author{font-weight:700}.metrics{color:#999991}
.category-section{padding:95px max(22px,calc((100vw - 1200px)/2));background:#131313;color:#fff}.light-heading{margin-bottom:28px}.light-heading p{color:#94948e}.category-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:145px;gap:11px}.category-card{border:1px solid #2d2d2d;border-radius:15px;padding:19px;display:flex;align-items:end;gap:11px;position:relative;background:linear-gradient(145deg,#191919,#121212);transition:transform .22s ease,border-color .22s ease,background .22s ease}.category-card:hover{transform:translateY(-3px);border-color:#474747;background:linear-gradient(145deg,#1d1d1d,#151515)}.category-card.featured{grid-row:span 2}.category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#121212;font-size:13px;font-weight:800}.category-card div{display:flex;flex-direction:column;gap:2px}.category-card b{font-size:14px}.category-card small{font-size:9px;color:#777}.category-arrow{position:absolute;right:16px;top:16px;color:#777;font-size:12px}
.creators-section{padding-bottom:78px}.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.creator-card{border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;align-items:center;gap:11px;background:var(--surface)}.creator-avatar{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:#171717;color:#fff;font-weight:800}.alt-a{background:#666}.alt-d{background:#90908a}.creator-info{display:flex;flex-direction:column;flex:1}.creator-info b{font-size:12px}.creator-info span{font-size:9px;color:var(--muted)}.creator-card button{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:8px;padding:6px 9px;font-size:9px}.join-section{padding:108px 22px;background:#101010;color:#fff;text-align:center;border-top:1px solid #292929}.join-inner{max-width:720px;margin:auto}.join-section h2{font-size:72px;line-height:.99;letter-spacing:-.065em;margin:13px 0 14px}.join-section p{max-width:500px;margin:0 auto 28px;color:#969690;font-size:13px}.footer{max-width:1200px;margin:auto;padding:42px 22px;display:flex;align-items:end;gap:30px}.footer p{font-size:10px;color:var(--muted);margin:8px 0 0}.footer-links{display:flex;gap:20px;margin-left:auto;color:var(--muted);font-size:10px}.copyright{font-size:9px;color:var(--muted)}#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;background:#141414;color:#fff;padding:10px 14px;border-radius:9px;font-size:10px;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--bg:#151515;--surface:#1d1d1d;--surface-soft:#262625;--text:#f4f4f1;--muted:#a0a09a;--line:#32322f;--dark:#f4f4f1;--white:#151515}.dark .site-header{background:rgba(21,21,21,.9)}.dark .prompt-sheet{background:rgba(31,31,31,.94);border-color:#3c3c39}.dark .prompt-preview,.dark .sheet-footer{border-color:#3b3b38}.dark .prompt-preview{background:#282825;color:#bbb}.dark .brand-mark,.dark .theme-btn{background:#1d1d1d}.dark .stats-bar{background:#1d1d1d}
@media(max-width:980px){.site-header{gap:20px}.nav-links{display:none}.hero{grid-template-columns:1fr;max-width:780px;padding-top:70px}.hero-copy{text-align:center;margin:auto}.hero-copy>p,.hero-search{margin-left:auto;margin-right:auto}.popular,.hero-note{justify-content:center}.hero-visual{width:min(620px,100%);margin:0 auto;height:480px}.prompt-grid{grid-template-columns:repeat(2,1fr)}.creator-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.category-card.featured{grid-row:span 1}}
@media(max-width:620px){.site-header{height:65px;padding:0 15px}.header-actions .sign-in,.header-actions .theme-btn{display:none}.header-actions{margin-left:auto}.header-actions .button{padding:9px 11px}.hero{padding:60px 16px 48px}.hero h1{font-size:49px}.hero-copy>p{font-size:14px}.hero-search{height:54px}.hero-search kbd{display:none}.hero-visual{height:390px}.prompt-sheet{width:265px;padding:18px}.sheet-main{right:0;top:70px}.sheet-back{left:0;top:126px}.sheet-main h3,.sheet-back h3{font-size:19px}.sheet-main p,.sheet-back p{font-size:9px}.prompt-preview{margin-top:14px}.floating-label{font-size:8px}.copied{right:0;bottom:58px}.model{left:0;bottom:30px}.ring-one{width:350px;height:150px}.ring-two{width:305px;height:135px}.stats-bar{grid-template-columns:1fr 1fr}.stats-bar div{padding:21px 9px}.stats-bar div:nth-child(2){border-right:0}.stats-bar div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:68px 16px}.section-heading{display:block}.section-heading h2{font-size:35px}.section-caption{display:block;margin-top:15px}.prompt-grid{grid-template-columns:1fr}.category-section{padding:68px 16px}.category-grid{grid-template-columns:1fr;grid-auto-rows:132px}.category-card.featured{grid-row:span 1}.join-section{padding:80px 16px}.join-section h2{font-size:50px}.footer{display:block;padding:35px 16px}.footer-links{margin:20px 0;flex-wrap:wrap}.copyright{display:block}}