:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;--has-bg:#0b0c10;--has-card:#15161c;--has-border:#ffffff1a;--has-text:#f4f4f5;--has-muted:#a1a1aa;--has-accent:#ff4d6d;--has-accent-2:#ff8a5b;--has-accent-3:#60a5fa;--has-success:#6ee48b;--has-radius:16px;--has-radius-sm:10px;background-color:#0b0c10;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #ff4d6d14, transparent 50%), radial-gradient(ellipse at bottom, #60a5fa0f, transparent 50%), var(--has-bg);min-height:100vh;color:var(--has-text);margin:0}#root{width:100%}a{color:var(--has-accent-3);text-decoration:none}button{font-family:inherit}.app{max-width:960px;margin:0 auto;padding:0 24px 80px}.hero{text-align:center;padding:60px 0 40px}.hero-badge{border:1px solid var(--has-border);color:var(--has-muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.85rem;display:inline-flex}.hero-badge .dot{background:var(--has-success);width:8px;height:8px;box-shadow:0 0 10px var(--has-success);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hero h1{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(2.6rem,6vw,4.2rem);font-weight:900;line-height:1}.hero h1 .gradient{background:linear-gradient(90deg, var(--has-accent), var(--has-accent-2), var(--has-accent-3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--has-muted);max-width:620px;margin:0 auto 24px;font-size:1.15rem;line-height:1.6}.hero-meta{flex-wrap:wrap;justify-content:center;gap:20px;font-size:.95rem;font-weight:700;display:flex}.generator{flex-direction:column;align-items:center;gap:20px;margin:20px 0 40px;display:flex}.strategy-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.strategy-btn{border-radius:var(--has-radius-sm);border:1px solid var(--has-border);color:var(--has-text);cursor:pointer;background:#ffffff0a;padding:12px 20px;font-weight:600;transition:all .15s}.strategy-btn:hover,.strategy-btn.active{border-color:var(--has-accent);background:#ff4d6d1f}.spark-btn{border-radius:var(--has-radius-sm);background:linear-gradient(90deg, var(--has-accent), var(--has-accent-2));color:#fff;cursor:pointer;border:none;padding:16px 32px;font-size:1.1rem;font-weight:800;transition:transform .15s,filter .15s}.spark-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.spark-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.idea-card{background:var(--has-card);border:1px solid var(--has-border);border-radius:var(--has-radius);margin-bottom:24px;padding:28px}.idea-header{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.idea-emoji{border-radius:var(--has-radius-sm);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:2.6rem;display:flex}.idea-title{margin:0 0 6px;font-size:1.6rem;font-weight:800}.idea-category{color:var(--has-muted);text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.idea-pitch{color:var(--has-text);margin:0 0 20px;font-size:1.1rem;line-height:1.6}.idea-reasoning{border-radius:var(--has-radius-sm);color:var(--has-muted);background:#60a5fa14;border:1px solid #60a5fa33;margin-bottom:20px;padding:14px;font-size:.9rem;line-height:1.5}.idea-section{margin-bottom:20px}.idea-section h4{text-transform:uppercase;letter-spacing:.05em;color:var(--has-muted);margin:0 0 10px;font-size:.85rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--has-border);background:#ffffff0f;border-radius:999px;padding:6px 12px;font-size:.85rem}.chip.primitive{color:#ff8fa3;background:#ff4d6d1f;border-color:#ff4d6d40}.chip.tech{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa40}.chip.feature{color:#86efac;background:#6ee48b1a;border-color:#6ee48b33}.inspired-by{flex-direction:column;gap:8px;display:flex}.inspired-app{border-radius:var(--has-radius-sm);border:1px solid var(--has-border);background:#ffffff08;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;display:flex}.inspired-app a{color:var(--has-accent-3);font-size:.8rem}.idea-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn-primary,.btn-secondary{border-radius:var(--has-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.btn-primary{background:linear-gradient(90deg, var(--has-accent), var(--has-accent-2));color:#fff}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{color:var(--has-text);border:1px solid var(--has-border);background:#ffffff14}.btn-secondary:hover{background:#ffffff1f;transform:translateY(-1px)}.loading{text-align:center;color:var(--has-muted);padding:60px 0}.empty-state{text-align:center;border:2px dashed var(--has-border);border-radius:var(--has-radius);color:var(--has-muted);padding:60px 20px}.empty-state h3{color:var(--has-text);margin:0 0 10px}.how-it-works{border-top:1px solid var(--has-border);margin-top:60px;padding-top:40px}.how-it-works h2{text-align:center;margin:0 0 28px}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.step{border-radius:var(--has-radius-sm);border:1px solid var(--has-border);background:#ffffff08;padding:20px}.step-num{background:linear-gradient(135deg, var(--has-accent), var(--has-accent-2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:12px;font-weight:800;display:flex}.step h3{margin:0 0 8px;font-size:1rem}.step p{color:var(--has-muted);margin:0;font-size:.9rem;line-height:1.5}.footer{text-align:center;color:var(--has-muted);margin-top:80px;font-size:.85rem}.footer a{text-decoration:underline}.shoutout{color:var(--has-text);margin-top:12px;font-weight:700}@media (width<=640px){.app{padding:0 16px 60px}.idea-header{text-align:center;flex-direction:column}.idea-actions{flex-direction:column}.strategy-row{width:100%}.strategy-btn{flex:1}}