@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap");:root{--primary-color:#0bbfca;--primary-dark:#0a9aa3;--primary-light:#1dd4df;--bg-primary:#000000;--bg-secondary:#0a0a0a;--bg-tertiary:#111111;--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-tertiary:#666666;--border-color:rgba(11,191,202,0.15);--shadow-primary:0 0 40px rgba(11,191,202,0.15);--gradient-primary:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);--gradient-bg:linear-gradient(180deg,#000000,#050505);--max-width:900px;--header-height:70px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh}button{font-family:inherit;cursor:pointer}.deepside-app{display:flex;flex-direction:column;height:100vh;position:relative;background:var(--gradient-bg);opacity:0;transition:opacity .8s ease-in-out;visibility:hidden}.deepside-app.visible{opacity:1;visibility:visible}.deepside-app:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(11,191,202,.03) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(11,191,202,.02) 0,transparent 50%);pointer-events:none;animation:bgPulse 20s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:.5}50%{opacity:1}}.deepside-header{height:var(--header-height);justify-content:space-between;padding:0 2rem;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:relative;z-index:100;flex-shrink:0}.deepside-header,.header-logo{display:flex;align-items:center}.header-logo{gap:1rem}.logo-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(11,191,202,.5))}.logo-text{height:24px;width:auto;object-fit:contain;opacity:.9}.header-actions{gap:1rem}.header-actions,.model-badge{display:flex;align-items:center}.model-badge{gap:.4rem;font-family:Chakra Petch,monospace;font-size:.75rem;color:var(--text-tertiary);letter-spacing:.5px}.model-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-color);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.new-chat-btn{padding:.5rem 1.25rem;background:transparent;border:1px solid rgba(11,191,202,.3);color:var(--primary-color);border-radius:8px;font-family:Chakra Petch,monospace;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px}.new-chat-btn:hover{background:rgba(11,191,202,.1);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(11,191,202,.2)}.chat-container{flex:1 1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0}.messages-wrapper{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:2rem 0;scroll-behavior:smooth}.messages-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.messages-wrapper::-webkit-scrollbar{width:6px}.messages-wrapper::-webkit-scrollbar-track{background:transparent}.messages-wrapper::-webkit-scrollbar-thumb{background:rgba(11,191,202,.2);border-radius:4px}.messages-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(11,191,202,.35)}.message{margin-bottom:2rem;animation:messageSlide .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.message--user{align-items:flex-end}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.message--user .message-header{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.message-avatar--ai{background:linear-gradient(135deg,rgba(11,191,202,.2),rgba(11,191,202,.1));border:1px solid rgba(11,191,202,.3)}.message-avatar--ai img{width:20px;height:20px;object-fit:contain;filter:brightness(1.2)}.message-avatar--user{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2)}.message-name{font-family:Chakra Petch,monospace;font-size:.875rem;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.ai-name{color:var(--primary-color)}.search-badge{font-size:.75rem;opacity:.7;cursor:default}.message-content{max-width:85%;font-size:.9375rem;line-height:1.7}.message-content--user{text-align:right;padding-right:0;color:var(--text-primary)}.message-content--ai{padding-left:2.75rem}.user-text{display:inline-block;background:rgba(11,191,202,.08);border:1px solid rgba(11,191,202,.15);border-radius:16px 16px 4px 16px;padding:.75rem 1.1rem;color:var(--text-primary);text-align:left;white-space:pre-wrap;word-break:break-word}.message-attachments{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-bottom:.5rem}.message-attachment-img{max-width:200px;max-height:160px;border-radius:10px;object-fit:cover;border:1px solid var(--border-color)}.message-attachment-file{display:flex;align-items:center;gap:.4rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.4rem .75rem;font-size:.8125rem;color:var(--text-secondary)}.response-text{color:var(--text-primary);margin-bottom:1rem}.response-text p{margin-bottom:.75rem}.response-text p:last-child{margin-bottom:0}.response-section{margin:1.25rem 0;padding:1.25rem;background:rgba(11,191,202,.03);border:1px solid rgba(11,191,202,.1);border-radius:12px;position:relative;overflow:hidden}.response-section:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-primary)}.section-label{font-family:Chakra Petch,monospace;font-size:.75rem;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.section-content{color:rgba(255,255,255,.85);font-size:.9375rem;line-height:1.7}.section-content p{margin-bottom:.75rem}.section-content p:last-child{margin-bottom:0}.ai-list{padding-left:1.5rem;margin:.5rem 0}.ai-list li{margin-bottom:.5rem;color:rgba(255,255,255,.85)}.inline-code{font-family:Menlo,Monaco,Courier New,monospace;font-size:.875em;background:rgba(11,191,202,.1);color:var(--primary-color);padding:.1em .4em;border-radius:4px}.streaming-cursor{display:inline-block;color:var(--primary-color);animation:cursorBlink .8s step-end infinite;vertical-align:baseline;margin-left:2px;font-size:.9em}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.typing-indicator{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 0}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:typingPulse 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.message-actions{display:flex;gap:.5rem;margin-top:.5rem;padding-left:2.75rem}.message-action-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.3rem .6rem;border-radius:6px;font-size:.75rem;transition:all .2s ease}.message-action-btn:hover{background:rgba(255,255,255,.1);color:var(--text-primary);border-color:rgba(255,255,255,.2)}.copy-ai-response-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.copy-ai-response-btn.copied{background:var(--primary-color);border-color:var(--primary-dark);color:var(--bg-primary)}.search-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:rgba(11,191,202,.05);border-top:1px solid var(--border-color);font-size:.8125rem;color:var(--primary-color);font-family:Chakra Petch,monospace;letter-spacing:.5px}.search-spinner{width:14px;height:14px;border:2px solid rgba(11,191,202,.3);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.input-container{background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:1rem 0 .5rem;position:relative;z-index:50;flex-shrink:0;transition:border-color .2s}.input-container--dragging{border-color:var(--primary-color)}.drag-overlay{position:absolute;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;border:2px dashed var(--primary-color);border-radius:8px;pointer-events:none}.drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--primary-color);font-family:Chakra Petch,monospace;font-size:1rem;letter-spacing:1px}.drag-icon{font-size:2rem}.file-preview-container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem .75rem;display:flex;flex-wrap:wrap;gap:.5rem}.file-preview-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-tertiary)}.file-preview-img{width:72px;height:72px;object-fit:cover;display:block}.file-preview-icon{width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem}.file-icon-emoji{font-size:1.5rem}.file-preview-name{font-size:.625rem;color:var(--text-secondary);text-align:center;word-break:break-all}.file-preview-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .2s}.file-preview-remove:hover{background:#e53e3e}.input-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.input-form{display:flex;align-items:flex-end;gap:.5rem;background:var(--bg-secondary);border:1px solid rgba(11,191,202,.15);border-radius:20px;padding:.75rem .75rem .75rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-form:focus-within{border-color:rgba(11,191,202,.35);box-shadow:0 0 20px rgba(11,191,202,.1)}.input-actions{display:flex;align-items:center;gap:.25rem}.input-textarea{flex:1 1;background:transparent;border:none;color:var(--text-primary)!important;font-family:Inter,sans-serif;font-size:1rem;resize:none;outline:none;padding:.25rem .5rem;min-height:24px;max-height:120px;line-height:1.5}.input-textarea::placeholder{color:var(--text-tertiary)}.input-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.input-btn:hover:not(:disabled){color:var(--text-primary);background:rgba(255,255,255,.07)}.attach-btn:hover:not(:disabled){color:var(--primary-color);background:rgba(11,191,202,.08)}.submit-btn{background:#111;color:#444}.submit-btn.active{background:var(--primary-color);color:#000}.submit-btn.active:hover{transform:scale(1.05);box-shadow:0 0 15px var(--primary-color)}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.stop-btn{background:#ff4444;color:#fff}.stop-square{width:12px;height:12px;background:currentColor;border-radius:2px}.welcome-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;max-width:800px;padding:0 2rem;animation:welcomeFadeIn 1s cubic-bezier(.16,1,.3,1)}@keyframes welcomeFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.welcome-header{margin-bottom:3.5rem}.welcome-icon{width:80px;height:80px;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(11,191,202,.3))}.welcome-title{font-size:2.5rem;font-weight:300;letter-spacing:.5rem;margin-bottom:1rem}.welcome-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;line-height:1.7}.welcome-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.875rem;gap:.875rem;margin-top:2rem}.suggestion-card{padding:1rem;background:rgba(11,191,202,.05);border:1px solid rgba(11,191,202,.1);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.suggestion-card:hover{background:rgba(11,191,202,.1);border-color:rgba(11,191,202,.3);transform:translateY(-2px);box-shadow:0 4px 16px rgba(11,191,202,.1)}.suggestion-title{font-size:.875rem;color:var(--primary-color);font-weight:600;margin-bottom:.25rem}.suggestion-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.disclaimer-container{max-width:var(--max-width);margin:0 auto;padding:.5rem 1.5rem .75rem;text-align:center;font-size:.75rem;color:var(--text-tertiary);line-height:1.5;opacity:.6}@media (max-width:768px){:root{--header-height:60px;font-size:15px}.deepside-header{padding:0 1rem}.logo-text{height:20px}.logo-icon{width:32px;height:32px}.new-chat-btn{padding:.4rem .875rem;font-size:.8125rem}.model-badge{display:none}.input-wrapper,.messages-inner{padding:0 1rem}.message-actions,.message-content--ai{padding-left:2.25rem}.input-form{padding:.625rem .625rem .625rem .25rem}.input-hint{display:none}.welcome-screen{padding:1.5rem 1rem}}@media (max-width:480px){.message-avatar{width:28px;height:28px}.message-content--ai{padding-left:0;margin-top:.5rem}.message-actions{padding-left:0}.welcome-suggestions{grid-template-columns:1fr}}.deepside-header,.disclaimer-container,.input-hint,.model-badge{display:none!important}.input-container{background:transparent!important;padding-top:2rem;border-top:none}.input-wrapper{max-width:720px}.input-form{background:#0f0f0f;border:1px solid #1a1a1a;padding:.75rem 1rem}.input-textarea{color:#fff;padding:.5rem}.circle-btn{width:40px;height:40px}