:root{--bg-primary: lch(12% 15 290);--accent-primary: lch(75% 65 85);--accent-glow: lch(80% 70 80);--accent-hover: lch(80% 75 85);--text-primary: lch(92% 0 0);--text-secondary: lch(70% 8 285);--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 2.5rem;--transition-quick: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,system-ui,sans-serif;line-height:1.6;overflow-x:hidden;min-height:100vh;min-height:100dvh}a{color:var(--accent-primary)}p{margin-top:20px}hr{margin:10px 0}.app-container{max-width:800px;margin:0 auto;padding:1.5rem 0 0 1.5rem;min-height:90vh;display:flex;flex-direction:column}.app-header{text-align:center;animation:fadeInDown .6s var(--transition-smooth);margin-bottom:var(--space-xl);position:relative;display:flex;flex-direction:column;align-items:center;padding-top:var(--space-xl)}@media(min-width:769px){.app-header{padding-top:var(--space-lg)}}.reset-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:var(--space-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-quick);opacity:0;pointer-events:none}.app-header:hover .reset-btn,.reset-btn:hover,.reset-btn:focus{opacity:1;pointer-events:auto}.reset-btn:hover{color:var(--accent-primary);transform:translateY(-50%) scale(1.1)}.reset-btn svg{width:20px;height:20px}.title-group{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.button{cursor:pointer}.genie-icon-img{width:60px;height:60px;filter:drop-shadow(0 0 8px var(--accent-glow))}h1{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin:0}.intro-section{text-align:center;padding:var(--space-xl) 0;animation:fadeInUp .8s var(--transition-smooth);transition:opacity .5s ease,transform .5s ease}.intro-section.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.intro-content{max-width:600px;margin:0 auto}.intro-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-sm);letter-spacing:-.01em}.intro-subtitle{font-size:clamp(1rem,2.5vw,1.125rem);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.5}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:var(--space-lg);transition:all var(--transition-smooth)}.feature-card:hover{background:#ffffff0d;border-color:var(--accent-primary);transform:translateY(-4px)}.feature-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-sm)}.feature-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.get-started-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-glow));color:var(--bg-primary);border:none;border-radius:8px;padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-quick);margin-bottom:var(--space-xl);margin-top:var(--space-xl);box-shadow:0 4px 15px #ffc8644d}.get-started-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc86466;filter:brightness(1.1)}.get-started-btn:active{transform:translateY(0)}.mobile-advantages{list-style:none;padding:0;margin:var(--space-lg) 0;display:block}.mobile-advantages li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(var(--space-sm) / 2);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all var(--transition-quick)}.mobile-advantages li:hover{background:#ffffff0d;border-color:#ffffff26}.advantage-icon{font-size:1.75rem;flex-shrink:0}.advantage-content{display:flex;flex-direction:column;gap:.125rem}.advantage-title{color:var(--accent-primary);font-size:.9375rem;font-weight:600}.advantage-text{color:var(--text-secondary);font-size:.8125rem;line-height:1.35}@media(min-width:769px){.mobile-advantages{display:none}}.main-content{animation:fadeInUp .6s var(--transition-smooth);flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0}@media(max-width:768px){.main-content{height:calc(100dvh - 120px);overflow:hidden}}.gift-form{margin-bottom:var(--space-sm);display:flex;flex-direction:column;justify-content:center;min-height:50vh;transition:justify-content .3s ease}.gift-form.response-active{justify-content:flex-start;min-height:auto;padding-top:var(--space-xl)}.input-section{position:relative;transition:opacity .3s ease}.input-section.hidden{opacity:0;pointer-events:none}.input-wrapper{width:100%;display:flex;align-items:flex-end;position:relative}.input-actions{position:absolute;right:0;bottom:.75rem;display:flex;align-items:center;gap:var(--space-sm)}textarea{flex:1;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.2);border-radius:0;line-height:1.5;padding:.75rem 2rem .75rem 0;color:var(--text-primary);font-size:1.2rem;font-family:inherit;resize:none;transition:border-color .3s ease;overflow-y:hidden}textarea:focus{outline:none;border-bottom-color:var(--accent-primary)}textarea::placeholder{color:#fff6}.send-btn{background:transparent;border:none;cursor:pointer;padding:var(--space-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);transition:all var(--transition-quick);opacity:.6}.send-btn:hover{opacity:1;color:var(--accent-hover);transform:scale(1.1)}.send-btn:active{transform:scale(.95)}.send-btn svg{width:24px;height:24px}.clear-btn{background:transparent;border:none;cursor:pointer;padding:var(--space-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-quick);opacity:.6}.clear-btn:hover{opacity:1;color:var(--accent-primary);transform:scale(1.1)}.clear-btn:active{transform:scale(.95)}.clear-btn svg{width:20px;height:20px}.progress-container{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-lg);transition:opacity .5s ease;opacity:1}.progress-container.hidden{opacity:0;pointer-events:none}.progress-bar{width:100%;max-width:400px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-glow));border-radius:3px;transition:width .3s ease;box-shadow:0 0 15px var(--accent-glow);position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:50px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4))}@keyframes shimmer{0%{transform:translate(-50px)}to{transform:translate(200px)}}.progress-text{color:var(--text-secondary);font-size:.9375rem;margin-top:var(--space-sm);opacity:1;font-weight:500;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.lamp-container{display:flex;flex-direction:column;align-items:center;margin:var(--space-xl) 0 var(--space-md);transition:opacity var(--transition-smooth)}.lamp-container.hidden{opacity:0;pointer-events:none}.lamp-btn{background:transparent;border:none;cursor:pointer;transition:transform var(--transition-quick);outline:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);-webkit-tap-highlight-color:transparent}.lamp-btn:hover,.lamp-btn:focus,.lamp-btn:active{background:transparent;outline:none;box-shadow:none}.lamp-btn:disabled{opacity:1;cursor:default;background:transparent}.lamp-icon{display:flex;align-items:center;justify-content:center}.lamp-icon-img{width:156px;height:156px;filter:drop-shadow(0 0 8px var(--accent-glow));transition:all var(--transition-smooth)}.lamp-btn:hover .lamp-icon-img{transform:scale(1.1) rotate(-5deg);filter:drop-shadow(0 0 20px var(--accent-hover))}.lamp-text{color:var(--text-secondary);font-size:1.5rem;font-weight:600;opacity:.9;transition:all var(--transition-smooth)}.lamp-btn.compact .lamp-icon-img{width:96px;height:96px}.lamp-btn.compact .lamp-text{font-size:.875rem;opacity:.7}.lamp-btn.loading .lamp-icon-img{animation:rubLamp 1.2s ease-in-out infinite}.lamp-btn.loading .lamp-text{color:var(--accent-primary);animation:pulse 1.5s ease-in-out infinite}.output-section{padding-bottom:var(--space-md);display:flex;flex-direction:column}.output-section.hidden{display:none}.questions-section{padding:var(--space-xl) 0;margin-bottom:var(--space-lg);transition:opacity .3s ease;position:relative;z-index:1}.questions-section.hidden{display:none}.questions-container{background:#ffffff0d;border:2px solid var(--accent-primary);border-radius:12px;padding:var(--space-lg);text-align:center}.questions-title{color:var(--accent-primary);font-size:1.25rem;font-weight:700;margin-bottom:var(--space-md)}.questions-content{color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:var(--space-md);text-align:left}.questions-answer{width:100%;min-height:80px;padding:var(--space-md);background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;resize:vertical;margin-bottom:var(--space-md);transition:border-color var(--transition-quick)}.questions-answer:focus{outline:none;border-color:var(--accent-primary)}.submit-answer-btn{background:var(--accent-primary);color:var(--text-primary);border:none;border-radius:8px;padding:var(--space-md) var(--space-lg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-quick);display:inline-flex;align-items:center;gap:var(--space-sm)}.submit-answer-btn:hover{background:#ffc864cc;transform:translateY(-2px);box-shadow:0 4px 12px #ffc8644d}.submit-answer-btn:active{transform:translateY(0)}.submit-answer-btn svg{flex-shrink:0}.chat-section{padding:0;margin:0;position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0}.chat-section.hidden{display:none}.chat-container{display:flex;flex-direction:column;gap:var(--space-md);height:100%;flex:1}.chat-messages{display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-sm) var(--space-sm) var(--space-md);flex:1;min-height:0;scrollbar-width:none}.chat-messages::-webkit-scrollbar{display:none}.chat-message{display:flex;flex-direction:column;max-width:90%;animation:chatMessageFadeIn .4s var(--transition-smooth)}@media(max-width:768px){.chat-message{max-width:95%}}@keyframes chatMessageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.ai{align-self:flex-start}.chat-message.user{align-self:flex-end;align-items:flex-end}.chat-message-bubble{padding:var(--space-md) var(--space-lg);border-radius:16px;line-height:1.5;font-size:.9375rem;position:relative}.chat-message.ai .chat-message-bubble{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:4px;color:var(--text-primary);padding-left:var(--space-md);padding-right:var(--space-md)}.chat-message.user .chat-message-bubble{background:linear-gradient(135deg,var(--accent-primary),var(--accent-glow));color:var(--bg-primary);border-bottom-right-radius:4px;box-shadow:0 4px 15px #ffc86433}.chat-message-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;opacity:.8;display:block}.chat-message.user .chat-message-label{display:block;text-align:right}.chat-input-container{display:flex;gap:var(--space-sm);align-items:flex-end;padding-top:var(--space-md);padding-bottom:var(--space-sm);border-top:1px solid rgba(255,255,255,.08);background:transparent}.chat-input-container.hidden{display:none}.chat-input{flex:1;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-md);color:var(--text-primary);font-size:.9375rem;font-family:inherit;resize:none;min-height:44px;max-height:120px;transition:all var(--transition-quick)}.chat-input:focus{outline:none;border-color:var(--accent-primary);background:#0000004d}.chat-input::placeholder{color:#ffffff4d}.chat-submit-btn{background:var(--accent-primary);border:none;border-radius:12px;padding:var(--space-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--bg-primary);transition:all var(--transition-quick);flex-shrink:0;margin:auto}.chat-submit-btn:hover{background:#ffc864cc;transform:scale(1.05);box-shadow:0 4px 12px #ffc8644d}.chat-submit-btn:active{transform:scale(.95)}.chat-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.typing-indicator{display:flex;gap:4px;padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-radius:16px 16px 16px 4px;width:fit-content;align-self:flex-start;animation:fadeInUp .3s var(--transition-smooth)}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.chat-output-content{font-size:1rem;line-height:1.6;color:var(--text-primary)}.chat-output-content li{margin-left:1.1em}.chat-output-content li::marker,.chat-output-content h3{color:var(--accent-glow)}.chat-output-content li>p:first-child>strong{text-decoration:underline;font-size:1.1em}.chat-message-bubble p{margin-bottom:.5em}.chat-message-bubble ul,.chat-message-bubble ol{padding-left:1em;margin:.5em 0}.chat-message-bubble ul{list-style-type:disc}.chat-message-bubble ol{list-style-type:decimal}.chat-message-bubble li{margin-bottom:.3em;padding-left:.25em}.chat-message-bubble li::marker{color:var(--accent-glow)}.chat-message-bubble h3,.chat-message-bubble h4,.chat-message-bubble h5,.chat-message-bubble h6{margin-top:.8em;margin-bottom:.3em;font-weight:700;color:var(--accent-primary);font-size:1em}.chat-message-bubble strong{color:var(--accent-primary);font-weight:600}.chat-message-bubble hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:1em 0}.chat-message-bubble blockquote{border-left:3px solid var(--accent-primary);padding-left:1em;margin:.5em 0;color:var(--text-secondary);font-style:italic}.ask-again-section{text-align:center;padding:var(--space-xl) 0;margin-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1);transition:opacity .3s ease;position:relative;z-index:1}.ask-again-section.hidden{opacity:0;pointer-events:none}.ask-again-text{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--space-md)}.action-buttons-group,.quick-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.quick-actions.hidden,.standard-actions.hidden{display:none}.quick-action-btn{background:transparent;border:2px solid var(--accent-primary);border-radius:8px;padding:var(--space-md) var(--space-lg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-quick);display:flex;align-items:center;gap:var(--space-sm);color:var(--accent-primary)}.quick-action-btn:hover{background:#ffc8641a;transform:translateY(-2px);box-shadow:0 4px 12px #ffc86433}.quick-action-btn:active{transform:translateY(0)}.quick-action-btn svg{flex-shrink:0}.answer-questions-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-glow));color:var(--bg-primary);border:none;box-shadow:0 4px 15px #ffc8644d}.answer-questions-btn:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-glow));box-shadow:0 6px 20px #ffc86466;filter:brightness(1.1)}.more-ideas-btn{border-color:var(--text-secondary);color:var(--text-primary)}.more-ideas-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ffc8640d}.continue-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-glow));color:var(--bg-primary);border:none;border-radius:8px;padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-quick);box-shadow:0 4px 15px #ffc8644d}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc86466;filter:brightness(1.1)}.continue-btn:active{transform:translateY(0)}.new-conversation-btn{background:transparent;color:var(--text-primary);border:2px solid var(--text-secondary);border-radius:8px;padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-quick);display:flex;align-items:center;gap:var(--space-sm)}.new-conversation-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.new-conversation-btn:active{transform:translateY(0)}.new-conversation-btn svg{flex-shrink:0}.error-box{background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:12px;padding:var(--space-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin:var(--space-lg) 0}.error-icon{font-size:2.5rem}.error-box p{color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0}.error-box strong{color:var(--accent-primary)}@media(max-width:768px){.error-box{padding:var(--space-md)}.error-icon{font-size:2rem}.error-box p{font-size:.9375rem}}#output-container{opacity:0;transition:opacity var(--transition-smooth)}#output-container.visible{opacity:1}#output-content{font-size:1rem;line-height:1.5;color:var(--text-primary);max-height:60vh;max-height:60dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}#output-content p{margin-bottom:.25em}#output-content ul,#output-content ol{padding-left:1em;margin:.25em 0}#output-content ul{list-style-type:disc}#output-content ol{list-style-type:decimal}#output-content li{margin-bottom:.2em;padding-left:.25em}#output-content li::marker{color:var(--accent-glow)}#output-content h3,#output-content h4{margin-top:.5em;margin-bottom:.2em;font-weight:700;color:var(--accent-primary)}.hidden{display:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rubLamp{0%{transform:rotate(0) translate(0);filter:drop-shadow(0 0 5px var(--accent-glow))}25%{transform:rotate(-10deg) translate(-5px)}50%{transform:rotate(0) translate(0);filter:drop-shadow(0 0 30px var(--accent-hover))}75%{transform:rotate(10deg) translate(5px)}to{transform:rotate(0) translate(0);filter:drop-shadow(0 0 5px var(--accent-glow))}}@media(max-width:768px){body{overflow-y:hidden}.app-container{padding:1.25rem}.app-header{top:0;left:0;right:0;z-index:100;background-color:var(--bg-primary);padding:var(--space-md) 1.25rem;margin:0}.intro-section{position:fixed;inset:100px 0 0;z-index:2;background-color:var(--bg-primary);max-height:calc(100dvh - 100px);padding:var(--space-xl) 1.25rem;margin:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.intro-content{overflow:visible}.features-grid{display:none}.mobile-advantages{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:var(--space-md);padding:var(--space-sm) 0 var(--space-lg) 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative}.mobile-advantages::-webkit-scrollbar{display:none}.mobile-advantages li{flex:0 0 85%;padding:var(--space-md);scroll-snap-align:center}.advantage-icon{display:none}.get-started-btn{padding:var(--space-sm) var(--space-lg);font-size:1rem}.main-content.hidden~.intro-section{overflow-y:hidden}}@media(min-width:769px){.features-grid{display:grid}}@media(max-width:480px){.app-container{padding:1rem}.app-header{padding:var(--space-md) 1rem}.intro-section{top:50px;padding:var(--space-lg) 1rem}.title-group{gap:var(--space-lg)}.genie-icon-img{width:56px;height:56px}h1{font-size:1.5rem}.reset-btn{opacity:1;pointer-events:auto;top:auto;bottom:-2.5rem;left:50%;right:auto;transform:translate(-50%)}.intro-title{font-size:1.5rem;margin-bottom:calc(var(--space-sm) / 2)}.intro-subtitle{font-size:1rem;margin-bottom:var(--space-sm)}.mobile-advantages li{flex:0 0 90%;padding:var(--space-md);gap:var(--space-sm)}.advantage-icon{font-size:2rem;display:block}.advantage-title{font-size:.9375rem}.advantage-text{font-size:.8125rem}.get-started-btn{padding:var(--space-md) var(--space-xl);font-size:1.125rem;margin-bottom:var(--space-md);margin-top:var(--space-md)}.progress-bar{max-width:100%}.progress-text{font-size:.875rem}.input-actions{gap:calc(var(--space-sm) / 2);bottom:.5rem}.clear-btn,.send-btn{padding:.25rem}.clear-btn svg,.send-btn svg{width:20px;height:20px}.ask-again-text{font-size:1rem}.ask-again-btn{padding:var(--space-sm) var(--space-lg);font-size:1rem}textarea{font-size:1rem;min-height:calc(4.5em + 1rem);padding-right:2rem}textarea::placeholder{font-size:.875rem}#output-content{font-size:1.0625rem}.lamp-text{font-size:1.125rem}.lamp-btn.compact .lamp-text{font-size:.875rem}.lamp-btn{padding:var(--space-sm);gap:var(--space-sm)}.lamp-icon-img{width:80px;height:80px}.lamp-btn.compact .lamp-icon-img{width:60px;height:60px}.lamp-container{margin:var(--space-xl) 0 var(--space-md)}#output-content h3,#output-content h4{font-size:1.125rem}#output-content ul,#output-content ol{font-size:1rem}}.app-footer{text-align:center;padding:var(--space-md)}@media(max-width:768px){.app-footer{padding:var(--space-sm);z-index:3;position:fixed;bottom:10px;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}}.footer-text{color:var(--text-secondary);font-size:.875rem;margin:0}.footer-text a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-quick)}.footer-text a:hover{color:var(--accent-hover);text-decoration:underline}