:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#000;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#root{width:100%;height:100%;display:flex;flex-direction:column}:root{--bg-color-start: #000000;--bg-color-chat: #131314;--surface-color: #1e1f20;--user-bubble-color: #2e2f31;--text-primary: #e3e3e3;--text-secondary: #c4c7c5;--text-placeholder: #b6b8b9;--gemini-gradient: linear-gradient(90deg, #4facfe 0%, #a18cd1 50%, #f093fb 100%);--content-width: 780px;--input-min-height: 64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.app-container{background-color:var(--bg-color-start);color:var(--text-primary);font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:background-color .5s ease}.app-container.chat-active{background-color:var(--bg-color-chat)}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:999999;display:flex;justify-content:center;align-items:center;transition:opacity .4s ease-out,visibility .4s}.sparkle-wrapper{width:50px;height:50px;display:flex;justify-content:center;align-items:center;animation:rotate-center 1s linear infinite}.sparkle-svg{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(161,140,209,.4));animation:pulse-scale 1.5s ease-in-out infinite alternate}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-scale{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.1);opacity:1}}.fade-out{opacity:0!important;visibility:hidden}header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:100;width:100%;opacity:0;transform:translateY(-20px) scale(.98);filter:blur(5px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease}.header-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.header-left-group{display:flex;align-items:center;gap:16px}.menu-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:color .3s;cursor:pointer;background:none;border:none;padding:0}.menu-icon:hover{color:#fff}.menu-icon svg{width:24px;height:24px}.header-logo{height:22px;width:auto;display:block;cursor:pointer}.model-selector{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none;position:relative}.model-selector:hover{background-color:#2e2f31;color:#e3e3e3}.model-chevron{width:18px;height:18px;opacity:.6;margin-top:1px;transition:transform .2s}.model-selector.active .model-chevron{transform:rotate(180deg)}.model-dropdown{position:absolute;top:42px;right:0;width:280px;background-color:#1e1f20;border:1px solid #444;border-radius:12px;padding:6px;display:none;flex-direction:column;gap:2px;box-shadow:0 4px 24px #0009;z-index:200;animation:fadeInMenu .1s ease-out;cursor:default}.model-selector.active .model-dropdown{display:flex}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.model-option{padding:12px 14px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.model-option.active:hover{background-color:#2e2f31;cursor:pointer}.model-option.disabled{opacity:.5;cursor:not-allowed}.model-option-text{display:flex;flex-direction:column;gap:2px}.opt-title{font-size:14px;color:#e3e3e3;font-weight:500}.opt-desc{font-size:12px;color:#9aa0a6}.check-icon{width:20px;height:20px;color:#a18cd1;opacity:0}.model-option.selected .check-icon{opacity:1}.model-option.selected{background-color:#2e2f31}.lock-icon{width:16px;height:16px;color:#8e918f}.chat-container{flex:1;overflow-y:overlay;scrollbar-gutter:stable;width:100%;padding:30px 0 150px;scroll-behavior:auto;overscroll-behavior:contain;overflow-anchor:none;display:grid;grid-template-columns:1fr minmax(320px,var(--content-width)) 1fr;align-content:start;align-items:start;position:relative;z-index:1}.chat-container::-webkit-scrollbar{width:14px;background-color:transparent}.chat-container::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px;border:5px solid transparent;background-clip:content-box;transition:background-color .2s}.chat-container:hover::-webkit-scrollbar-thumb{background-color:#ffffff4d}.chat-container::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.welcome-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:10;padding-bottom:80px;pointer-events:none;opacity:0;transform:scale(.9) translateY(20px);filter:blur(10px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter 1s ease}.content-visible{opacity:1!important;transform:scale(1) translateY(0)!important;filter:blur(0)!important;pointer-events:auto}.logo-wrapper{position:relative;width:80px;height:80px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.logo-wrapper:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#4facfe;border-right-color:#a18cd1;opacity:0;transition:opacity 1s ease}.welcome-screen.content-visible .logo-wrapper:before{opacity:1;animation:welcome-ring-spin 4s linear forwards}.welcome-logo{width:50px;height:50px;display:block;margin-top:7px;z-index:2;transform:rotate(-1080deg) scale(.5);opacity:0;transition:transform 2s cubic-bezier(.23,1,.32,1),opacity 1s ease-out}.welcome-screen.content-visible .welcome-logo{opacity:1;animation:welcome-logo-spin 1.5s cubic-bezier(.23,1,.32,1) forwards}@keyframes spin-infinite{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-hover{0%{transform:rotate(0) scale(1)}to{transform:rotate(5deg) scale(1.05)}}@keyframes welcome-ring-spin{0%{transform:rotate(0);opacity:1}85%{transform:rotate(600deg);opacity:.5}to{transform:rotate(900deg);opacity:0}}@keyframes welcome-logo-spin{0%{transform:rotate(-1080deg) scale(.5);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.welcome-text{font-size:3rem;font-weight:300;line-height:1.15;color:#fff;letter-spacing:-.02em}.sub-welcome{font-size:3rem;font-weight:300;line-height:1.25;letter-spacing:-.02em;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.message{grid-column:2;line-height:1.6;font-size:16px;animation:fadeIn .3s ease;position:relative;margin-bottom:24px;width:fit-content;max-width:80%;overflow-wrap:break-word;word-wrap:break-word;scroll-margin-top:0px!important;overflow-anchor:none}.message.user{justify-self:end;background-color:var(--user-bubble-color);color:#fff;padding:12px 20px;border-radius:24px 6px 24px 24px;white-space:pre-wrap}.message.ai{justify-self:start;background-color:transparent;color:var(--text-primary);padding:0;width:100%;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.message.ai.current-response{min-height:calc(100dvh - 320px)}.ai-avatar-container{flex-shrink:0;width:20px;height:20px;margin-top:0;position:relative;display:grid;place-items:center}.ai-avatar-container.thinking-ring:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid transparent;border-top-color:#4facfe;border-right-color:#a18cd1;opacity:.95;animation:spin-infinite .5s linear infinite;pointer-events:none}.seaopen-icon{width:100%;height:100%;display:block;opacity:1;transition:opacity .3s}.seaopen-icon.spinning{animation:spin-infinite 1.3s linear infinite;opacity:.8}.ai-text-content{flex:1;padding-right:0;width:100%;text-align:left}.ai-text-content[dir=rtl]{text-align:right}.ai-text-content a{color:#a18cd1;text-decoration:none}.ai-text-content a:hover{text-decoration:underline}.ai-text-content.interrupted{color:var(--text-secondary);font-style:italic}.thinking-dots{display:inline-flex;gap:6px;align-items:center;padding-top:6px}.thinking-dots .dot{width:6px;height:6px;border-radius:999px;background:#e3e3e3b3;animation:dotPulse 1s infinite ease-in-out}.thinking-dots .dot:nth-child(2){animation-delay:.15s}.thinking-dots .dot:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-3px);opacity:1}}.input-container{position:absolute;bottom:0;left:0;right:0;padding:0 14px 24px 0;background-color:transparent;flex-shrink:0;display:flex;flex-direction:column;align-items:center;width:100%;opacity:0;transform:translateY(30px);filter:blur(5px);transition:opacity .8s ease .1s,transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease .1s;z-index:50;max-width:100vw}.input-visible{opacity:1!important;transform:translateY(0)!important;filter:blur(0)!important}.input-gradient{display:block;opacity:0;visibility:hidden;position:absolute;bottom:0;left:0;right:0;height:140px;pointer-events:none;z-index:1;background:linear-gradient(to bottom,rgba(19,19,20,0) 0%,var(--bg-color-chat) 20%,var(--bg-color-chat) 100%);transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),visibility 1.2s}.app-container.chat-active .input-gradient{opacity:1;visibility:visible}.input-bar{background-color:var(--surface-color);border-radius:32px;display:flex;align-items:flex-end;padding:10px 16px;min-height:var(--input-min-height);border:1px solid transparent;transition:border .3s,background-color .3s;width:100%;max-width:var(--content-width);cursor:text;position:relative;z-index:2}.input-bar:focus-within{background-color:var(--surface-color)}.action-btn{background:#1e1f20;border:none;color:var(--text-secondary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:12px;margin-bottom:2px;flex-shrink:0;transition:background-color .2s}.action-btn:hover{background-color:#333;color:#fff}.action-btn svg{width:24px;height:24px}textarea{flex:1;background:transparent;border:none;color:#fff;font-family:Arial,sans-serif;font-size:16px;outline:none;text-align:left;padding:10px 0;resize:none;overflow-y:hidden;line-height:1.5;min-height:24px;max-height:200px;direction:auto}textarea::placeholder{color:var(--text-placeholder);font-weight:400}.send-btn{background:none;border:none;color:#e3e3e3;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .3s;margin-left:8px;flex-shrink:0;margin-bottom:2px}.send-btn.active{opacity:1}.footer-disclaimer{position:relative;z-index:2;font-size:12px;color:#9aa0a6;margin-top:12px;text-align:center;width:100%;max-width:600px;font-family:Arial,sans-serif;line-height:1.5}.footer-disclaimer a{color:#9aa0a6;text-decoration:underline;margin-left:4px}.confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:100000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.confirmation-modal.active{opacity:1;pointer-events:auto}.modal-box{background-color:#1e1f20;padding:28px;border-radius:28px;width:90%;max-width:340px;text-align:center;box-shadow:0 12px 40px #0009;transform:scale(.95);transition:transform .3s cubic-bezier(.2,0,0,1)}.confirmation-modal.active .modal-box{transform:scale(1)}.modal-title{font-size:20px;font-weight:500;color:#e3e3e3;margin-bottom:12px}.modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:28px}.modal-btn{padding:12px 24px;border-radius:99px;border:none;font-family:Arial,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-cancel{background-color:#2e2f31;color:#e3e3e3}.btn-confirm{background:#d3e3fd;color:#041e49}.modal-btn:hover{opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}@media(max-width:768px){:root{--content-width: 100%}.chat-container{display:flex;flex-direction:column;padding:50px 18px 150px}.message{grid-column:auto}.welcome-screen{width:100%;padding:0 20px}.message.user{align-self:flex-end;max-width:85%}.welcome-text,.sub-welcome{font-size:1.8rem}header{padding:12px 16px}.input-container{padding:0 16px 16px}}.markdown-body p{margin-bottom:10px;line-height:1.6}.markdown-body ul,.markdown-body ol{margin-left:20px;margin-bottom:10px;list-style-type:disc}.markdown-body li{margin-bottom:5px}.markdown-body strong{color:#4facfe;font-weight:600}.ai-text-content{overflow-wrap:break-word}