:root{--bg-primary: rgb(39, 39, 42);--bg-secondary: rgb(24, 24, 27);--bg-tertiary: rgb(24, 24, 27);--bg-hover: rgba(107, 114, 128, .1);--bg-overlay: rgba(0, 0, 0, .6);--text-primary: rgb(255, 255, 255);--text-secondary: rgb(209, 213, 219);--text-tertiary: rgb(107, 114, 128);--text-inverse: rgb(0, 0, 0);--border-primary: rgb(75, 85, 99);--border-secondary: rgba(75, 85, 99, .5);--border-hover: rgb(107, 114, 128);--brand-primary: #0DD699;--brand-hover: #3DDDA8;--brand-active: #0BB584;--brand-dark: #08795B;--brand-darker: #065A46;--brand-light: rgba(13, 214, 153, .2);--blend-border: #0DD699;--blend-border-hover: #0DD699;--blend-text: #0DD699;--status-error: rgb(248, 113, 113);--status-error-bg: rgba(239, 68, 68, .1);--status-warning: rgb(251, 191, 36);--status-warning-bg: rgba(245, 158, 11, .1);--status-success: #0DD699;--status-success-bg: rgba(13, 214, 153, .1);--status-info: rgb(96, 165, 250);--status-info-bg: rgba(59, 130, 246, .1);--effect-shadow: rgba(0, 0, 0, .4);--effect-shadow-hover: rgba(13, 214, 153, .4);--effect-glow: rgba(13, 214, 153, .5)}.bg-theme-primary{background-color:var(--bg-primary)}.bg-theme-secondary{background-color:var(--bg-secondary)}.bg-theme-tertiary{background-color:var(--bg-tertiary)}.bg-theme-hover{background-color:var(--bg-hover)}.bg-theme-overlay{background-color:var(--bg-overlay)}.text-theme-primary{color:var(--text-primary)}.text-theme-secondary{color:var(--text-secondary)}.text-theme-tertiary{color:var(--text-tertiary)}.text-theme-inverse{color:var(--text-inverse)}.border-theme-primary{border-color:var(--border-primary)}.border-theme-secondary{border-color:var(--border-secondary)}.border-theme-hover{border-color:var(--border-hover)}.bg-brand-primary{background-color:var(--brand-primary)}.bg-brand-hover{background-color:var(--brand-hover)}.bg-brand-active{background-color:var(--brand-active)}.bg-brand-dark{background-color:var(--brand-dark)}.bg-brand-darker{background-color:var(--brand-darker)}.bg-brand-light{background-color:var(--brand-light)}.text-brand-primary{color:var(--brand-primary)}.text-brand-hover{color:var(--brand-hover)}.hover\:bg-theme-hover:hover{background-color:var(--bg-hover)}.hover\:bg-brand-hover:hover{background-color:var(--brand-hover)}.hover\:text-brand-hover:hover{color:var(--brand-hover)}.hover\:border-theme-hover:hover{border-color:var(--border-hover)}.text-status-error{color:var(--status-error)}.text-status-warning{color:var(--status-warning)}.text-status-success{color:var(--status-success)}.text-status-info{color:var(--status-info)}.bg-status-error{background-color:var(--status-error-bg)}.bg-status-warning{background-color:var(--status-warning-bg)}.bg-status-success{background-color:var(--status-success-bg)}.bg-status-info{background-color:var(--status-info-bg)}.text-blend{color:var(--blend-text)}.border-blend{border-color:var(--blend-border)}.border-blend-hover,.hover\:border-blend-hover:hover{border-color:var(--blend-border-hover)}.theme-dark .shadow-card{box-shadow:0 0 30px 5px #0006}.theme-light .shadow-card{box-shadow:none;border:1px solid var(--border-primary)}.theme-dark .shadow-card-hover:hover{box-shadow:0 0 30px 8px #0dd69966}.theme-light .shadow-card-hover:hover{box-shadow:none;border-color:var(--brand-primary);transform:translateY(-2px)}.card-image{border-width:0}html{scroll-behavior:smooth;background-color:var(--bg-primary, #27272a);overscroll-behavior:auto;overflow:hidden;height:100%}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;overscroll-behavior-x:none;background-color:var(--bg-primary, #27272a);margin:0;padding:0;overflow-x:hidden;overflow-y:auto;height:100vh;width:100%;max-width:100vw}.pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#root{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);min-height:100dvh;background-color:var(--bg-primary, #27272a)}.min-h-screen{background-color:var(--bg-primary, #27272a)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-primary, #27272a);z-index:-1;pointer-events:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.fira-sans-extra-bold-italic{font-family:Fira Sans,sans-serif;font-weight:800;font-style:italic}.fira-sans-book-italic{font-family:Fira Sans,sans-serif;font-weight:400;font-style:italic}.generate-btn.generate-btn-enabled{background-color:#0bb584;color:#fff}.generate-btn.generate-btn-enabled:hover{opacity:.8}.generate-btn.generate-btn-disabled{background-color:#0dd69966;color:#0bb584}.generate-btn.generate-btn-disabled:disabled{background-color:#0dd69966;color:#0bb584}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:1}}@keyframes gradient-x{0%,to{background-size:200% 200%;background-position:left center}50%{background-size:200% 200%;background-position:right center}}.animate-gradient-x{animation:gradient-x 4s ease-in-out infinite}.bg-size-200{background-size:200% 200%}.bg-pos-0{background-position:0% 50%}.bg-pos-100{background-position:100% 50%}@keyframes cardFadeIn{0%{opacity:0;filter:blur(1px) brightness(.9);margin-top:10px}to{opacity:1;filter:blur(0px) brightness(1);margin-top:0}}@keyframes cardBounceIn{0%{opacity:0;transform:translateY(40px)}60%{opacity:.8;transform:translateY(-8px)}80%{opacity:.9;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes successReveal{0%{opacity:0;filter:blur(2px) brightness(.7) saturate(.8);transform:scale(.95)}30%{opacity:.3;filter:blur(1.5px) brightness(.8) saturate(.9);transform:scale(.97)}60%{opacity:.7;filter:blur(.8px) brightness(.95) saturate(1.1);transform:scale(1.01)}80%{opacity:.9;filter:blur(.3px) brightness(1.02) saturate(1.05);transform:scale(1.005)}to{opacity:1;filter:blur(0px) brightness(1) saturate(1);transform:scale(1)}}.animate-card-fade-in{animation:cardFadeIn .6s ease-out forwards}.animate-card-bounce-in{animation:cardBounceIn .9s cubic-bezier(.68,-.55,.265,1.55) forwards}.animate-success-reveal{animation:successReveal 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.delay-0{animation-delay:0ms}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.delay-1100{animation-delay:1.1s}.delay-1200{animation-delay:1.2s}.delay-1300{animation-delay:1.3s}.delay-1400{animation-delay:1.4s}.delay-1500{animation-delay:1.5s}.delay-1600{animation-delay:1.6s}.delay-1700{animation-delay:1.7s}.delay-1800{animation-delay:1.8s}.delay-1900{animation-delay:1.9s}.animate-on-mount{opacity:0}.animate-on-mount.interactive-3d{opacity:0;filter:blur(2px) brightness(.8);padding-top:20px;margin-top:-20px}@supports (padding: max(0px)){body{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@keyframes lightSweep{0%{transform:translate(-100%) translateY(-100%) rotate(-45deg);opacity:0}50%{opacity:1}to{transform:translate(200%) translateY(200%) rotate(-45deg);opacity:0}}@keyframes reflectionShine{0%{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(-200%) translateY(-200%) rotate(45deg);opacity:0}}.animate-light-shine{position:relative;overflow:hidden}.animate-light-shine:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 60%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(-45deg);opacity:0;transition:none;pointer-events:none;z-index:10}.group:hover .animate-light-shine:before{animation:lightSweep 1.5s ease-out}.animate-light-shine-with-border{position:relative}.animate-light-shine-with-border:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;width:calc(100% + 20px);height:calc(100% + 20px);background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.15) 60%,transparent 70%);transform:translate(-150%) translateY(-150%) rotate(-45deg);opacity:0;transition:none;pointer-events:none;z-index:20;border-radius:.75rem}.group:hover .animate-light-shine-with-border:after{animation:lightSweep 1.5s ease-out}.light-beam-1{position:absolute;top:-2px;left:-58px;width:180px;height:16px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.6) 70%,transparent 100%);transform:rotate(-45deg);opacity:.15;transition:opacity 1.8s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:20}.light-beam-2{position:absolute;top:12px;left:-140px;width:384px;height:32px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.7) 25%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.7) 75%,transparent 100%);transform:rotate(-45deg);opacity:.15;transition:opacity 1s cubic-bezier(.25,.46,.45,.94) .1s;pointer-events:none;z-index:20}.group:hover .light-beam-1,.group:hover .light-beam-2{opacity:.35}.light-reflection{position:absolute;bottom:-2px;right:-96px;width:256px;height:12px;background:linear-gradient(to left,transparent 0%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.6) 70%,transparent 100%);transform:rotate(135deg);opacity:.15;transition:opacity 1s cubic-bezier(.25,.46,.45,.94) .3s;pointer-events:none;z-index:20}.group:hover .light-reflection{opacity:.35}