:root{--bg-outer: #f0f2f5;--bg-app: rgba(43, 43, 43, .95);--accent: #dad4bb;--text-primary: #dad4bb;--text-secondary: rgba(218, 212, 187, .7);--border-color: rgba(218, 212, 187, .3);--scanline-color: rgba(255, 255, 255, .03)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg-outer);background:radial-gradient(circle,#fff,#f0f2f5);color:var(--text-primary);height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.app-container{width:98%;max-width:1400px;height:90vh;background:var(--bg-app);border:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;flex-direction:row;box-shadow:0 0 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar,.options-sidebar{background:#0000004d;display:flex;flex-direction:column;z-index:15}.main-content{flex:1;display:flex;flex-direction:column;position:relative;background:#0003}.sidebar{width:260px;border-right:1px solid var(--border-color)}.options-sidebar{width:320px;border-left:1px solid var(--border-color);overflow-y:auto;padding:0}.options-header{padding:15px 20px;background:#dad4bb0d;border-bottom:1px solid var(--border-color);font-family:Orbitron,sans-serif;font-size:.8rem;color:var(--accent);letter-spacing:2px}.option-section{padding:20px;border-bottom:1px solid rgba(218,212,187,.1)}.option-label{display:block;font-family:Orbitron,sans-serif;font-size:.7rem;color:var(--accent);margin-bottom:12px;letter-spacing:1px;opacity:.8}.model-list{display:flex;flex-direction:column;gap:8px}.model-item{padding:12px 15px;background:#0003;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s;position:relative;border-left:2px solid transparent}.model-item:hover{background:#dad4bb0d;border-color:var(--accent)}.model-item.active{background:#dad4bb1a;border-color:var(--accent);border-left:2px solid var(--accent);color:var(--text-primary)}.model-name{font-family:Orbitron,sans-serif;font-size:.85rem;margin-bottom:4px}.model-desc{font-size:.7rem;opacity:.6}.active-dot{position:absolute;top:10px;right:10px;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.system-select{width:100%;background:#0006;border:1px solid var(--border-color);color:var(--text-primary);padding:10px;font-size:.8rem;font-family:JetBrains Mono,monospace;margin-bottom:5px;outline:none;transition:all .3s ease}.system-select:focus{border-color:var(--accent);box-shadow:0 0 10px #dad4bb33}.system-textarea{width:100%;min-height:100px;background:#0006;border:1px solid var(--border-color);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.8rem;padding:10px;resize:vertical;transition:all .3s ease;margin-bottom:5px}.system-textarea:focus{outline:none;border-color:var(--accent);background:#0009;box-shadow:0 0 15px #dad4bb1a}.system-textarea::placeholder{color:var(--text-secondary);opacity:.4}.status-note{font-size:.65rem;font-family:Orbitron,sans-serif;color:var(--accent);opacity:.6;margin-bottom:10px;letter-spacing:1px}.export-controls{display:flex;flex-direction:column;gap:15px}.folder-selector label{display:block;font-family:Orbitron,sans-serif;font-size:.6rem;color:var(--accent);margin-bottom:5px;opacity:.6}.export-group{display:flex;flex-direction:column;gap:10px}.export-btn{width:100%;padding:10px;font-family:Orbitron,sans-serif;font-size:.7rem;cursor:pointer;transition:all .2s;letter-spacing:1px;border:1px solid var(--accent)}.export-btn.storage{background:var(--accent);color:#000}.export-btn.download{background:transparent;color:var(--accent)}.export-btn:hover:not(:disabled){filter:brightness(1.2);box-shadow:0 0 10px #dad4bb33}.export-btn:disabled{opacity:.4;cursor:not-allowed}.save-status{margin-top:10px;font-size:.65rem;font-family:JetBrains Mono,monospace;padding:8px;border-radius:2px;word-break:break-all}.save-status.success{background:#00ff000d;color:#4caf50;border:1px solid rgba(0,255,0,.2)}.save-status.error{background:#ff00000d;color:#f44336;border:1px solid rgba(255,0,0,.2)}.save-status.processing{background:#dad4bb0d;color:var(--accent);border:1px solid rgba(218,212,187,.2);animation:blink 1.5s infinite}.sidebar-footer{padding:20px;background:#0006;border-top:1px solid var(--border-color);margin-top:auto}.system-status{display:flex;flex-direction:column;gap:5px}.status-line{font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--text-secondary);opacity:.5;letter-spacing:.5px}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color)}.new-chat-btn{width:100%;padding:10px;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:Orbitron,sans-serif;cursor:pointer;margin-top:10px;transition:all .3s;font-size:.8rem;letter-spacing:1px}.new-chat-btn:hover{background:#dad4bb1a}.session-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:5px}.session-item{padding:12px;border:1px solid transparent;cursor:pointer;font-size:.85rem;color:var(--text-secondary);transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:10px}.session-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;padding:4px 8px;cursor:pointer;opacity:.4;transition:all .2s;display:flex;align-items:center;justify-content:center}.session-item:hover .menu-btn,.session-item.active .menu-btn{opacity:1}.menu-btn:hover{color:var(--accent)}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:#1e1e1ef2;border:1px solid var(--border-color);z-index:100;min-width:140px;box-shadow:0 4px 15px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px 0;display:flex;flex-direction:column}.dropdown-item{padding:10px 15px;background:transparent;border:none;color:var(--text-secondary);text-align:left;font-size:.8rem;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:#dad4bb1a;color:var(--text-primary)}.dropdown-item.delete{color:#f44}.dropdown-item.delete:hover{background:#ff44441a;color:#f66}.session-item:hover{background:#dad4bb0d;color:var(--text-primary)}.session-item.active{background:#dad4bb1a;border-left:2px solid var(--accent);color:var(--text-primary)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.app-container:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(var(--scanline-color) 50%,transparent 50%);background-size:100% 4px;z-index:20;pointer-events:none;animation:scanline 10s linear infinite}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}.corner{position:absolute;width:20px;height:20px;border:2px solid var(--accent);z-index:30}.corner-tl{top:0;left:0;border-right:none;border-bottom:none}.corner-tr{top:0;right:0;border-left:none;border-bottom:none}.corner-bl{bottom:0;left:0;border-right:none;border-top:none}.corner-br{bottom:0;right:0;border-left:none;border-top:none}.header{height:60px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 20px;justify-content:space-between;background:#0003}.logo{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:2px;color:var(--accent)}.status-indicator{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-secondary);font-family:Orbitron,sans-serif}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 5px var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.2}}.chat-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.chat-area::-webkit-scrollbar{width:5px}.chat-area::-webkit-scrollbar-thumb{background:var(--border-color)}.message{max-width:80%;display:flex;gap:15px;animation:fadeIn .3s ease-out;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.ai{align-self:flex-start}.icon{width:36px;height:36px;flex-shrink:0;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;background:#dad4bb1a}.content{padding:12px 16px;background:#0000004d;border:1px solid var(--border-color);line-height:1.6;font-size:.95rem}.user .content{border-right:3px solid var(--accent)}.ai .content{border-left:3px solid var(--accent)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid rgba(218,212,187,.2);padding-bottom:4px}.message-model{font-family:Orbitron,sans-serif;font-size:.7rem;color:var(--accent);letter-spacing:1px;opacity:.8}.msg-delete-btn{position:absolute;top:-5px;right:-5px;background:var(--bg-body);border:1px solid var(--border-color);color:var(--text-secondary);width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;border-radius:2px;z-index:10}.message:hover .msg-delete-btn{opacity:.5}.msg-delete-btn:hover{opacity:1!important;background:#ff44441a;color:#f44;border-color:#ff44444d}.mode-toggle-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:Orbitron,sans-serif;font-size:.55rem;padding:2px 6px;cursor:pointer;transition:all .2s;opacity:.6}.mode-toggle-btn:hover{opacity:1;background:#dad4bb1a}.markdown-body{font-size:.95rem;line-height:1.6}.markdown-body p{margin:0 0 10px}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-family:Orbitron,sans-serif;color:var(--accent);margin:20px 0 10px}.markdown-body h1{font-size:1.2rem}.markdown-body h2{font-size:1.1rem}.markdown-body h3{font-size:1rem}.markdown-body code{font-family:JetBrains Mono,monospace;background:#ffffff0d;padding:2px 4px;border-radius:2px;color:var(--accent)}.markdown-body pre{background:#0000004d;padding:15px;border:1px solid var(--border-color);border-radius:4px;overflow-x:auto;margin:15px 0}.markdown-body pre code{background:transparent;padding:0;color:var(--text-primary)}.markdown-body ul,.markdown-body ol{padding-left:20px;margin:10px 0}.markdown-body li{margin-bottom:5px}.markdown-body blockquote{border-left:3px solid var(--accent);margin:15px 0;padding:5px 15px;color:var(--text-secondary);background:#dad4bb0d}.input-area{padding:20px;border-top:1px solid var(--border-color);background:#0003}.input-wrapper{display:flex;gap:10px;align-items:flex-end;background:#0000004d;border:1px solid var(--border-color);padding:10px}textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;resize:none;outline:none;min-height:24px;max-height:150px}.send-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:Orbitron,sans-serif;padding:5px 15px;cursor:pointer;transition:all .3s;font-size:.8rem}.send-btn:hover:not(:disabled){background:var(--accent);color:#2b2b2b}.send-btn:disabled{opacity:.3;cursor:not-allowed}.bg-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;opacity:.5}.loading-text{font-family:Orbitron,sans-serif;font-size:.8rem;color:var(--accent);margin-top:10px;animation:blink 1s infinite}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.login-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg-body);position:relative;z-index:10}.login-card{width:400px;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);padding:40px;box-shadow:0 0 50px #00000080;position:relative}.login-title{font-family:Orbitron,sans-serif;color:var(--accent);font-size:1.5rem;text-align:center;margin-bottom:30px;letter-spacing:4px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:Orbitron,sans-serif;font-size:.7rem;color:var(--text-secondary)}.form-group input{background:#ffffff0d;border:1px solid var(--border-color);padding:12px;color:var(--text-primary);font-family:Inter,sans-serif;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 10px #dad4bb1a}.auth-submit-btn{background:var(--accent);color:#000;border:none;padding:14px;font-family:Orbitron,sans-serif;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:2px}.auth-submit-btn:hover{filter:brightness(1.1);box-shadow:0 0 15px #dad4bb66}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.divider{display:flex;align-items:center;margin:20px 0;color:var(--text-secondary);font-size:.7rem;font-family:Orbitron,sans-serif}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color);margin:0 10px}.google-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Inter,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s}.google-btn:hover{background:#ffffff0d;border-color:var(--text-primary)}.auth-toggle{text-align:center;margin-top:20px;font-size:.8rem;color:var(--text-secondary)}.auth-toggle-btn{background:transparent;border:none;color:var(--accent);cursor:pointer;padding:0 5px;text-decoration:underline}.error-message{background:#ff00001a;border:1px solid #f44336;color:#f44336;padding:10px;font-size:.8rem;margin-bottom:20px;text-align:center}.logout-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:.6rem;padding:4px 8px;margin-left:15px;cursor:pointer;transition:all .2s}.logout-btn:hover{border-color:#f44336;color:#f44336}