@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--green-bright:#0c3;--green-neon:#0f6;--green-dark:#092;--green-deep:#062;--bg:#000;--bg2:#0a0a0a;--bg3:#0f0f0f;--border:#00cc332e;--text:#e8f8e8;--muted:#8b8;--grad:linear-gradient(135deg,var(--green-neon),var(--green-bright),var(--green-dark),var(--green-deep));--sidebar-w:280px;--shadow-sm:0 2px 8px #00cc331a;--shadow-md:0 4px 16px #00cc3326;--shadow-lg:0 8px 32px #0c33;--shadow-glow:0 0 20px #00ff664d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#000;background:var(--bg);color:#e8f8e8;color:var(--text);font-family:Syne,sans-serif;overflow:hidden}.app,body{height:100vh}.app{position:relative;z-index:1}.layout{display:flex;flex-direction:row;height:100vh}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#000000f2,#000000eb);border-right:1px solid #00cc332e;border-right:1px solid var(--border);box-shadow:4px 0 24px #00cc3314;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .3s ease,opacity .3s ease;width:280px;width:var(--sidebar-w);z-index:5}.sidebar.closed{border-right:none;opacity:0;width:0}.user-profile{border-bottom:1px solid #00cc332e;border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 14px}.profile-display{align-items:center;display:flex;gap:12px;position:relative}.profile-avatar{flex-shrink:0;height:48px;width:48px}.avatar-placeholder,.profile-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#0f6,#092);background:linear-gradient(135deg,var(--green-neon),var(--green-dark));color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:center;letter-spacing:.05em}.profile-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.profile-name{color:#e8f8e8;color:var(--text);font-size:.9rem;font-weight:600}.profile-email,.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:#8b8;color:var(--muted);font-size:.72rem}.profile-edit-btn{background:#ffffff0a;border:1px solid #00cc332e;border:1px solid var(--border);border-radius:8px;color:#8b8;color:var(--muted);cursor:pointer;flex-shrink:0;font-size:.85rem;padding:6px 8px;transition:all .2s}.profile-edit-btn img{display:block;height:30px;width:30px}.profile-edit-btn:hover{background:#00cc3326;border-color:#0c3;border-color:var(--green-bright);color:#e8f8e8;color:var(--text)}.profile-edit{display:flex;flex-direction:column;gap:12px}.profile-edit-header{align-items:center;color:#8b8;color:var(--muted);display:flex;font-size:.8rem;font-weight:600;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}.icon-btn-small{background:none;border:none;border-radius:6px;color:#8b8;color:var(--muted);cursor:pointer;font-size:.9rem;padding:4px;transition:all .2s}.icon-btn-small:hover{background:#ff50501a;color:#ff6060}.profile-form{gap:12px}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#8b8;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.profile-input{background:#0000004d;border:1px solid #00cc332e;border:1px solid var(--border);border-radius:8px;color:#e8f8e8;color:var(--text);font-family:Syne,sans-serif;font-size:.85rem;outline:none;padding:8px 12px;transition:border-color .2s}.profile-input:focus{border-color:#0c3;border-color:var(--green-bright)}.profile-input::placeholder{color:#8b8;color:var(--muted);opacity:.5}.profile-actions{display:flex;gap:8px;margin-top:4px}.btn-cancel{background:#0000;border:1px solid #00cc332e;border:1px solid var(--border);border-radius:8px;color:#8b8;color:var(--muted);cursor:pointer;flex:1 1;font-family:Syne,sans-serif;font-size:.8rem;font-weight:600;padding:8px 12px;transition:all .2s}.btn-cancel:hover{border-color:#8b8;border-color:var(--muted);color:#e8f8e8;color:var(--text)}.btn-save-profile{background:linear-gradient(135deg,#092,#0f6);background:linear-gradient(135deg,var(--green-dark),var(--green-neon));border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Syne,sans-serif;font-size:.8rem;font-weight:600;padding:8px 12px;transition:all .2s}.btn-save-profile:hover{opacity:.85;transform:translateY(-1px)}.sidebar-header{align-items:center;border-bottom:1px solid #00cc332e;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 14px 12px}.sidebar-title{color:#8b8;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.new-conv-btn{align-items:center;background:#00cc3326;border:1px solid #0c3;border:1px solid var(--green-bright);border-radius:8px;color:#0c3;color:var(--green-bright);cursor:pointer;display:flex;font-family:Syne,sans-serif;font-size:.75rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s;white-space:nowrap}.new-conv-btn:hover{background:#00cc3340;border-color:#0f6;border-color:var(--green-neon);transform:translateY(-1px)}.conv-list{flex:1 1;overflow-y:auto;padding:8px;scrollbar-color:#00cc332e #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.conv-list::-webkit-scrollbar{width:3px}.conv-list::-webkit-scrollbar-thumb{background:#00cc332e;background:var(--border);border-radius:3px}.conv-empty{color:#8b8;color:var(--muted);font-size:.78rem;padding:20px;text-align:center}.conv-item{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:6px;margin-bottom:3px;min-height:54px;padding:10px;transition:all .15s}.conv-item:hover{background:#00cc3314;border-color:#00cc332e;border-color:var(--border)}.conv-item:hover .conv-actions{opacity:1}.conv-item.active{background:#00cc3326;border-color:#00cc334d}.conv-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.conv-title{color:#e8f8e8;color:var(--text);display:block;font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item.active .conv-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f6,#0c3,#092,#062);background:var(--grad);-webkit-background-clip:text;background-clip:text}.conv-date{color:#8b8;color:var(--muted);font-size:.68rem}.conv-actions{display:flex;flex-shrink:0;gap:2px;opacity:0;transition:opacity .15s}.conv-action-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;padding:4px 5px;transition:background .15s}.conv-action-btn:hover{background:#ffffff14}.conv-action-btn.delete:hover{background:#ff505026}.conv-rename-input{background:#0006;border:1px solid #0c3;border:1px solid var(--green-bright);border-radius:6px;color:#e8f8e8;color:var(--text);flex:1 1;font-family:Syne,sans-serif;font-size:.82rem;outline:none;padding:4px 8px;width:100%}.main{display:flex;flex:1 1;flex-direction:column;min-width:0}.bg-orb{animation:float 8s ease-in-out infinite;border-radius:50%;filter:blur(100px);pointer-events:none;position:fixed;z-index:0}.orb1{background:radial-gradient(circle,#00cc3312,#0000 70%);height:500px;left:100px;top:-200px;width:500px}.orb2{animation-delay:-3s;background:radial-gradient(circle,#00cc3314,#0000 70%);height:400px;right:-100px;top:30%;width:400px}.orb3{animation-delay:-5s;background:radial-gradient(circle,#00cc330f,#0000 70%);bottom:-100px;height:350px;left:40%;width:350px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#000000e6,#000000d9);border-bottom:1px solid #00cc332e;border-bottom:1px solid var(--border);box-shadow:0 4px 16px #00000080;flex-shrink:0;justify-content:space-between;padding:12px 24px;z-index:10}.header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-logo{animation:logoGlow 3s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(0,204,51,.6)) drop-shadow(0 0 8px rgba(0,255,102,.4));height:42px;object-fit:contain;width:42px}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 16px rgba(0,204,51,.6)) drop-shadow(0 0 8px rgba(0,255,102,.4))}50%{filter:drop-shadow(0 0 24px rgba(0,204,51,.8)) drop-shadow(0 0 12px rgba(0,255,102,.6))}}.header-title{display:flex;flex-direction:column;line-height:1.1}.title-aria{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f6,#0c3,#092,#062);background:var(--grad);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800;letter-spacing:.05em}.title-sub{color:#8b8;color:var(--muted);font-size:.65rem;font-weight:400}.model-indicator{align-items:center;background:linear-gradient(135deg,#00cc3326,#00cc3314);border:1px solid #0c36;border-radius:8px;box-shadow:0 2px 8px #00cc3326,inset 0 1px 0 #00ff661a;display:flex;gap:8px;margin-left:8px;padding:6px 12px;transition:all .3s ease}.model-indicator:hover{background:linear-gradient(135deg,#0c33,#00cc331f);border-color:#00cc3380;box-shadow:0 4px 12px #00cc3340,inset 0 1px 0 #00ff6626}.model-icon{display:block;height:20px;width:20px}.model-name{color:#0f6;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.status-badge{align-items:center;display:flex;font-size:.72rem;gap:6px;letter-spacing:.05em;padding:4px 10px}.status-badge.online{background:#00e5641a;border:1px solid #00e56433;color:#00e564}.status-badge.offline{background:#ff50501a;border:1px solid #ff505033;color:#ff6060}.status-pulse{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:7px;width:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.header-right{display:flex;gap:8px}.icon-btn{align-items:center;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #00cc332e;border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 8px #0003;color:#8b8;color:var(--muted);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;overflow:hidden;padding:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn:before{background:#0c33;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.icon-btn img{display:block;height:30px;transition:transform .3s ease;width:30px}.icon-btn:hover{background:linear-gradient(135deg,#0c33,#00cc331f);border-color:#0c3;border-color:var(--green-bright);box-shadow:0 4px 16px #00cc334d;color:#e8f8e8;color:var(--text);transform:translateY(-2px)}.icon-btn:hover:before{height:100%;width:100%}.icon-btn:hover img{transform:scale(1.1)}.icon-btn:active{box-shadow:0 2px 8px #0c33;transform:translateY(0)}.icon-btn.danger:hover{background:linear-gradient(135deg,#ff505026,#ff505014);border-color:#ff505066;box-shadow:0 4px 16px #ff50504d;color:#ff6060}.settings-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-bottom:1px solid #00cc332e;border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 24px}.settings-header{align-items:center;color:#8b8;color:var(--muted);font-size:.85rem;font-weight:600;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.settings-textarea{background:#0000004d;border:1px solid #00cc332e;border:1px solid var(--border);border-radius:10px;color:#e8f8e8;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.6;outline:none;padding:12px 14px;resize:vertical;width:100%}.settings-textarea:focus{border-color:#0c3;border-color:var(--green-bright)}.settings-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-reset{background:#0000;border:1px solid #00cc332e;border:1px solid var(--border);border-radius:8px;color:#8b8;color:var(--muted);cursor:pointer;font-family:Syne,sans-serif;font-size:.82rem;padding:8px 16px;transition:all .2s}.btn-reset:hover{border-color:#8b8;border-color:var(--muted);color:#e8f8e8;color:var(--text)}.btn-save{background:linear-gradient(135deg,#092,#0f6);background:linear-gradient(135deg,var(--green-dark),var(--green-neon));border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Syne,sans-serif;font-size:.82rem;font-weight:600;padding:8px 20px}.btn-save:hover{opacity:.85}.messages{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:28px 24px;scrollbar-color:#00cc332e #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-thumb{background:#00cc332e;background:var(--border);border-radius:4px}.welcome{align-items:center;animation:fadeIn .6s ease;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:40px 20px;text-align:center}.welcome-logo{animation:glow 3s ease-in-out infinite;height:100px;margin-bottom:20px;object-fit:contain;width:100px}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px rgba(0,204,51,.3))}50%{filter:drop-shadow(0 0 40px rgba(0,204,51,.5))}}.welcome-title{font-size:2rem;font-weight:800;margin-bottom:10px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f6,#0c3,#092,#062);background:var(--grad);-webkit-background-clip:text;background-clip:text}.welcome-sub{color:#8b8;color:var(--muted);font-size:.9rem;line-height:1.7;margin-bottom:28px;max-width:420px}.suggestions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:600px}.suggestion-chip{background:linear-gradient(135deg,#00cc331f,#00cc330f);border:1px solid #00cc332e;border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 8px #0003;color:#e8f8e8;color:var(--text);cursor:pointer;font-family:Syne,sans-serif;font-size:.8rem;overflow:hidden;padding:9px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.suggestion-chip:before{background:linear-gradient(90deg,#0000,#0c33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.suggestion-chip:hover{background:linear-gradient(135deg,#0c33,#00cc331f);border-color:#0c3;border-color:var(--green-bright);box-shadow:0 4px 16px #00cc334d;transform:translateY(-3px)}.suggestion-chip:hover:before{left:100%}.suggestion-chip:active{box-shadow:0 2px 8px #0c33;transform:translateY(-1px)}.message-row{align-items:flex-start;animation:slideUp .3s ease;display:flex;gap:12px}.message-row.user{flex-direction:row-reverse}.avatar{flex-shrink:0}.avatar-user{align-items:center;background:linear-gradient(135deg,#0c3,#092);background:linear-gradient(135deg,var(--green-bright),var(--green-dark));border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:800;height:36px;justify-content:center;width:36px}.avatar-zionia{filter:drop-shadow(0 0 8px rgba(0,204,51,.4));height:36px;object-fit:contain;width:36px}.bubble{word-wrap:break-word;animation:fadeIn .3s ease,slideUp .3s ease;border-radius:16px;box-shadow:0 4px 16px #0000004d;font-size:.92rem;line-height:1.7;max-width:75%;padding:14px 18px;position:relative}.bubble.user{align-self:flex-end;background:linear-gradient(135deg,#00cc332e,#00cc331a);border:1px solid #00cc334d;box-shadow:0 4px 16px #0c33,inset 0 1px 0 #00ff661a}.bubble.assistant,.bubble.user{color:#e8f8e8;color:var(--text)}.bubble.assistant{align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000b3,#0009);border:1px solid #ffffff1f;box-shadow:0 4px 16px #0006,inset 0 1px 0 #ffffff0d}.bubble pre{background:#00000080;border:1px solid #00cc332e;border:1px solid var(--border);border-radius:8px;font-size:.8rem;margin:10px 0;overflow-x:auto;padding:14px}.bubble code,.bubble pre{font-family:JetBrains Mono,monospace}.bubble code{background:#00cc3326;border-radius:4px;color:#0f6;color:var(--green-neon);font-size:.82rem;padding:2px 6px}.bubble pre code{background:none;color:inherit;padding:0}.bubble p{margin-bottom:8px}.bubble p:last-child{margin-bottom:0}.bubble ol,.bubble ul{margin:8px 0;padding-left:20px}.bubble li{margin-bottom:4px}.bubble h1,.bubble h2,.bubble h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f6,#0c3,#092,#062);background:var(--grad);-webkit-background-clip:text;background-clip:text;font-weight:700;margin:12px 0 6px}.bubble strong{font-weight:600}.bubble a,.bubble strong{color:#0f6;color:var(--green-neon)}.typing-dots{align-items:center;display:flex;gap:5px;padding:4px 0}.typing-dots span{animation:bounce 1.2s infinite;background:#0c3;background:var(--green-bright);border-radius:50%;height:7px;width:7px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.input-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#000000e6,#000000d9);border-top:1px solid #00cc332e;border-top:1px solid var(--border);box-shadow:0 -4px 16px #0000004d;flex-shrink:0;padding:16px 24px 20px}.input-wrapper{align-items:flex-end;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #00cc332e;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0003;display:flex;gap:12px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-wrapper:focus-within{background:linear-gradient(135deg,#00cc3314,#00cc330a);border-color:#0c3;border-color:var(--green-bright);box-shadow:0 4px 16px #00cc3340,0 0 0 3px #00cc331a}.chat-input{background:#0000;border:none;color:#e8f8e8;color:var(--text);flex:1 1;font-family:Syne,sans-serif;font-size:.92rem;line-height:1.6;max-height:160px;min-height:28px;outline:none;overflow-y:auto;resize:none}.chat-input::placeholder{color:#8b8;color:var(--muted)}.send-btn{align-items:center;background:linear-gradient(135deg,#0f6,#0c3,#092,#062);background:var(--grad);border:none;border-radius:10px;box-shadow:0 4px 12px #0c36;color:#000;color:var(--bg);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.send-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.send-btn:hover{box-shadow:0 6px 20px #00cc3380;transform:scale(1.08) translateY(-2px)}.send-btn:hover:before{height:100%;width:100%}.send-btn:active{box-shadow:0 2px 8px #00cc334d;transform:scale(1.02)}.send-btn:disabled{cursor:not-allowed;opacity:.3}.input-hint{color:#8b8;color:var(--muted);font-size:.68rem;letter-spacing:.03em;margin-top:8px;text-align:center}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.settings-menu{animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#000000fa;border-left:1px solid #ffffff1a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:320px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.settings-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.user-info{display:flex;flex:1 1;gap:12px}.user-avatar-small{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.avatar-placeholder-small{align-items:center;background:linear-gradient(135deg,#0c3,#092);color:#fff;display:flex;font-size:.9rem;font-weight:700;height:100%;justify-content:center;width:100%}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:#e8e8f0;font-size:.9rem;font-weight:600}.user-email{color:#8888a0;font-size:.75rem}.close-menu-btn{background:none;border:none;color:#8888a0;cursor:pointer;font-size:1.2rem;padding:4px;transition:color .2s}.close-menu-btn:hover{color:#e8e8f0}.settings-items{flex:1 1;overflow-y:auto;padding:8px 0}.settings-item{align-items:center;background:none;border:none;color:#e8e8f0;cursor:pointer;display:flex;font-family:Syne,sans-serif;font-size:.85rem;gap:12px;padding:14px 20px;text-align:left;transition:background .2s;width:100%}.settings-item:hover{background:#ffffff0d}.item-icon{font-size:1.1rem;text-align:center;width:24px}.item-icon img{display:block;height:40px;width:40px}.item-label{flex:1 1}.arrow{color:#8888a0;font-size:.9rem}.logout-btn{align-items:center;background:none;border:none;border-top:1px solid #ffffff1a;color:#ff6b6b;cursor:pointer;display:flex;font-family:Syne,sans-serif;font-size:.85rem;gap:12px;padding:16px 20px;transition:background .2s;width:100%}.logout-btn:hover{background:#ff6b6b1a}.settings-submenu{animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000000fa;border-left:1px solid #ffffff1a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:320px;z-index:1001}.submenu-header{align-items:center;border-bottom:1px solid #ffffff1a;color:#e8e8f0;display:flex;font-size:.9rem;font-weight:600;gap:12px;padding:20px}.back-btn{background:none;border:none;color:#8888a0;cursor:pointer;font-size:1.2rem;padding:4px;transition:color .2s}.back-btn:hover{color:#e8e8f0}.submenu-content{flex:1 1;overflow-y:auto;padding:8px 0}.submenu-item{align-items:center;background:none;border:none;color:#e8e8f0;cursor:pointer;display:flex;font-family:Syne,sans-serif;font-size:.85rem;gap:12px;padding:14px 20px;text-align:left;transition:background .2s;width:100%}.submenu-item:hover:not(.locked){background:#ffffff0d}.submenu-item.active{background:#00cc3326;border-left:3px solid #0c3}.submenu-item.locked{cursor:not-allowed;opacity:.5}.lang-flag{font-size:1.3rem}.check-mark{color:#0c3;font-weight:700;margin-left:auto}.lock-icon{font-size:.9rem;margin-left:auto}.model-item{align-items:flex-start;flex-direction:column;gap:6px}.model-info{width:100%}.model-name{align-items:center;display:flex;font-weight:600;gap:8px}.pro-badge{background:linear-gradient(135deg,#092,#0c3);border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px}.model-description{color:#8888a0;font-size:.75rem}.subscription-content{padding:20px}.subscription-status{background:#00cc331a;border:1px solid #0c3;border-radius:12px;margin-bottom:20px;padding:20px}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:12px;padding:6px 12px}.status-badge.pro{background:linear-gradient(135deg,#092,#0c3);color:#fff}.status-text{color:#e8e8f0;font-size:.85rem;margin-bottom:8px}.renewal-date{color:#8888a0;font-size:.75rem}.cancel-subscription-btn{background:#0000;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;cursor:pointer;font-family:Syne,sans-serif;font-size:.85rem;font-weight:600;padding:12px;transition:all .2s;width:100%}.cancel-subscription-btn:hover{background:#ff6b6b1a}.pro-features{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:24px}.pro-features h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0c3,#092);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;margin-bottom:12px}.price{color:#e8e8f0;font-size:2rem;font-weight:700;margin-bottom:20px}.features-list{list-style:none;margin:0 0 20px;padding:0}.features-list li{color:#e8e8f0;font-size:.85rem;padding:8px 0}.upgrade-btn{background:linear-gradient(135deg,#092,#0c3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700;padding:14px;transition:all .2s;width:100%}.upgrade-btn:hover{opacity:.9;transform:translateY(-2px)}.free-plan-info{color:#8888a0;font-size:.75rem;text-align:center}.usage-limit-banner{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.usage-limit-banner.limit-reached{background:#ff6b6b1a;border-color:#ff6b6b4d}.banner-content{align-items:center;display:flex;flex:1 1;gap:10px}.banner-icon{font-size:1.2rem}.banner-text{display:flex;flex-direction:column;gap:2px}.banner-text strong{color:#e8e8f0;font-size:.85rem}.banner-text span{color:#8888a0;font-size:.72rem}.upgrade-banner-btn{background:linear-gradient(135deg,#092,#0c3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Syne,sans-serif;font-size:.75rem;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.upgrade-banner-btn:hover{opacity:.9}.help-page-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.help-page-container{animation:slideUp .3s ease;background:#000000f2;border:1px solid #00cc334d;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.help-page-header{align-items:center;border-bottom:1px solid #0c33;display:flex;justify-content:space-between;padding:24px 32px}.help-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f6,#0c3,#092);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;margin:0}.help-close-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#8888a0;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s;width:36px}.help-close-btn:hover{background:#ff50501a;border-color:#ff505066;color:#ff6060}.help-page-content{overflow-y:auto;padding:32px;scrollbar-color:#0c3 #0000004d;scrollbar-width:thin}.help-page-content::-webkit-scrollbar{width:8px}.help-page-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.help-page-content::-webkit-scrollbar-thumb{background:#0c3;border-radius:4px}.help-page-content::-webkit-scrollbar-thumb:hover{background:#0f6}.help-section{margin-bottom:32px}.help-section:last-child{margin-bottom:0}.help-section-title{align-items:center;color:#0f6;display:flex;font-size:1.3rem;font-weight:700;gap:8px;margin-bottom:16px}.help-section-icon{display:block;height:50px;width:50px}.help-card{background:#00000080;border:1px solid #0c33;border-radius:12px;margin-bottom:16px;padding:20px}.help-card:last-child{margin-bottom:0}.help-card h3{color:#e8f8e8;font-size:1.1rem;font-weight:600;margin-bottom:12px}.help-card h4{color:#0c3;font-size:1rem;font-weight:600;margin-bottom:8px}.help-card p{color:#8888a0;line-height:1.6;margin-bottom:12px}.help-card p:last-child{margin-bottom:0}.help-list{color:#e8f8e8;line-height:1.8;margin:0;padding-left:24px}.help-list li{margin-bottom:8px}.help-models{display:flex;flex-direction:column;gap:8px;margin-top:12px}.help-model-item{background:#00cc330d;border:1px solid #0c33;border-radius:8px;color:#e8f8e8;font-size:.9rem;padding:12px}.help-model-item strong{color:#0f6;font-weight:600}.help-price{background:linear-gradient(135deg,#0c3,#092);border-radius:8px;color:#fff;font-size:1.1rem;font-weight:700;margin-top:16px;padding:12px 20px;text-align:center}.help-shortcut{align-items:center;background:#0000004d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.help-shortcut:last-child{margin-bottom:0}.help-shortcut kbd{background:#0c33;border:1px solid #0c36;border-radius:6px;color:#0f6;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;padding:4px 12px}.help-shortcut span{color:#e8f8e8;font-size:.9rem}.help-faq-item{background:#0000004d;border-radius:8px;margin-bottom:12px;padding:16px}.help-faq-item:last-child{margin-bottom:0}.help-faq-item code{background:#00cc3326;border-radius:4px;color:#0f6;font-family:JetBrains Mono,monospace;font-size:.85rem;padding:2px 8px}.help-contact{display:flex;flex-direction:column;gap:12px;margin-top:16px}.help-contact-btn{align-items:center;background:#00cc331a;border:1px solid #00cc334d;border-radius:8px;color:#0f6;display:flex;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;text-align:center;text-decoration:none;transition:all .2s}.help-contact-icon{display:block;height:22px;width:24px}.help-contact-btn:hover{background:#0c33;border-color:#0c3;transform:translateY(-2px)}.doc-page-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.doc-page-container{animation:slideUp .3s ease;background:#000000f2;border:1px solid #00cc334d;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.doc-page-header{align-items:center;border-bottom:1px solid #0c33;display:flex;justify-content:space-between;padding:24px 32px}.doc-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f6,#0c3,#092);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;margin:0}.doc-close-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#8888a0;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s;width:36px}.doc-close-btn:hover{background:#ff50501a;border-color:#ff505066;color:#ff6060}.doc-page-content{overflow-y:auto;padding:32px;scrollbar-color:#0c3 #0000004d;scrollbar-width:thin}.doc-page-content::-webkit-scrollbar{width:8px}.doc-page-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.doc-page-content::-webkit-scrollbar-thumb{background:#0c3;border-radius:4px}.doc-page-content::-webkit-scrollbar-thumb:hover{background:#0f6}.doc-toc{background:#00cc330d;border:1px solid #0c33;border-radius:12px;margin-bottom:32px;padding:20px}.doc-toc h2{color:#0f6;font-size:1.2rem;font-weight:700;margin-bottom:16px}.doc-toc ul{list-style:none;margin:0;padding:0}.doc-toc li{margin-bottom:8px}.doc-toc a{border-radius:6px;color:#e8f8e8;display:block;padding:8px 12px;text-decoration:none;transition:color .2s}.doc-toc a:hover{background:#00cc331a;color:#0f6}.doc-section{margin-bottom:48px;scroll-margin-top:20px}.doc-section:last-child{margin-bottom:0}.doc-section-title{align-items:center;border-bottom:2px solid #00cc334d;color:#0f6;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin-bottom:20px;padding-bottom:12px}.doc-section-icon{display:block;height:40px;width:40px}.doc-card{background:#00000080;border:1px solid #0c33;border-radius:12px;margin-bottom:20px;padding:24px}.doc-card:last-child{margin-bottom:0}.doc-card h3{color:#0f6;font-size:1.2rem;font-weight:600;margin-bottom:16px}.doc-card h4{color:#0c3;font-size:1rem;font-weight:600;margin-bottom:12px}.doc-card p{color:#e8f8e8;line-height:1.7;margin-bottom:16px}.doc-card p:last-child{margin-bottom:0}.doc-card strong{color:#0f6;font-weight:600}.doc-card code{background:#00cc3326;border-radius:4px;color:#0f6;font-family:JetBrains Mono,monospace;font-size:.85rem;padding:2px 8px}.doc-list{color:#e8f8e8;line-height:1.8;margin:16px 0;padding-left:24px}.doc-list li{margin-bottom:8px}.doc-list li strong{color:#0f6}.doc-code-block{background:#000000b3;border:1px solid #00cc334d;border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.doc-code-block pre{color:#e8f8e8;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.6;margin:0;white-space:pre}.doc-model-card{background:#00cc330d;border:1px solid #0c33;border-radius:8px;margin-bottom:16px;padding:20px}.doc-model-card:last-child{margin-bottom:0}.doc-model-card h4{color:#0f6;font-size:1.1rem;font-weight:700;margin-bottom:12px}.doc-endpoint{background:#0000004d;border-left:3px solid #0c3;border-radius:4px;margin-bottom:16px;padding:16px}.doc-endpoint:last-child{margin-bottom:0}.doc-endpoint h4{color:#0f6;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;margin-bottom:8px}.doc-troubleshoot{background:#ff50500d;border:1px solid #ff505033;border-radius:8px;margin-bottom:16px;padding:16px}.doc-troubleshoot:last-child{margin-bottom:0}.doc-troubleshoot h4{color:#ff6060;font-size:1rem;font-weight:600;margin-bottom:8px}.doc-card a{color:#0f6;text-decoration:none;transition:color .2s}.doc-card a:hover{color:#0c3;text-decoration:underline}.apps-menu-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.apps-menu{animation:slideUp .3s ease;background:linear-gradient(180deg,#0a0a0afa,#000000f2);border:1px solid #00cc334d;border-radius:16px;box-shadow:0 8px 32px #0c33,0 0 0 1px #00cc331a;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90%}.apps-header{align-items:center;background:linear-gradient(90deg,#00cc330d,#0000);border-bottom:1px solid #0c33;display:flex;justify-content:space-between;padding:20px 24px}.apps-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f6,#0c3);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.close-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--muted);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.close-btn:hover{background:#ff505026;border-color:#ff505066;color:#ff6060;transform:scale(1.05)}.apps-categories{background:#0000004d;border-bottom:1px solid #00cc331a;display:flex;gap:8px;padding:16px 24px}.category-btn{background:#ffffff08;border:1px solid #0c33;border-radius:8px;color:var(--muted);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.category-btn:hover{background:#00cc331a;border-color:#0c36;color:var(--green-neon)}.category-btn.active{background:linear-gradient(135deg,#0c33,#00cc331a);border-color:var(--green-bright);box-shadow:0 2px 8px #0c33;color:var(--green-neon)}.apps-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding:20px;scrollbar-color:#00cc334d #0000;scrollbar-width:thin}.apps-grid::-webkit-scrollbar{width:6px}.apps-grid::-webkit-scrollbar-thumb{background:#00cc334d;border-radius:3px}.apps-grid::-webkit-scrollbar-thumb:hover{background:#00cc3380}.app-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #0c33;border-radius:12px;display:flex;flex-direction:column;gap:10px;height:fit-content;overflow:visible;padding:12px;position:relative;transition:all .3s ease}.app-card:before{background:linear-gradient(90deg,#0000,var(--green-bright),#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.app-card:hover{background:linear-gradient(135deg,#00cc3314,#00cc3308);border-color:var(--green-bright);box-shadow:0 8px 24px #0c33;transform:translateY(-4px)}.app-card:hover:before{opacity:1}.app-card.connected{background:linear-gradient(135deg,#00cc331f,#00cc330d);border-color:var(--green-bright)}.app-icon{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;margin:0}.app-icon img{filter:drop-shadow(0 0 4px rgba(0,204,51,.15));height:32px;object-fit:contain;width:32px}.app-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0}.app-name{color:var(--text);font-size:.95rem;font-weight:700;line-height:1.2;margin:0}.app-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted);display:-webkit-box;font-size:.75rem;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.connect-btn{background:var(--grad);border:none;border-radius:8px;box-shadow:0 4px 12px #00cc334d;color:var(--bg);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.connect-btn:hover{box-shadow:0 6px 20px #0c36;transform:translateY(-2px)}.connect-btn.disconnect{background:linear-gradient(135deg,#ff5050cc,#ff505099);box-shadow:0 4px 12px #ff50504d}.connect-btn.disconnect:hover{box-shadow:0 6px 20px #ff505066}.connected-badge{align-items:center;background:#00cc3326;border:1px solid #00cc334d;border-radius:6px;color:var(--green-neon);display:flex;font-size:.75rem;font-weight:600;gap:6px;padding:5px 10px;white-space:nowrap}.check-icon{align-items:center;background:var(--green-bright);border-radius:50%;color:var(--bg);display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;width:18px}.no-apps{color:var(--muted);padding:60px 20px;text-align:center}.no-apps p{font-size:1rem;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dev-upgrade-container{align-items:center;background:linear-gradient(135deg,#0a0a16,#1a1a2e);color:#e8e8f0;display:flex;flex-direction:column;font-family:Syne,sans-serif;height:100vh;justify-content:center;padding:20px;text-align:center}.dev-upgrade-icon{animation:bounce 1s infinite;font-size:4rem;margin-bottom:20px}.dev-upgrade-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0c3,#092);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:10px}.dev-upgrade-subtitle{color:#8888a0;font-size:1.1rem;margin-bottom:30px}.dev-upgrade-features{background:#00cc331a;border:1px solid #0c3;border-radius:12px;max-width:400px;padding:20px}.dev-upgrade-feature{font-size:.9rem;margin-bottom:10px}.dev-upgrade-feature:last-child{margin-bottom:0}.dev-upgrade-redirect{color:#8888a0;font-size:.8rem;margin-top:30px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.stripe-success-container{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh;padding:20px}.success-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;max-width:600px;padding:48px;text-align:center;width:100%}.success-icon{animation:sparkle 1.5s ease-in-out infinite;font-size:72px;margin-bottom:24px}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--green-bright),var(--green-neon));-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0 0 16px}.success-message{color:var(--muted);font-size:18px;margin:0 0 32px}.success-features{background:var(--bg3);border:1px solid var(--border);border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}.success-features h3{color:var(--text);font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.success-features ul{list-style:none;margin:0;padding:0}.success-features li{align-items:center;color:var(--text);display:flex;font-size:16px;gap:8px;padding:8px 0}.session-info{margin-bottom:24px}.session-id{color:var(--muted);font-family:monospace;font-size:12px;margin:0}.continue-btn{background:linear-gradient(135deg,var(--green-bright),var(--green-neon));border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s;width:100%}.continue-btn:hover{opacity:.9;transform:translateY(-2px)}.continue-btn:active{transform:translateY(0)}.auth-container{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-box{background:var(--bg2);border:1px solid var(--border);border-radius:16px;max-width:440px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-logo{gap:12px;margin-bottom:12px}.auth-logo,.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon{border-radius:12px;color:#000;font-size:28px;height:48px;width:48px}.auth-logo h1,.logo-icon{background:linear-gradient(135deg,var(--green-bright),var(--green-neon));font-weight:700}.auth-logo h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px;margin:0}.auth-subtitle{color:var(--muted);font-size:15px;margin:0}.auth-error{background:#ff3b301a;border:1px solid #ff3b304d;border-radius:8px;color:#ff3b30;font-size:14px;margin-bottom:20px;padding:12px 16px}.auth-social{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.auth-social-btn{align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:12px 16px;transition:all .2s;width:100%}.auth-social-btn:hover:not(:disabled){background:var(--bg2);border-color:var(--green-bright)}.auth-social-btn:disabled{cursor:not-allowed;opacity:.5}.auth-social-btn.google svg{flex-shrink:0}.auth-social-btn.apple{background:#fff;border-color:#fff;color:#000}.auth-social-btn.apple:hover:not(:disabled){background:#f0f0f0}.auth-divider{margin:24px 0;position:relative;text-align:center}.auth-divider:before{background:var(--border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:var(--bg2);color:var(--muted);font-size:14px;padding:0 16px;position:relative}.auth-form{gap:16px}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:8px}.auth-form label{color:var(--text);font-size:14px;font-weight:500}.auth-form input{background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.auth-form input:focus{background:var(--bg);border-color:var(--green-bright);outline:none}.auth-form input:disabled{cursor:not-allowed;opacity:.5}.auth-form input::placeholder{color:var(--muted)}.auth-submit-btn{background:linear-gradient(135deg,var(--green-bright),var(--green-neon));border:none;border-radius:8px;color:#000;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:12px 16px;transition:all .2s;width:100%}.auth-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-footer{display:flex;flex-direction:column;gap:12px;margin-top:24px;text-align:center}.auth-footer p{color:var(--muted);font-size:14px;margin:0}.auth-footer a{color:var(--green-bright);font-weight:500;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:var(--green-neon)}
/*# sourceMappingURL=main.38e01d87.css.map*/