.nav{position:fixed;top:0;left:0;width:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:.8rem 2rem;z-index:1000;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 30px #0000001a;transition:all .3s ease;min-height:60px;box-sizing:border-box}.nav:hover{background:#ffffff14;box-shadow:0 4px 30px #0000001a,0 0 30px #00ffff1a}.nav-brand{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav-logo{width:35px;height:35px;object-fit:contain;border-radius:50%;transition:all .3s ease;filter:drop-shadow(0 0 10px #8b5cf6)}.nav-logo:hover{transform:scale(1.1) rotate(360deg);filter:drop-shadow(0 0 20px #00ffff)}.nav-title{font-family:Audiowide,cursive;color:#fff;font-size:1.1rem;font-weight:600;text-shadow:0 0 15px #8b5cf6;transition:all .3s ease;animation:textBreathe 6s ease-in-out infinite;white-space:nowrap}.nav-title:hover{color:#0ff;text-shadow:0 0 20px #00ffff;transform:scale(1.05)}.nav-links{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.nav-link{color:#ffffffb3;text-decoration:none;font-size:.95rem;font-weight:500;padding:.4rem .8rem;border-radius:20px;background:transparent;border:1px solid transparent;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap}.nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;border-radius:25px}.nav-link:hover{color:#fff;background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 4px 15px #0ff3,inset 0 0 20px #00ffff1a;transform:translateY(-2px)}.nav-link:hover:before{opacity:.1}.nav-link.active{color:#fff;background:#ffffff0d;border-color:#0ff;box-shadow:0 0 20px #0ff,inset 0 0 20px #00ffff1a;animation:pulseGlow 2s ease-in-out infinite}.nav-link.active:before{opacity:.15}@keyframes textBreathe{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #0ff,inset 0 0 20px #00ffff1a}50%{box-shadow:0 0 30px #0ff,inset 0 0 30px #0ff3}}@media (max-width: 768px){.nav{padding:.6rem 1rem}.nav-title{font-size:1rem}.nav-links{gap:.5rem}.nav-link{font-size:.85rem;padding:.3rem .6rem}}@media (max-width: 480px){.nav{padding:.5rem .8rem}.nav-title{font-size:.9rem}.nav-logo{width:30px;height:30px}.nav-links{gap:.3rem}.nav-link{font-size:.8rem;padding:.25rem .5rem}}body{background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#533483);background-size:400% 400%;animation:gradientShift 20s ease infinite;min-height:100vh;position:relative;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.code-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.15;pointer-events:none;overflow:hidden}.code-layer{position:absolute;top:0;left:0;width:200%;height:200%;animation:codeFloat 30s linear infinite}@keyframes codeFloat{0%{transform:translate(-10%,-10%) rotate(0)}25%{transform:translate(-5%,-15%) rotate(1deg)}50%{transform:translate(-15%,-5%) rotate(-1deg)}75%{transform:translate(-8%,-12%) rotate(.5deg)}to{transform:translate(-10%,-10%) rotate(0)}}.code-snippet{font-family:Fira Code,Courier New,monospace;font-size:.8rem;line-height:1.4;color:#00ffff4d;text-shadow:0 0 10px rgba(0,255,255,.2);white-space:pre-wrap;padding:2rem;background:transparent;border:none;margin:0;animation:codeGlow 4s ease-in-out infinite alternate}@keyframes codeGlow{0%{color:#0ff3;text-shadow:0 0 5px rgba(0,255,255,.1)}to{color:#0ff6;text-shadow:0 0 15px rgba(0,255,255,.3)}}.code-background.theme-dark .code-snippet{color:#00ffff4d;text-shadow:0 0 10px rgba(0,255,255,.2)}.code-background.theme-light .code-snippet{color:#06c6;text-shadow:0 0 5px rgba(0,102,204,.2);opacity:.3}.code-background.theme-cyberpunk .code-snippet{color:#00ff4166;text-shadow:0 0 5px rgba(0,255,65,.3),0 0 10px rgba(0,255,65,.2),0 0 15px rgba(255,0,128,.1);animation:cyberpunkGlitch 4s ease-in-out infinite}.code-background.theme-ocean .code-snippet{color:#0cf6;text-shadow:0 0 10px rgba(0,204,255,.3),0 0 20px rgba(102,153,255,.2);animation:oceanWave 6s ease-in-out infinite}@keyframes cyberpunkGlitch{0%,to{transform:translate(0);filter:hue-rotate(0deg)}10%{transform:translate(-2px);filter:hue-rotate(90deg)}20%{transform:translate(2px);filter:hue-rotate(180deg)}30%{transform:translate(-1px);filter:hue-rotate(270deg)}40%{transform:translate(1px);filter:hue-rotate(360deg)}50%{transform:translate(0);filter:hue-rotate(0deg)}}@keyframes oceanWave{0%,to{transform:translateY(0) scale(1);opacity:.15}25%{transform:translateY(-10px) scale(1.02);opacity:.2}50%{transform:translateY(0) scale(1);opacity:.15}75%{transform:translateY(10px) scale(.98);opacity:.1}}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--neon-cyan);border-radius:50%;opacity:.6;animation:particleFloat 15s linear infinite;box-shadow:0 0 10px currentColor}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){left:20%;animation-delay:-2s;animation-duration:15s;background:var(--neon-purple)}.particle:nth-child(3){left:30%;animation-delay:-4s;animation-duration:18s;background:var(--neon-pink)}.particle:nth-child(4){left:40%;animation-delay:-6s;animation-duration:14s}.particle:nth-child(5){left:50%;animation-delay:-8s;animation-duration:16s;background:var(--neon-green)}.particle:nth-child(6){left:60%;animation-delay:-10s;animation-duration:13s;background:var(--neon-blue)}.particle:nth-child(7){left:70%;animation-delay:-12s;animation-duration:17s;background:var(--neon-purple)}.particle:nth-child(8){left:80%;animation-delay:-14s;animation-duration:19s}.particle:nth-child(9){left:90%;animation-delay:-16s;animation-duration:11s;background:var(--neon-pink)}.particle:nth-child(10){left:95%;animation-delay:-18s;animation-duration:20s;background:var(--neon-green)}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) translate(100px) rotate(360deg);opacity:0}}[data-theme=light] .particle{opacity:.3;box-shadow:0 0 5px currentColor}[data-theme=cyberpunk] .particle{opacity:.8;box-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor;animation-duration:8s}[data-theme=ocean] .particle{opacity:.5;box-shadow:0 0 15px currentColor,0 0 25px #00ccff4d}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-gradient: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--neon-cyan: #00ffff;--neon-purple: #8A2BE2;--neon-pink: #ff006e;--neon-blue: #0066ff;--neon-green: #00ff88;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--bg-primary: linear-gradient(-45deg, #1a1a2e, #16213e, #0f3460, #533483);--bg-secondary: rgba(0, 0, 0, .4);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-accent: var(--neon-cyan);--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1)}[data-theme=dark]{--bg-primary: linear-gradient(-45deg, #1a1a2e, #16213e, #0f3460, #533483);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7)}[data-theme=light]{--bg-primary: linear-gradient(-45deg, #f8f9fa, #e9ecef, #dee2e6, #ced4da);--glass-bg: rgba(0, 0, 0, .05);--glass-border: rgba(0, 0, 0, .1);--text-primary: #212529;--text-secondary: rgba(33, 37, 41, .7);--neon-cyan: #0066cc;--neon-purple: #6f42c1;--neon-pink: #d63384}[data-theme=cyberpunk]{--bg-primary: linear-gradient(-45deg, #0a0a0a, #1a0033, #330066, #660099);--neon-cyan: #00ff41;--neon-purple: #ff0080;--neon-pink: #ff3300;--neon-blue: #0080ff;--accent-gradient: linear-gradient(135deg, #00ff41 0%, #ff0080 100%)}[data-theme=ocean]{--bg-primary: linear-gradient(-45deg, #001122, #003366, #004488, #0066aa);--neon-cyan: #00ccff;--neon-purple: #6699ff;--neon-pink: #33aaff;--accent-gradient: linear-gradient(135deg, #00ccff 0%, #6699ff 100%)}*{transition:background-color var(--transition-normal) var(--ease-out-quart),border-color var(--transition-normal) var(--ease-out-quart),color var(--transition-normal) var(--ease-out-quart),box-shadow var(--transition-normal) var(--ease-out-quart)}.gorok-container{display:flex;flex-direction:column;gap:2rem;padding:2rem;width:100%;z-index:10;animation:fadeIn 1.5s ease-in-out;margin:80px auto 0;position:relative;max-width:1200px}.gorok-header{text-align:center;margin-bottom:1rem}.gorok-main{display:flex;gap:2rem;height:calc(100vh - 200px);min-height:600px;max-height:calc(100vh - 150px)}.conversations-sidebar{width:280px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border);padding:1.5rem;display:flex;flex-direction:column;box-shadow:var(--glass-shadow);transition:all .3s ease;position:relative;overflow:hidden}.conversations-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ffff1a,#8a2be21a,#ff006e1a);z-index:-1;opacity:0;transition:opacity .3s ease}.conversations-sidebar:hover:before{opacity:1}.conversations-sidebar:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f268780}.sidebar-header{display:flex;flex-direction:column;gap:15px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,255,.2);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:borderGlow 2s ease-in-out infinite alternate}@keyframes borderGlow{0%{opacity:.3}to{opacity:1}}.sidebar-header h3{color:var(--neon-cyan);font-family:Audiowide,cursive;text-shadow:0 0 10px var(--neon-cyan);margin:0;font-size:1.1rem;animation:textBreath 3s ease-in-out infinite;text-align:center}.theme-switcher{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.theme-btn{width:36px;height:36px;border:none;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal) var(--ease-out-quart);position:relative;overflow:hidden}.theme-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-normal) var(--ease-out-quart);border-radius:50%}.theme-btn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 8px 25px #00ffff4d,0 0 20px #0ff3;border-color:var(--neon-cyan)}.theme-btn:hover:before{opacity:.1}.theme-btn:active{transform:translateY(0) scale(.95)}.theme-btn.active{background:var(--accent-gradient);box-shadow:0 0 20px var(--neon-cyan),inset 0 0 20px #0ff3;border-color:var(--neon-cyan);animation:pulseGlow 2s ease-in-out infinite}.theme-btn.active:before{opacity:.2}@keyframes textBreath{0%,to{text-shadow:0 0 10px var(--neon-cyan);transform:scale(1)}50%{text-shadow:0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan);transform:scale(1.02)}}#new-chat-button{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:36px;height:36px;display:flex;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #1f268733;position:relative;overflow:hidden}#new-chat-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease;z-index:-1}#new-chat-button:hover:before{opacity:.2}#new-chat-button:hover{border-color:var(--neon-cyan);transform:scale(1.1) rotate(90deg);box-shadow:0 8px 25px #0ff6}#new-chat-button:active{transform:scale(.95) rotate(90deg)}.conversation-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.conversation-list::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:3px}.conversation-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00f2fe,#4facfe)}.conversation-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--glass-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;position:relative;overflow:hidden}.conversation-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease;z-index:-1}.conversation-item:hover:before{opacity:.15}.conversation-item:hover{border-color:var(--neon-cyan);transform:translate(5px);box-shadow:0 8px 25px #00ffff4d}.conversation-item.active{background:#00ffff1a;border-color:var(--neon-cyan);box-shadow:0 0 20px #0ff6;transform:translate(8px)}.conversation-item.active:before{opacity:.2}.delete-conversation-button{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:6px;width:32px;height:32px;box-shadow:0 2px 10px #0000001a;position:relative;overflow:hidden}.delete-conversation-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--secondary-gradient);opacity:0;transition:opacity .3s ease;z-index:-1}.delete-conversation-button:hover:before{opacity:.3}.delete-conversation-button:hover{border-color:var(--neon-pink);opacity:1;transform:scale(1.1);box-shadow:0 6px 20px #ff006e66}.delete-conversation-button .icon-img{width:16px;height:16px}.chat-section{flex:1;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);overflow:hidden;position:relative;transition:all .3s ease;height:100%;max-height:100%}.chat-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ffff0d,#8a2be20d,#ff006e0d);z-index:-1;opacity:0;transition:opacity .3s ease}.chat-section:hover:before{opacity:1}.chat-section:hover{transform:translateY(-1px);box-shadow:0 16px 50px #1f268799}.personality-selector{display:flex;align-items:center;padding:1rem 1.5rem;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.2);position:relative}.personality-selector:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:borderGlow 2s ease-in-out infinite alternate}.personality-title{color:var(--neon-cyan);font-size:.95rem;margin-right:1.5rem;text-shadow:0 0 8px var(--neon-cyan);font-weight:600;animation:textBreath 3s ease-in-out infinite}.personality-options{display:flex;gap:.75rem}.personality-option{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:25px;color:#fff;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-weight:500}.personality-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease;z-index:-1}.personality-option:hover:before{opacity:.2}.personality-option:hover{border-color:var(--neon-cyan);transform:translateY(-2px);box-shadow:0 8px 25px #00ffff4d}.personality-option.active{background:#00ffff26;border-color:var(--neon-cyan);box-shadow:0 0 20px #00ffff80;transform:translateY(-2px)}.personality-option.active:before{opacity:.3}.chat-container{display:flex;flex-direction:column;height:100%;padding:1.5rem;gap:1.5rem;position:relative;overflow:hidden}.chat-output{flex:1;background:#0000001a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(0,255,255,.1);border-radius:20px;padding:16px;overflow-y:auto;overflow-x:hidden;box-shadow:inset 0 0 20px #00ffff05;display:flex;flex-direction:column;gap:12px;position:relative;min-height:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;scroll-behavior:smooth}.chat-output:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00ffff03;border-radius:20px;z-index:-1}.chat-output::-webkit-scrollbar{width:8px}.chat-output::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.chat-output::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:4px}.chat-output::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00f2fe,#4facfe)}.chat-input-container{display:flex;gap:.75rem;background:#0000004d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:.75rem 1.5rem;box-shadow:0 4px 20px #0003;transition:all .3s ease;position:relative;overflow:hidden;opacity:1!important;visibility:visible!important;width:100%;box-sizing:border-box;flex-shrink:0}.chat-input-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:30px}.chat-input-container:focus-within:before{opacity:0}.chat-input-container:focus-within{border-color:#0ff6;box-shadow:0 0 15px #00ffff1a;transform:translateY(-1px)}.chat-input{flex:1;background:transparent;border:none;color:#fff;font-family:Audiowide,cursive;font-size:1rem;outline:none;padding:.5rem 0;font-weight:400;min-height:20px;opacity:1!important;visibility:visible!important;display:block!important;width:100%;box-sizing:border-box}.chat-input::placeholder{color:#fff6;transition:color .3s ease}.chat-input:focus::placeholder{color:#00ffff80}.action-button{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;height:40px;display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin-left:.5rem;box-shadow:0 4px 15px #1f268733;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:12px}.action-button:hover:before{opacity:.2}.action-button:hover{border-color:var(--neon-cyan);transform:scale(1.1);box-shadow:0 8px 25px #0ff6}.action-button:active{transform:scale(.95)}.icon-img{width:22px;height:22px;filter:brightness(0) invert(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button:hover .icon-img{filter:brightness(0) invert(1) drop-shadow(0 0 8px var(--neon-cyan)) drop-shadow(0 0 12px var(--neon-cyan));transform:scale(1.1)}.delete-conversation-button .icon-img{filter:brightness(0) invert(1);width:18px;height:18px}.delete-conversation-button:hover .icon-img{filter:brightness(0) invert(1) drop-shadow(0 0 8px var(--neon-pink)) drop-shadow(0 0 12px var(--neon-pink));transform:scale(1.1)}#new-chat-button .icon-img{filter:brightness(0) invert(1);width:20px;height:20px}#new-chat-button:hover .icon-img{filter:brightness(0) invert(1) drop-shadow(0 0 8px var(--neon-cyan)) drop-shadow(0 0 12px var(--neon-cyan));transform:scale(1.1)}.user-message,.ai-message{padding:12px 16px;border-radius:18px;max-width:65%;min-width:80px;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;animation:messageSlideIn .3s cubic-bezier(.25,.46,.45,.94);position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 2px 8px #00000026;transition:box-shadow .2s ease;min-height:fit-content;height:auto;overflow:visible;text-overflow:clip;line-height:1.5;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;margin-bottom:12px;display:block;width:auto;box-sizing:border-box;flex-shrink:0;flex-grow:0}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-message{background:linear-gradient(135deg,#5f9ea0e6,#4682b4e6);align-self:flex-end;margin-left:auto;margin-right:12px;border-color:#5f9ea099;position:relative;overflow:visible;color:#fff;border-radius:18px 18px 4px;box-shadow:0 1px 3px #0003;white-space:pre-wrap;text-align:left;width:fit-content}.user-message:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;opacity:0;z-index:-1}.user-message:hover{box-shadow:0 2px 6px #5f9ea04d}.ai-message{background:#f8f8f8f2;align-self:flex-start;margin-right:auto;margin-left:12px;border-color:#dcdcdccc;position:relative;overflow:visible;color:#2c3e50;border-radius:18px 18px 18px 4px;box-shadow:0 1px 3px #0000001a;white-space:pre-wrap;text-align:left;width:fit-content}.ai-message:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;opacity:0;z-index:-1}.ai-message:hover{box-shadow:0 2px 6px #00000026}.ai-message h1,.ai-message h2,.ai-message h3{color:#2c3e50;margin:12px 0 8px;font-weight:600}.ai-message h1{font-size:1.3em;border-bottom:2px solid #3498db;padding-bottom:4px}.ai-message h2{font-size:1.2em;border-bottom:1px solid #3498db;padding-bottom:2px}.ai-message h3{font-size:1.1em}.ai-message p{margin:8px 0;line-height:1.5;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;max-width:100%;width:100%;box-sizing:border-box;color:#2c3e50}.ai-message code{background:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:3px;padding:2px 4px;font-family:Courier New,monospace;font-size:.9em;color:#2c3e50}.ai-message pre{background:#2c3e50f2;border:1px solid rgba(52,152,219,.3);border-radius:6px;padding:12px;margin:12px 0;overflow-x:auto;box-shadow:0 1px 3px #0000001a;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;max-width:100%}.ai-message pre code{background:none;border:none;padding:0;color:#fff;font-size:.85em;line-height:1.4;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;display:block;width:100%}.ai-message ul,.ai-message ol{margin:8px 0;padding-left:20px}.ai-message li{margin:4px 0;line-height:1.5;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;color:#333}.ai-message ul li{list-style-type:none;position:relative}.ai-message ul li:before{content:"•";color:#3498db;position:absolute;left:-15px;top:0;font-weight:700}.ai-message ol li{list-style-type:decimal;color:#333}.ai-message blockquote{border-left:3px solid #3498db;margin:12px 0;padding:8px 12px;background:#3498db0d;border-radius:0 6px 6px 0;font-style:italic;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;color:#2c3e50}.ai-message a{color:#3498db;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.ai-message a:hover{color:#2980b9;border-bottom-color:#2980b9}.ai-message strong{color:#2c3e50;font-weight:600}.ai-message em{color:#34495e;font-style:italic}.ai-message table{border-collapse:collapse;width:100%;margin:12px 0;background:#fffc;border-radius:6px;overflow:hidden}.ai-message th,.ai-message td{border-bottom:1px solid rgba(52,152,219,.2);padding:8px 12px;text-align:left;color:#333}.ai-message th{background:#3498db1a;color:#2c3e50;font-weight:600}.mermaid-diagram{background:#0000004d;border:1px solid #00d4ff;border-radius:8px;padding:15px;margin:10px 0;overflow-x:auto;text-align:center}.mermaid-diagram svg{max-width:100%;height:auto;background:transparent}.ai-message pre{background:#0006;border:1px solid #00d4ff;border-radius:8px;padding:15px;margin:10px 0;overflow-x:auto;font-family:Courier New,monospace;font-size:13px;line-height:1.4}.ai-message code{background:#00d4ff1a;color:#00d4ff;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.ai-message pre code{background:transparent;padding:0;border-radius:0;color:#fff}.message-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;opacity:.7;transition:opacity .2s ease;position:relative;z-index:10}.ai-message:hover .message-actions,.user-message:hover .message-actions{opacity:1}@media (max-width: 768px){.message-actions{opacity:1}}.copy-btn{background:#3498db26;border:1px solid rgba(52,152,219,.4);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px;color:#3498db;transition:all .2s ease;display:flex;align-items:center;gap:4px;min-width:32px;min-height:24px;justify-content:center}.copy-btn:hover{background:#3498db40;border-color:#3498db99;color:#2980b9;transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}.copy-btn.copied{background:#2ecc7126;border-color:#2ecc7166;color:#27ae60}.copy-icon{font-size:14px;line-height:1}.copy-success{font-size:12px;line-height:1}.copy-success{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#2ecc71e6;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;z-index:10000;opacity:0;transition:opacity .3s ease;pointer-events:none}.copy-success.show{opacity:1}@media (max-width: 768px){body{background-size:600% 600%;animation:gradientShift 25s ease infinite}.code-background{opacity:.08}.code-snippet{font-size:.7rem}.gorok-container{padding:1rem;margin-top:70px;width:100%;box-sizing:border-box;gap:1rem}.gorok-main{flex-direction:column;height:auto;gap:1rem;width:100%}.conversations-sidebar{width:100%;height:auto;max-height:200px;overflow-y:auto;padding:1rem}.sidebar-header h3{font-size:1rem}.personality-selector{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.personality-title{font-size:.85rem;margin-right:1rem;margin-bottom:.5rem;width:100%}.personality-options{gap:.5rem;flex-wrap:wrap}.personality-option{padding:.4rem .8rem;font-size:.8rem}.chat-section{height:calc(100vh - 350px);min-height:450px;width:100%}.chat-container{padding:1rem;gap:1rem}.chat-output{padding:1.5rem;gap:1rem}.chat-input-container{padding:.75rem 1rem;border-radius:25px;position:relative;bottom:auto;left:auto;width:100%;background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:10;box-sizing:border-box;margin-top:auto}.chat-input{font-size:.95rem;padding:.4rem 0}.action-button{width:36px;height:36px;margin-left:.5rem}.icon-img{width:18px;height:18px}#new-chat-button{width:32px;height:32px}#new-chat-button .icon-img{width:16px;height:16px}.delete-conversation-button{width:28px;height:28px;padding:4px}.delete-conversation-button .icon-img{width:14px;height:14px}.user-message,.ai-message{padding:10px 14px;max-width:85%;border-radius:16px;font-size:14px;margin-bottom:8px;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;min-height:fit-content;height:auto;overflow:visible;text-overflow:clip}.user-message{border-radius:16px 16px 4px;margin-right:8px}.ai-message{border-radius:16px 16px 16px 4px;margin-left:8px}.conversation-item{padding:.75rem 1rem}.conversation-list{gap:.5rem}}@media (max-width: 480px){.gorok-container{padding:.75rem;margin-top:60px}.gorok-main{gap:.75rem}.conversations-sidebar{max-height:150px;padding:.75rem}.chat-section{height:calc(100vh - 280px);min-height:400px}.chat-container{padding:.75rem}.chat-output{padding:1rem}.personality-selector{padding:.5rem .75rem}.personality-title{font-size:.8rem}.personality-option{padding:.3rem .6rem;font-size:.75rem}.user-message,.ai-message{padding:.75rem;max-width:95%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00ffff4d;transform:scale(1)}50%{box-shadow:0 0 40px #0ff9;transform:scale(1.02)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotateHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.conversations-sidebar:hover{box-shadow:0 0 15px #00ffff4d}.personality-option.active{box-shadow:0 0 15px #0ff6}.action-button:hover,#new-chat-button:hover,.delete-conversation-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.conversation-item:hover{background:#00ffff1a;border-color:#00ffff80}.conversation-item.active{box-shadow:0 0 15px #0ff6;border-color:var(--neon-cyan)}.user-message,.ai-message{animation:messageSlideIn .3s cubic-bezier(.25,.46,.45,.94)}.code-background:after{display:none}.message-loading{position:relative;overflow:hidden}.message-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}[data-theme=dark] .ai-message{background:#f8f8f8f2;color:#2c3e50;border-color:#dcdcdccc}[data-theme=dark] .ai-message p{color:#2c3e50}[data-theme=light] .ai-message{background:#f8f8f8f2;color:#2c3e50;border-color:#dcdcdccc}[data-theme=light] .ai-message p{color:#2c3e50}[data-theme=cyberpunk] .ai-message{background:#14141ef2;color:#0ff;border-color:#00ffff4d}[data-theme=cyberpunk] .ai-message p{color:#0ff}[data-theme=ocean] .ai-message{background:#f0f8fff2;color:#1e3a8a;border-color:#3b82f64d}[data-theme=ocean] .ai-message p{color:#1e3a8a}[data-theme=dark] .user-message{background:linear-gradient(135deg,#5f9ea0e6,#4682b4e6);color:#fff}[data-theme=light] .user-message{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);color:#fff}[data-theme=cyberpunk] .user-message{background:linear-gradient(135deg,#ff006ee6,#8a2be2e6);color:#fff}[data-theme=ocean] .user-message{background:linear-gradient(135deg,#0ea5e9e6,#3b82f6e6);color:#fff}.button-text{font-size:1.5rem;color:#0ff;text-shadow:0 0 5px #00ffff;font-family:Audiowide,cursive;line-height:1}#new-chat-button .button-text{font-size:1.8rem}#send-button .button-text{font-size:1.5rem}.delete-conversation-button .button-text{font-size:1.2rem;color:#ffffffb3;text-shadow:none}.delete-conversation-button:hover .button-text{color:#ff4d4d;text-shadow:0 0 5px #ff4d4d}@keyframes neonGlow{0%{text-shadow:0 0 5px #00ffff}50%{text-shadow:0 0 15px #00ffff,0 0 25px #00ffff}to{text-shadow:0 0 5px #00ffff}}