: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;--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}.app-container{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.app-header{text-align:center;animation:fadeInDown .6s var(--transition-smooth)}.title-group{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.genie-icon-img{width:60px;height:60px;filter:drop-shadow(0 0 8px var(--accent-glow))}h1{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,5vw,2.5rem);font-weight:800}.gift-form{margin-bottom:var(--space-sm)}.input-wrapper{width:100%;display:flex}textarea{min-height:calc(4.5em + 1.2rem);color:var(--text-primary);resize:none;background:0 0;border:none;border-bottom:2px solid #fff3;border-radius:0;flex:1;padding:.75rem 0;font-family:inherit;font-size:1.2rem;line-height:1.5;transition:border-color .3s;overflow-y:hidden}textarea:focus{border-bottom-color:var(--accent-primary);outline:none}textarea::placeholder{color:#fff6}.lamp-container{margin:var(--space-xl) 0 var(--space-md);transition:all var(--transition-smooth);flex-direction:column;align-items:center;display:flex}.lamp-btn{cursor:pointer;transition:transform var(--transition-quick);align-items:center;gap:var(--space-md);-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;display:flex}.lamp-btn:hover,.lamp-btn:focus,.lamp-btn:active{box-shadow:none;background:0 0;outline:none}.lamp-btn:disabled{opacity:1;cursor:default;background:0 0}.lamp-icon{justify-content:center;align-items:center;display:flex}.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{filter:drop-shadow(0 0 20px var(--accent-hover));transform:scale(1.1)rotate(-5deg)}.lamp-text{color:var(--text-secondary);opacity:.9;transition:all var(--transition-smooth);font-size:1.5rem;font-weight:600}.lamp-btn.compact .lamp-icon-img{width:96px;height:96px}.lamp-btn.compact .lamp-text{opacity:.7;font-size:.875rem}.lamp-btn.loading .lamp-icon-img{animation:.8s ease-in-out infinite rubLamp}.output-section{padding-bottom:var(--space-md)}#output-container{opacity:0;transition:opacity var(--transition-smooth)}#output-container.visible{opacity:1}#output-content{font-size:1rem;line-height:1.5}#output-content p{margin-bottom:.25em}#output-content ul,#output-content ol{margin:.25em 0;padding-left:1em}#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{color:var(--accent-primary);margin-top:.5em;margin-bottom:.2em;font-weight:700}.hidden{display:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes rubLamp{0%{filter:drop-shadow(0 0 5px var(--accent-glow));transform:rotate(0)translate(0)}25%{transform:rotate(-10deg)translate(-5px)}50%{filter:drop-shadow(0 0 30px var(--accent-hover));transform:rotate(0)translate(0)}75%{transform:rotate(10deg)translate(5px)}to{filter:drop-shadow(0 0 5px var(--accent-glow));transform:rotate(0)translate(0)}}@media (width<=480px){.genie-icon-img{width:48px;height:48px}h1{font-size:1.2rem}textarea{min-height:calc(4.5em + 1.2rem);font-size:1.25rem}#output-content{font-size:1.25rem}.lamp-text{font-size:1.5rem}.lamp-btn.compact .lamp-text{font-size:1rem}.lamp-btn{padding:var(--space-sm)}.lamp-icon-img{width:128px;height:128px}.lamp-btn.compact .lamp-icon-img{width:72px;height:72px}.lamp-container{margin:var(--space-md) 0 var(--space-md)}}