@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes typing{0%,to{opacity:.2}50%{opacity:1}}.message-enter{animation:fadeInUp .3s ease-out}.typing-indicator{animation:pulse 1.5s ease-in-out infinite}.gradient-bg{background:linear-gradient(135deg,#065f46,#047857,#10b981)}html,body{height:100%;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh}.chat-container{flex:1;overflow-y:auto;min-height:0}.scrollbar-custom::-webkit-scrollbar{width:8px}.scrollbar-custom::-webkit-scrollbar-track{background:#1f2937}.scrollbar-custom::-webkit-scrollbar-thumb{background:#059669;border-radius:4px}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:#10b981}.message-actions{opacity:1;transition:opacity .2s}.btn-hover{transition:all .2s}.btn-hover:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.preset-select-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#0f1724,#111827);border:2px solid #059669;color:#ecfccb;padding:.5rem .9rem;border-radius:.75rem;cursor:pointer;font-weight:600;box-shadow:0 6px 18px #02061799;transition:transform .12s ease,box-shadow .12s ease,border-color .12s;white-space:nowrap}.preset-select-button:hover{transform:translateY(-2px);border-color:#10b981;box-shadow:0 12px 30px #10b9811f}.preset-options{position:absolute;right:0;margin-top:.5rem;min-width:220px;background:linear-gradient(180deg,#0b1220 0% 100%);border:1px solid #24303a;border-radius:.75rem;overflow:hidden;z-index:60;box-shadow:0 10px 30px #02061799}.preset-options button{display:block;width:100%;text-align:left;padding:.6rem .85rem;background:transparent;color:#e6f4ea;border:none;cursor:pointer;font-weight:500}.preset-options button:hover{background:linear-gradient(90deg,#05966914,#10b9810a);color:#fff}.preset-dropdown-wrapper{position:relative;display:inline-block}.header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.header-action-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#0f1724,#111827);border:2px solid rgba(16,185,129,.6);color:#ecfccb;padding:.65rem 1rem;border-radius:.85rem;font-weight:600;transition:all .2s ease;box-shadow:0 6px 18px #0f766e33;cursor:pointer}.header-action-button:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 10px 24px #10b9814d}.header-action-button i{font-size:.95rem}.info-menu-wrapper{position:relative}.info-menu{position:absolute;right:0;margin-top:.5rem;min-width:240px;background:linear-gradient(180deg,#0b1220,#111827);border:1px solid rgba(31,41,55,.9);border-radius:.9rem;overflow:hidden;box-shadow:0 16px 40px #020617a6;z-index:70}.info-menu a{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;color:#e6f4ea;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.info-menu a:hover{background:#10b9811a;transform:translate(2px);color:#fff}.info-menu a+a{border-top:1px solid rgba(55,65,81,.45)}.info-menu-item-icon{width:2.25rem;height:2.25rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff}.info-menu-item-icon--twitter{background:linear-gradient(135deg,#111827,#1d4ed8)}.info-menu-item-icon--portfolio{background:linear-gradient(135deg,#4c1d95,#7c3aed)}.info-menu-item-icon--project{background:linear-gradient(135deg,#0f766e,#14b8a6)}.info-menu-item-icon--playstore{background:linear-gradient(135deg,#166534,#22c55e)}.modal-overlay{display:none;position:fixed;inset:0;background-color:#000000bf;z-index:1000;animation:fadeIn .2s ease-out}.modal-overlay.active{display:flex;align-items:center;justify-content:center}.modal-content{background:linear-gradient(135deg,#1f2937,#111827);border-radius:1rem;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%;animation:slideIn .3s ease-out;border:2px solid #374151}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;bottom:100%;right:0;background-color:#1f2937;min-width:220px;box-shadow:0 8px 16px #0006;border-radius:.5rem;z-index:1;margin-bottom:.5rem;border:1px solid #374151}.dropdown-content button{color:#fff;padding:12px 16px;text-decoration:none;display:block;width:100%;text-align:left;border:none;background:none;cursor:pointer;transition:background-color .2s}.dropdown-content button:hover{background-color:#374151}.dropdown-content button:first-child{border-radius:.5rem .5rem 0 0}.dropdown-content button:last-child{border-radius:0 0 .5rem .5rem}.dropdown.active .dropdown-content{display:block}.typing-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#10b981;margin:0 2px;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.scroll-to-bottom{position:fixed;bottom:170px;right:20px;width:48px;height:48px;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 4px 12px #0596694d;transition:all .3s ease;z-index:50;opacity:0;visibility:hidden;transform:translateY(10px)}.scroll-to-bottom.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-bottom:hover{transform:translateY(-2px);box-shadow:0 6px 20px #05966966;background:linear-gradient(135deg,#047857,#059669)}.scroll-to-bottom i{font-size:18px}.mobile-action-bar .mobile-preset-button,.mobile-action-bar .mobile-info-button,.mobile-action-bar .mobile-new-chat-button{width:100%;height:3.25rem;border-radius:.9rem}.mobile-action-bar .mobile-info-button{font-size:1.25rem}@media(max-width:768px){.gradient-bg{padding:1rem}.gradient-bg .max-w-6xl{flex-direction:column;gap:.75rem}.gradient-bg .max-w-6xl>div:first-child{align-self:flex-start}.gradient-bg .max-w-6xl>div:last-child{align-self:stretch;width:100%;justify-content:center;gap:.75rem}.header-actions{justify-content:center}.mobile-action-bar{justify-content:space-between}.preset-select-button{padding:.5rem .75rem;font-size:.875rem;min-width:140px}.preset-options{min-width:180px;right:0;left:auto}.preset-options button{padding:.5rem .75rem;font-size:.875rem}.gradient-bg button{font-size:.875rem;padding:.5rem .75rem}footer{padding:.75rem}footer .flex{gap:.5rem}#messageInput{font-size:16px;padding:.75rem}footer button{padding:.75rem .5rem;min-width:44px}footer button span{display:none}.dropdown-content{min-width:160px}.dropdown-content button{padding:.75rem;font-size:.875rem}.message-actions{flex-wrap:wrap;gap:.25rem}.message-actions button{padding:.375rem .5rem;font-size:.75rem;min-width:36px}.message-actions i{font-size:.75rem}.modal-content{width:95%;margin:1rem;max-height:80vh;overflow-y:auto}.modal-content .flex{flex-direction:column;gap:.75rem}.modal-content button{width:100%;justify-content:center}.chat-container{padding:1rem}.max-w-4xl{padding:0}.message-wrapper .inline-block,.message-wrapper .bg-emerald-600{max-width:85%}.scroll-to-bottom{bottom:130px;right:12px;width:44px;height:44px}.scroll-to-bottom i{font-size:14px}.scrollbar-custom::-webkit-scrollbar{width:4px}}@media(max-width:480px){.gradient-bg,.chat-container{padding:.75rem}footer{padding:.5rem}.preset-select-button{min-width:120px;font-size:.8125rem;padding:.4375rem .625rem}.preset-options{min-width:160px}.dropdown-content{min-width:140px}.message-wrapper .inline-block,.message-wrapper .bg-emerald-600{max-width:90%}.mobile-action-bar{gap:.5rem}.mobile-action-bar button{height:3rem;border-radius:.8rem}.mobile-preset-button span{font-size:1.2rem}}@media(max-height:500px)and (orientation:landscape){.gradient-bg{padding:.5rem}.gradient-bg .max-w-6xl{flex-direction:row;justify-content:space-between}.scroll-to-bottom{bottom:80px}.modal-content,.bottom-sheet{max-height:90vh}.bottom-sheet-content{max-height:calc(90vh - 4rem)}}.info-bottom-sheet-content a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border:2px solid transparent;border-radius:.75rem;color:#e5e7eb;text-decoration:none;transition:all .2s ease}.info-bottom-sheet-content a+a{margin-top:.5rem}.info-bottom-sheet-content a:hover{background:#38bdf81f;border-color:#38bdf859;color:#fff}.info-bottom-sheet-content a span{display:flex;align-items:center;gap:.75rem;font-weight:500}.info-bottom-sheet-icon{width:2.5rem;height:2.5rem;border-radius:.85rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.info-bottom-sheet-icon--twitter{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.info-bottom-sheet-icon--portfolio{background:linear-gradient(135deg,#6d28d9,#8b5cf6)}.info-bottom-sheet-icon--project{background:linear-gradient(135deg,#0f766e,#2dd4bf)}.info-bottom-sheet-icon--playstore{background:linear-gradient(135deg,#166534,#22c55e)}.info-bottom-sheet-open-icon{font-size:1.1rem;color:#bfdbfebf}.input-area{padding:1rem}.desktop-input-wrapper{display:block}.mobile-input-wrapper{display:none}.mobile-input-container{background:#374151;border-radius:1.5rem;padding:.25rem}.mobile-textarea-wrapper{display:flex;align-items:center;gap:.25rem}.mobile-textarea{flex:1;background:transparent;border:none;color:#fff;padding:.75rem 1rem;font-size:16px;resize:none;outline:none;max-height:150px;font-family:inherit}.mobile-textarea::placeholder{color:#9ca3af}.mobile-input-actions{display:flex;gap:.25rem;padding:.25rem}.mobile-action-bar{display:flex;width:100%;gap:.75rem;margin-top:.25rem}.mobile-action-bar button{flex:1 1 0%;width:100%;height:3.25rem;border-radius:.9rem;min-width:0}.mobile-action-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:#4b5563;border:none;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.mobile-action-btn:hover{background:#6b7280}.mobile-send-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);border:none;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;box-shadow:0 2px 8px #10b9814d}.mobile-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.mobile-send-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-preset-button{display:inline-flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border-radius:1rem;background:linear-gradient(135deg,#0f1724,#111827);color:#ecfdf5;border:2px solid rgba(59,130,246,.6);font-size:1.4rem;box-shadow:0 6px 18px #2563eb40;transition:transform .2s ease,box-shadow .2s ease;padding:.45rem;touch-action:manipulation}.mobile-preset-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #3b82f659}.mobile-preset-button span{font-size:1.4rem}.bottom-sheet-overlay{position:fixed;inset:0;background:#0000;opacity:0;visibility:hidden;pointer-events:none;transition:background .35s ease,opacity .35s ease,visibility 0s linear .35s;z-index:80}.bottom-sheet-overlay.active{background:#0000008c;opacity:1;visibility:visible;pointer-events:auto;transition:background .35s ease,opacity .35s ease}.bottom-sheet{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#0f172a,#1f2937);border-radius:1.5rem 1.5rem 0 0;transform:translateY(100%);opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;box-shadow:0 -12px 32px #00000073}.bottom-sheet-overlay.active .bottom-sheet{transform:translateY(0);opacity:1}.bottom-sheet-header{padding:1.5rem 1.5rem .75rem;border-bottom:1px solid rgba(55,65,81,.6)}.bottom-sheet-handle{width:3rem;height:.3rem;background:#9ca3af99;border-radius:9999px;margin:0 auto 1rem}.bottom-sheet-content{padding:1rem 1.25rem 1.5rem;max-height:70vh;overflow-y:auto}.bottom-sheet-option{width:100%;padding:1rem;background:transparent;border:2px solid transparent;border-radius:.85rem;color:#f3f4f6;margin-bottom:.5rem;transition:all .2s ease;text-align:left}.bottom-sheet-option:hover{background:#10b9811f;border-color:#10b98159}.bottom-sheet-option.active{background:#10b98129;border-color:#10b981}.bottom-sheet-option .check-icon{display:none}.bottom-sheet-option.active .check-icon{display:block}.info-bottom-sheet-content{display:flex;flex-direction:column}.info-bottom-sheet-links{display:flex;flex-direction:column;gap:.75rem}.info-bottom-sheet-link{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:#0f172abf;border:1px solid rgba(148,163,184,.35);border-radius:1rem;color:#f1f5f9;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.info-bottom-sheet-link:hover{background:#10b9811f;border-color:#10b98173;transform:translateY(-1px)}.info-bottom-sheet-link i.fas.fa-arrow-up-right-from-square,.info-bottom-sheet-link i.fab.fa-arrow-up-right-from-square{color:#34d399}.mobile-new-chat-button{display:inline-flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border-radius:1rem;background:linear-gradient(135deg,#047857,#059669);color:#ecfdf5;border:2px solid rgba(16,185,129,.6);font-size:1.35rem;box-shadow:0 6px 18px #0f766e40;transition:transform .2s ease,box-shadow .2s ease}.mobile-new-chat-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #10b98159}.mobile-info-button{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:1.1rem;background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(148,163,184,.45);color:#f1f5f9;font-size:1.35rem;box-shadow:0 10px 24px #0f172a8c;transition:transform .2s ease,box-shadow .2s ease}.mobile-info-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a8c}@media(max-width:768px){.desktop-input-wrapper{display:none}.mobile-input-wrapper{display:block}.input-area{padding:.5rem}.gradient-bg{padding:.75rem}.gradient-bg h1{font-size:1.25rem}.gradient-bg p{font-size:.625rem}.gradient-bg .max-w-6xl{flex-direction:row;justify-content:space-between;align-items:center}.header-actions{width:auto;gap:.75rem}.mobile-new-chat-button{width:4rem;height:4rem;border-radius:1.1rem;font-size:1.5rem}.bottom-sheet{border-radius:1.25rem 1.25rem 0 0}.bottom-sheet-header h3{font-size:1.125rem}.bottom-sheet-option{padding:.875rem}.dropdown-content{min-width:160px}.dropdown-content button{padding:.75rem;font-size:.875rem}.modal-content{width:95%;margin:1rem;max-height:80vh;overflow-y:auto}.modal-content .flex{flex-direction:column;gap:.75rem}.modal-content button{width:100%;justify-content:center}.chat-container{padding:.75rem}.max-w-4xl{padding:0}.message-wrapper .inline-block{max-width:90%;font-size:.875rem}.message-wrapper .bg-emerald-600{max-width:85%}.message-wrapper .bg-gray-800{font-size:.875rem}.scroll-to-bottom{bottom:110px;right:12px;width:40px;height:40px}.scroll-to-bottom i{font-size:14px}.scrollbar-custom::-webkit-scrollbar{width:4px}}@media(max-width:480px){.gradient-bg,.chat-container{padding:.5rem}footer{padding:.375rem}.mobile-input-container{border-radius:1.25rem}.mobile-textarea{font-size:15px;padding:.625rem .875rem}.mobile-action-btn,.mobile-send-btn{width:2.25rem;height:2.25rem}.preset-select-button-mobile{width:3rem;height:3rem;font-size:1.35rem;padding:.4rem}.mobile-new-chat-button{width:3.35rem;height:3.35rem;font-size:1.4rem}}@media(max-height:500px)and (orientation:landscape){.gradient-bg{padding:.375rem}.gradient-bg h1{font-size:1rem}.chat-container{padding:.5rem}.scroll-to-bottom{bottom:70px;width:36px;height:36px}.modal-content,.bottom-sheet{max-height:90vh}.bottom-sheet-content{max-height:calc(90vh - 4rem)}}@media(min-width:1024px){.gradient-bg{padding:1.25rem 2rem}.chat-container{padding:2rem}.input-area{padding:1.25rem 2rem}.message-wrapper .inline-block,.message-wrapper .bg-emerald-600,.message-wrapper .bg-gray-800{font-size:1rem}.btn-hover:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.dropdown-content{min-width:260px}.preset-options{min-width:280px}}@media(min-width:1536px){.max-w-6xl{max-width:80rem}.max-w-4xl{max-width:56rem}.message-wrapper .inline-block,.message-wrapper .bg-emerald-600{max-width:48rem}}