*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa}.app-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;background:linear-gradient(135deg,#2e026d,#5b0e8b,#a21caf,#2563eb);background-size:300% 300%;animation:magicFlow 12s ease infinite;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}@keyframes magicFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.chat-box{width:100%;max-width:720px;background:#0f0f1ed9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:28px;box-shadow:0 0 40px #a855f759,0 0 80px #3b82f640;border:1px solid rgba(255,255,255,.12)}.chat-title{text-align:center;font-size:1.8rem;font-weight:600;margin-bottom:22px;background:linear-gradient(90deg,#f472b6,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-input{width:100%;min-height:90px;resize:vertical;margin-bottom:8px;padding:14px 16px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);font-size:1rem;color:#f9fafb;font-family:inherit;outline:none}.chat-input::placeholder{color:#c7b8e0}.chat-input:focus{border-color:#c084fc;box-shadow:0 0 0 2px #c084fc4d}.button-group{display:flex;gap:10px;margin-top:14px}.chat-button{flex:1;padding:14px;border-radius:14px;border:none;font-size:1rem;font-weight:600;background:linear-gradient(90deg,#ec4899,#a855f7,#3b82f6);color:#fff;cursor:pointer;box-shadow:0 0 25px #a855f773;transition:transform .1s ease,box-shadow .1s ease}.chat-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 40px #ec489999}.chat-button:disabled{opacity:.5;cursor:not-allowed}.reset-button{background:linear-gradient(90deg,#ef4444,#dc2626,#b91c1c)!important}.reset-button:hover:not(:disabled){box-shadow:0 0 40px #ef444499!important}.chat-messages{margin-top:20px;display:flex;flex-direction:column;gap:12px;max-height:50vh;overflow-y:auto;padding-right:6px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:#a855f780;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a855f7b3}.message{max-width:85%;padding:12px 16px;border-radius:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message.user{align-self:flex-end;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff}.message.assistant{align-self:flex-start;background:#fffffff2;color:#111827}@media(max-width:768px){.app-container{padding:16px}.chat-box{padding:20px}.chat-title{font-size:1.5rem;margin-bottom:18px}.chat-input{min-height:80px;font-size:.95rem}.button-group{flex-direction:column}.chat-button{padding:12px;font-size:.95rem}.chat-messages{max-height:40vh}.message{max-width:90%;font-size:.95rem}}@media(max-width:480px){.app-container{padding:12px;align-items:flex-start}.chat-box{padding:16px;border-radius:16px}.chat-title{font-size:1.3rem;margin-bottom:16px}.chat-input{min-height:70px;font-size:.9rem;padding:12px}.button-group{gap:8px;margin-top:10px}.chat-button{padding:10px;font-size:.9rem}.chat-messages{max-height:35vh}.message{max-width:95%;padding:10px 14px;font-size:.9rem}}@media(max-height:600px)and (orientation:landscape){.chat-messages{max-height:25vh}.chat-input{min-height:60px}}