*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #0A0A0A;--bg-surface: #111111;--bg-elevated: #141414;--bg-glass: rgba(255, 255, 255, .03);--accent: #DC2626;--accent-dark: #B91C1C;--accent-glow: rgba(220, 38, 38, .15);--accent-glow-strong: rgba(220, 38, 38, .3);--text-primary: #E8E8E8;--text-secondary: #999999;--text-muted: #777777;--text-dim: #666666;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--border-accent: rgba(220, 38, 38, .3);--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace;--status-fire: #DC2626;--status-ready: #F59E0B;--status-sent: #3B82F6;--status-new: #8B5CF6;--status-decent: #22C55E;--status-mid: #555555;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-glow: 0 0 20px rgba(220, 38, 38, .08);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-mono);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.006) 2px,rgba(255,255,255,.006) 4px)}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}::selection{background:#dc26264d;color:#fff}input,textarea,select{font-family:var(--font-mono)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}select option{background:var(--bg-surface);color:var(--text-primary)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:#dc262666!important;box-shadow:0 0 0 3px #dc262614}button{font-family:var(--font-mono);transition:all var(--transition-fast)}button:active:not(:disabled){transform:scale(.97)}@keyframes pulse-red{0%,to{box-shadow:0 0 8px #dc26264d}50%{box-shadow:0 0 24px #dc262680}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scan-line{0%{top:-2px}to{top:100%}}@keyframes glow-pulse{0%,to{text-shadow:0 0 10px rgba(220,38,38,.3)}50%{text-shadow:0 0 20px rgba(220,38,38,.6),0 0 40px rgba(220,38,38,.2)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-bar{0%{left:-30%}to{left:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes border-glow{0%,to{border-color:#dc262633}50%{border-color:#dc262673}}.fade-in{animation:fade-in .3s ease-out}.fade-in-scale{animation:fade-in-scale .35s ease-out}.slide-in{animation:slide-in-right .3s ease-out}.slide-up{animation:slide-up .3s ease-out}.stagger-children>*{animation:fade-in .3s ease-out both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:40ms}.stagger-children>*:nth-child(3){animation-delay:80ms}.stagger-children>*:nth-child(4){animation-delay:.12s}.stagger-children>*:nth-child(5){animation-delay:.16s}.stagger-children>*:nth-child(6){animation-delay:.2s}@media(max-width:1100px){.generate-view{grid-template-columns:1fr!important;gap:16px!important}.generate-preview{border-left:none!important;padding-left:0!important;border-top:1px solid rgba(255,255,255,.04);padding-top:20px}}@media(max-width:900px){.sidebar{position:fixed!important;left:0;top:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:200!important;width:280px!important;min-width:280px!important}.sidebar.open{transform:translate(0);box-shadow:8px 0 30px #00000080}.sidebar-overlay{display:block!important;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199;animation:fade-in .2s ease-out}.main-content{margin-left:0!important;margin-right:0!important;padding:60px 16px 16px!important}.right-panel{position:fixed!important;right:0;top:0;width:100%!important;min-width:100%!important;max-width:100%!important;z-index:150}.menu-btn{display:flex!important}.stats-bar{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.genre-chart{grid-template-columns:repeat(3,1fr)!important}.prompt-grid-row{grid-template-columns:20px 1fr 70px 40px!important}.prompt-grid-row>:nth-child(5),.prompt-grid-row>:nth-child(6),.prompt-grid-row>:nth-child(7),.prompt-grid-row>:nth-child(8),.prompt-grid-row>:nth-child(9){display:none!important}.prompt-header-row{grid-template-columns:20px 20px 1fr 70px 40px!important}.prompt-header-row>:nth-child(6),.prompt-header-row>:nth-child(7),.prompt-header-row>:nth-child(8),.prompt-header-row>:nth-child(9){display:none!important}.generate-view{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important}.generate-preview{border-left:none!important;padding-left:0!important;border-top:1px solid rgba(255,255,255,.04);padding-top:20px;height:auto!important;overflow:visible!important}.fire-mode-toggle{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.generate-buttons{grid-template-columns:1fr 1fr!important;gap:10px!important}.subscription-modal{width:95vw!important;max-width:95vw!important;padding:16px!important}.top-bar{flex-wrap:wrap!important;gap:8px!important}}@media(max-width:600px){html{font-size:13px}.main-content{padding:56px 12px 12px!important}.stats-bar{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.stats-bar>div{padding:10px!important}.genre-chart{grid-template-columns:repeat(2,1fr)!important}.prompt-grid-row{grid-template-columns:1fr 50px!important;padding:12px 10px!important}.prompt-grid-row>:nth-child(1),.prompt-grid-row>:nth-child(3),.prompt-grid-row>:nth-child(4),.prompt-grid-row>:nth-child(5),.prompt-grid-row>:nth-child(6),.prompt-grid-row>:nth-child(7),.prompt-grid-row>:nth-child(8),.prompt-grid-row>:nth-child(9){display:none!important}.prompt-header-row{display:none!important}button{min-height:44px}.generate-buttons{grid-template-columns:1fr!important}.tag-grid{gap:6px!important}input,select,textarea{font-size:16px!important}.right-panel{padding:16px!important}.results-card{padding:12px!important}.landing-hero h1{font-size:28px!important}.landing-features{grid-template-columns:1fr!important}.landing-pricing{grid-template-columns:1fr!important;gap:16px!important}}@media(max-width:900px){.landing-nav{padding:12px 20px!important}.landing-nav-links{display:none!important}.landing-nav-buttons{gap:8px!important}.landing-nav-buttons button{padding:8px 14px!important;font-size:11px!important}.landing-section{padding-left:20px!important;padding-right:20px!important}.landing-hero{padding:100px 20px 60px!important}.hero-stats{gap:30px!important}.hero-buttons{flex-direction:column!important;width:100%;max-width:280px}.hero-buttons button{width:100%}.pricing-cards{flex-direction:column!important;align-items:center}.pricing-card{width:100%!important;max-width:400px!important}.before-after-grid,.features-grid{grid-template-columns:1fr!important}}@media(max-width:600px){.landing-nav{padding:10px 16px!important}.landing-nav-logo span{font-size:16px!important;letter-spacing:2px!important}.landing-nav-buttons button:first-child{display:none!important}.landing-hero{padding:80px 16px 40px!important}.landing-hero h1{font-size:24px!important;line-height:1.2!important}.landing-hero p{font-size:14px!important}.hero-badge{padding:4px 12px!important;font-size:9px!important}.hero-stats{flex-direction:column!important;gap:24px!important}.hero-stats>div{text-align:center}.demo-prompt{padding:16px!important;max-width:100%!important}.landing-section{padding:60px 16px!important}.landing-section h2{font-size:24px!important}.feature-card{padding:20px!important}.feature-card h3{font-size:16px!important}.pricing-card{padding:24px!important}.pricing-card .price{font-size:36px!important}.faq-question{font-size:14px!important}.landing-cta h2{font-size:22px!important}.landing-cta button{padding:14px 32px!important;font-size:13px!important}.landing-footer{padding:30px 16px!important}}