@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";.chat-app-container{width:950px;max-width:90vw;margin:0 auto;display:flex;flex-direction:column;gap:20px;font-family:JetBrains Mono,Courier New,monospace}.sidebar{position:fixed;top:0;left:-350px;width:350px;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-right:2px solid #00ff41;z-index:1000;transition:left .3s ease;box-shadow:0 0 30px #00ff414d}.sidebar.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:999}.sidebar-header{padding:20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{color:#00ff41;font-size:18px;font-weight:700;text-shadow:0 0 10px rgba(0,255,65,.5)}.close-menu{background:none;border:none;color:#00ff41;font-size:24px;cursor:pointer;padding:5px;border-radius:3px;transition:background .2s ease}.close-menu:hover{background:#00ff411a}.new-conversation-btn{margin:20px;background:linear-gradient(135deg,#00ff41,#0c3);border:none;color:#000;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:700;font-family:inherit;width:calc(100% - 40px);transition:all .3s ease;box-shadow:0 0 15px #00ff414d}.new-conversation-btn:hover{background:linear-gradient(135deg,#0c3,#00ff41);box-shadow:0 0 25px #00ff4180;transform:translateY(-1px)}.conversations-list{max-height:calc(100vh - 120px);overflow-y:auto;padding:0 20px 20px}.conversation-item{background:#00ff410d;border:1px solid #333;border-radius:6px;margin-bottom:10px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.conversation-item:hover{background:#00ff411a;border-color:#00ff41;box-shadow:0 0 10px #00ff4133}.conversation-item.active{background:#00ff4126;border-color:#00ff41;box-shadow:0 0 15px #00ff414d}.conv-content{flex:1;min-width:0;margin-right:10px}.conv-title{color:#e0e0e0;font-size:14px;font-weight:500;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.conv-meta{color:#888;font-size:12px}.delete-conv{background:none;border:none;color:#ff6b6b;cursor:pointer;padding:5px;border-radius:3px;transition:background .2s ease;flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.delete-conv:hover{background:#ff6b6b1a}.danger-zone-top{padding:10px 20px 0;border-bottom:1px solid rgba(255,107,107,.2);margin-bottom:10px}.danger-zone{padding:20px;border-top:1px solid #333;margin-top:auto}.delete-all-btn{background:none;border:1px solid rgba(255,107,107,.3);color:#888;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:12px;width:100%;transition:all .3s ease;font-family:inherit;opacity:.7}.delete-all-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b80;color:#ff6b6b;opacity:1}.hamburger-btn{background:none;border:none;cursor:pointer;padding:5px;display:flex;flex-direction:column;gap:3px;margin-right:10px}.hamburger-btn span{width:20px;height:2px;background:#00ff41;transition:all .3s ease;border-radius:1px;box-shadow:0 0 5px #00ff4180}.hamburger-btn:hover span{box-shadow:0 0 10px #00ff41cc}.terminal-container{background:#000!important;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00ff411a,0 0 60px #00ff410d,inset 0 1px #ffffff1a;border:1px solid #00ff41;position:relative;font-family:JetBrains Mono,Courier New,monospace;height:600px}.terminal-container:before{display:none}.terminal-header{padding:12px 20px;display:flex;width:100%;align-items:center;justify-content:space-between;border-bottom:1px solid #00ff41;position:sticky;top:0;left:0;right:0;z-index:100;height:56px;min-height:56px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);box-shadow:0 2px 8px #00ff4114,0 1.5px #00ff41;border-top-left-radius:12px;border-top-right-radius:12px;color:#00ff41;overflow:visible}.terminal-buttons{display:flex;gap:8px;align-items:center}.btn{width:12px;height:12px;border-radius:50%;display:inline-block}.btn.close{background:#ff5f57}.btn.minimize{background:#ffbd2e}.btn.maximize{background:#28ca42}.terminal-title{color:#00ff41;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,65,.5)}.terminal-status{display:flex;align-items:center;gap:8px}.status-online{color:#00ff41;font-size:12px;font-weight:700;text-shadow:0 0 5px rgba(0,255,65,.7)}.blinking{animation:blink 1.5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.terminal-body{background:#000!important;min-height:500px;max-height:625px;overflow-y:auto;padding:56px 20px 20px;position:relative;scroll-behavior:smooth;overflow-anchor:auto}.terminal-container{position:relative}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#0a0a0a}.terminal-body::-webkit-scrollbar-thumb{background:#00ff41;border-radius:4px;box-shadow:0 0 5px #00ff4180}.terminal-welcome{margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:20px}.ascii-art{color:#00ff41;font-size:8px;line-height:1;text-shadow:0 0 10px rgba(0,255,65,.3);margin-bottom:15px;text-align:center}.system-info{color:#00ff41;font-size:13px;line-height:1.6;opacity:.8}.messages-container{min-height:200px;contain:layout;position:relative}.message{margin-bottom:20px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;align-items:center;gap:10px;margin-bottom:5px;font-size:12px}.timestamp{color:#666;font-size:11px}.user-type{color:#00ff41;font-weight:700;text-shadow:0 0 5px rgba(0,255,65,.5)}.user-message .user-type{color:#00bfff;text-shadow:0 0 5px rgba(0,191,255,.5)}.message-content{color:#e0e0e0;font-size:14px;line-height:1.5;padding-left:20px;border-left:2px solid #333;padding-top:5px;padding-bottom:5px}.user-message .message-content{border-left-color:#00bfff;color:#fff}.bot-message .message-content{border-left-color:#00ff41}.message-content .inline-code{background:#00ff4126;color:#00ff41;padding:3px 8px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px;border:1px solid rgba(0,255,65,.4);box-shadow:0 0 5px #00ff4133;position:relative}.message-content .code-block-container{margin:15px 0;border-radius:8px;overflow:visible;border:1px solid #00ff41;box-shadow:0 0 15px #00ff414d,inset 0 1px #00ff4133;background:linear-gradient(135deg,#000c,#0a0a0ae6)}.message-content .code-block-header{background:linear-gradient(135deg,#00ff411a,#00ff410d);padding:10px 15px;border-bottom:1px solid rgba(0,255,65,.3);display:flex;justify-content:space-between;align-items:center}.message-content .code-block-title{color:#00ff41;font-size:12px;font-weight:700;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px;text-shadow:0 0 5px rgba(0,255,65,.5)}.message-content .detected-lang{color:#00bfff;font-size:10px;font-weight:400;text-transform:lowercase;opacity:.8;font-style:italic}.message-content .code-icon{font-size:14px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.message-content .copy-code-btn{background:#00ff411a;border:1px solid rgba(0,255,65,.4);color:#00ff41;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.message-content .copy-code-btn:hover{background:#00ff4133;border-color:#00ff41;box-shadow:0 0 10px #00ff4166;transform:translateY(-1px)}.message-content .copy-code-btn:active{transform:translateY(0)}.message-content .code-block{background:transparent;border:none;margin:0;padding:20px;overflow-x:auto;position:relative}.message-content .code-block:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,65,.03) 1px,rgba(0,255,65,.03) 2px);pointer-events:none}.message-content .code-block code{color:#00ff41;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;white-space:pre;text-shadow:0 0 2px rgba(0,255,65,.3);position:relative;z-index:1}.message-content .markdown-quote{border-left:4px solid #00ff41;margin:15px 0;padding:15px 20px;background:#00ff4114;border-radius:0 8px 8px 0;font-style:italic;color:#b0b0b0;position:relative;box-shadow:0 0 10px #00ff411a}.message-content .markdown-quote:before{content:"💬";position:absolute;top:10px;left:-15px;background:#000;padding:5px;border-radius:50%;font-size:12px}.message-content .markdown-bold{color:#00ff41;font-weight:700;text-shadow:0 0 8px rgba(0,255,65,.4);padding:2px 4px;background:#00ff410d;border-radius:3px}.message-content .markdown-italic{color:#00bfff;font-style:italic;text-shadow:0 0 5px rgba(0,191,255,.3)}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{color:#00ff41;margin:20px 0 15px;font-weight:700;text-shadow:0 0 10px rgba(0,255,65,.5);padding:8px 12px;background:#00ff410d;border-left:4px solid #00ff41;border-radius:0 6px 6px 0;position:relative}.message-content h1:before{content:"# ";opacity:.6}.message-content h2:before{content:"## ";opacity:.6}.message-content h3:before{content:"### ";opacity:.6}.message-content h1{font-size:1.5em}.message-content h2{font-size:1.3em}.message-content h3{font-size:1.1em}.message-content ul,.message-content ol{border-left:2px solid rgba(0,255,65,.2);padding-left:20px;margin:15px 0 15px 10px}.message-content li{margin:8px 0;color:#e0e0e0;position:relative}.message-content ul li:before{content:"▶";color:#00ff41;font-size:10px;position:absolute;left:-15px;top:3px}.message-content ol li{counter-increment:list-counter}.message-content ol{counter-reset:list-counter}.message-content ol li:before{content:counter(list-counter) ".";color:#00ff41;font-weight:700;position:absolute;left:-20px;top:0}.message-content p{margin:8px 0;line-height:1.6}.message-content a{color:#00bfff;text-decoration:underline;transition:color .2s ease}.message-content a:hover{color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.5)}.typing-cursor{color:#00ff41;animation:cursorBlink 1s infinite;font-weight:700}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.loading-indicator{color:#00ff41;font-size:14px;margin:20px 0;display:flex;align-items:center;gap:10px}.loading-text{text-shadow:0 0 5px rgba(0,255,65,.5)}.loading-dots span{animation:loadingDots 1.5s infinite;display:inline-block}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDots{0%,60%,to{opacity:.3}30%{opacity:1}}.chat-input-container{background:#0a0a0a;border:1px solid #00ff41;border-radius:12px;padding:15px 20px;box-shadow:0 10px 20px #00ff411a,0 0 30px #00ff410d}.input-line{display:flex;align-items:center;gap:10px}.input-prompt{color:#00ff41;font-size:14px;font-weight:500;white-space:nowrap;text-shadow:0 0 5px rgba(0,255,65,.5)}.user-indicator{color:#00bfff;text-shadow:0 0 5px rgba(0,191,255,.5)}.path{color:#888}.chat-input{flex:1;background:transparent;border:none;color:#fff;font-family:inherit;font-size:14px;padding:8px 12px;outline:none;caret-color:#00ff41}.chat-input::placeholder{color:#555;font-style:italic}.chat-input:focus{background:#00ff410d;border-radius:4px}.send-button{background:linear-gradient(135deg,#00ff41,#0c3);border:none;color:#000;padding:8px 15px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 0 15px #00ff414d}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#0c3,#00ff41);box-shadow:0 0 25px #00ff4180;transform:translateY(-1px)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-icon{font-size:16px;display:inline-block}@media (max-width: 768px){.chat-app-container{margin:1rem;max-width:none}.terminal-container{height:400px}.terminal-header{padding:10px 15px}.terminal-title{font-size:12px}.terminal-body{padding:15px;max-height:400px}.ascii-art{font-size:6px}.input-line{flex-wrap:wrap;gap:5px}.input-prompt{font-size:12px}.terminal-input{font-size:13px}}.terminal-container:after{display:none}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.terminal-body:before{display:none}.swipe-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000!important}.swipe-container{display:flex;width:200vw;height:100vh;will-change:transform}.panel{background:#000!important;width:100vw;height:100vh;flex-shrink:0;display:flex;flex-direction:column;box-sizing:border-box}.terminal-panel{background:#000!important}.game-panel{background:#000!important;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.nav-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:1000;transition:all .3s ease}.nav-arrow.right{right:20px}.nav-arrow.left{left:20px}.arrow-btn{background:#00ff411a;border:1px solid rgba(0,255,65,.3);border-radius:50%;width:50px;height:50px;color:#666;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arrow-btn:hover{background:#00ff4133;border-color:#00ff4180;color:#00ff41;transform:scale(1.1)}.arrow-btn:active{transform:scale(.95)}.arrow-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.panel-indicators{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:1000}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active{background:#00ff41;box-shadow:0 0 10px #00ff4180}.indicator:hover{background:#00ff41b3;transform:scale(1.2)}.dino-game-container{background:#000!important;border:none;border-radius:10px;padding:20px;width:950px;max-width:90vw;height:620px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column}.dino-canvas{border-radius:5px;background:#000!important;display:block;margin:0 auto;outline:none;width:100%;flex:1;min-height:500px;max-height:380px}.dino-canvas:focus{border-color:none}.prompt-symbol{color:#00ff41;font-weight:700}@media (max-width: 768px){.arrow-btn{width:40px;height:40px;font-size:16px}.nav-arrow.right{right:10px}.nav-arrow.left{left:10px}.dino-game-container{padding:15px}.dino-canvas{height:200px}.panel-indicators{bottom:20px}}.swipe-container{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.panel>*{pointer-events:auto}.perf-container{background:#000;color:#00ff41;border-radius:10px;max-width:650px;margin:40px auto;padding:32px 24px 24px;font-family:JetBrains Mono,Fira Mono,Consolas,monospace;border:none;letter-spacing:.5px;-webkit-user-select:text;user-select:text;min-height:420px;position:relative;overflow:hidden}.geek-glow{text-shadow:0 0 8px #00ff41,0 0 2px #00ff41}.perf-section{margin-top:28px;padding-bottom:12px;border-bottom:1px solid #222}.perf-section:last-child{border-bottom:none}.perf-section h3{color:#00ff41;font-size:1.1rem;margin-bottom:6px;font-weight:700;text-shadow:0 0 4px #00ff41}.perf-label{color:#7fffd4;font-weight:700;margin-right:8px;text-shadow:0 0 2px #00ff41}.perf-value{color:#00ff41;font-weight:500;text-shadow:0 0 2px #00ff41}*{margin:0;padding:0;box-sizing:border-box}.App{min-height:100vh;background:radial-gradient(circle at 20% 80%,rgba(0,255,65,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,191,255,.1) 0%,transparent 50%),linear-gradient(135deg,#000,#0a0a0a);color:#e0e0e0;font-family:JetBrains Mono,Courier New,monospace;overflow:hidden}.terminal-wrapper{padding:20px;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%}.terminal-wrapper h1{text-align:center;color:#00ff41;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-bottom:1.5rem;text-shadow:0 0 20px rgba(0,255,65,.5),0 0 40px rgba(0,255,65,.3),0 0 60px rgba(0,255,65,.1);animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 20px rgba(0,255,65,.5),0 0 40px rgba(0,255,65,.3),0 0 60px rgba(0,255,65,.1)}to{text-shadow:0 0 25px rgba(0,255,65,.7),0 0 50px rgba(0,255,65,.4),0 0 75px rgba(0,255,65,.2)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#00ff41;border-radius:4px;box-shadow:0 0 5px #00ff4180}::-webkit-scrollbar-thumb:hover{background:#0c3}