#bg-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-3;background-color:#000;pointer-events:none;backface-visibility:hidden;transform:translateZ(0)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#000a19bf;z-index:-2}.container{position:relative;z-index:10;text-align:center;max-width:900px;margin:20px auto;padding:20px;display:flex;flex-direction:column;height:90vh;border-radius:20px;background:#121c3059;border:1px solid rgba(67,100,247,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 30px #4364f74d;overflow:hidden;animation:fadeIn 1.2s ease-in-out}h3.heading{font-size:2.3rem;font-weight:700;color:#00eaff;text-shadow:0 0 15px #00eaff,0 0 30px rgba(0,234,255,.8);margin-bottom:15px;animation:slideDown 1s ease-in-out,glowPulse 2s infinite alternate}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glowPulse{0%{text-shadow:0 0 10px #00eaff,0 0 20px rgba(0,234,255,.6)}to{text-shadow:0 0 20px #00eaff,0 0 40px rgba(0,234,255,.9)}}.chat-box{flex-grow:1;overflow-y:auto;padding:15px;border-radius:15px;background:#0a0f2399;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:15px;border:1px solid rgba(0,234,255,.4);box-shadow:0 4px 20px #00eaff40;height:70%;animation:fadeIn 1.5s ease}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-thumb{background:#00eaff80;border-radius:10px}.chat-box::-webkit-scrollbar-track{background:transparent}.message{padding:12px 18px;margin:10px 0;border-radius:20px;max-width:80%;word-wrap:break-word;display:inline-block;font-size:1rem;line-height:1.6;animation:fadeUp .8s ease forwards;opacity:0;position:relative}@keyframes fadeUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.user-message{background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff;align-self:flex-end;text-align:right;border-radius:20px 20px 0;box-shadow:0 4px 15px #ff7e5f80;font-weight:500;position:relative;animation:userMessageEnter .8s ease forwards}@keyframes userMessageEnter{0%{transform:scale(.7) translate(50px);opacity:0;filter:blur(8px);box-shadow:0 0 #ff7e5f00}50%{transform:scale(1.05) translate(-5px);opacity:.8;box-shadow:0 0 20px #ff7e5fcc}to{transform:scale(1) translate(0);opacity:1;filter:blur(0);box-shadow:0 4px 15px #ff7e5f80}}.user-message:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px 20px 0;border:2px solid rgba(255,126,95,.5);opacity:0;animation:userPulse 1.5s infinite ease-in-out}@keyframes userPulse{0%{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}.assistant-message{background:linear-gradient(135deg,#004e92,#00c6ff);color:#fff;align-self:flex-start;text-align:left;border-radius:20px 20px 20px 0;box-shadow:0 4px 15px #00c6ff80;font-weight:500;position:relative;overflow:hidden;animation:assistantReveal 1s ease forwards}@keyframes assistantReveal{0%{opacity:0;transform:translate(-50px) scale(.8);clip-path:inset(0 100% 0 0);filter:blur(6px)}50%{opacity:.7;clip-path:inset(0 0 0 0);transform:translate(10px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}.assistant-message:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(120deg,transparent 40%,rgba(0,234,255,.3) 50%,transparent 60%);animation:scanning 2s infinite linear}@keyframes scanning{0%{left:-100%}to{left:100%}}.message pre{max-height:180px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;padding:10px;border-radius:5px;font-family:Courier New,monospace;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.message pre{position:relative;max-height:250px;overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:all .3s ease}.message pre::-webkit-scrollbar{width:8px;background:transparent}.message pre:hover::-webkit-scrollbar-track{background:linear-gradient(180deg,transparent,rgba(0,234,255,.15),transparent);border-radius:10px;animation:trackGlow 2s infinite linear}.message pre::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00eaff,#7b2ff7,#00eaff);background-size:200% 200%;border-radius:10px;animation:neonFlow 3s infinite ease-in-out;opacity:0;transition:opacity .4s ease}.message pre:hover::-webkit-scrollbar-thumb{opacity:1}@keyframes trackGlow{0%{box-shadow:0 0 5px #00eaff}50%{box-shadow:0 0 15px #7b2ff7}to{box-shadow:0 0 5px #00eaff}}@keyframes neonFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.scroll-indicator{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border-radius:50%;z-index:2;pointer-events:none;opacity:0;transform:translateY(6px) scale(.9);transition:opacity .25s ease,transform .25s ease,filter .25s ease;background:radial-gradient(closest-side,rgba(0,234,255,.35),rgba(0,234,255,.1) 70%,transparent 71%),#00000040;box-shadow:0 0 10px #00eaff99,inset 0 0 8px #00eaff40}.message.is-scrollable .scroll-indicator{opacity:.85;transform:translateY(0) scale(1)}.message.at-bottom .scroll-indicator,.scroll-indicator[data-dir=none]{opacity:0;transform:translateY(6px) scale(.9);filter:blur(1px)}.scroll-indicator:before{content:"∞";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700;font-size:14px;color:#00eaff;text-shadow:0 0 8px rgba(0,234,255,.9)}.scroll-indicator[data-dir=down]:before{content:"▼"}.scroll-indicator[data-dir=up]:before{content:"▲"}.scroll-indicator:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 280deg,rgba(0,234,255,.9) 300deg,transparent 360deg);animation:orbit 2.8s linear infinite;opacity:.55}.message.at-bottom .scroll-indicator:after,.scroll-indicator[data-dir=none]:after{opacity:0;animation:none}@keyframes orbit{to{transform:rotate(360deg)}}.message.is-scrollable:hover .scroll-indicator{opacity:1;box-shadow:0 0 14px #00eaffe6,inset 0 0 10px #00eaff59}textarea.code-input{width:80%;margin:0 auto;padding:15px;font-size:1.1rem;font-family:Courier New,monospace;border-radius:12px;border:1px solid rgba(0,234,255,.6);background:#0a0f2399;color:#fff;box-shadow:0 4px 16px #00eaff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;resize:vertical}textarea.code-input::-webkit-scrollbar{width:8px}textarea.code-input::-webkit-scrollbar-thumb{background:#00eaff80;border-radius:10px}textarea.code-input::-webkit-scrollbar-thumb:hover{background:#00eaffb3}textarea.code-input::-webkit-scrollbar-track{background:transparent}textarea.code-input:focus{border-color:#00eaff;box-shadow:0 6px 18px #00eaff80;outline:none}.run-button{display:block;margin:20px auto;padding:14px 28px;background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;font-size:1.2rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 15px #00c6ff66;animation:buttonFloat 3s infinite ease-in-out}.run-button:hover{transform:scale(1.08);background:linear-gradient(135deg,#0072ff,#00c6ff);box-shadow:0 8px 20px #00eaff99}@keyframes buttonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.run-button:disabled{background:#64646499;cursor:not-allowed}.music-toggle{position:fixed;bottom:90px;right:30px;background:linear-gradient(135deg,#00eaff,#0072ff);color:#fff;font-size:1.8rem;border:none;border-radius:50%;width:65px;height:65px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 20px #00eaffb3;z-index:100;animation:pulseGlow 2s infinite;transition:all .3s ease}.music-toggle:hover{transform:scale(1.1);box-shadow:0 0 30px #00eaff}.music-toggle.active{background:linear-gradient(135deg,#ff7e5f,#feb47b);box-shadow:0 0 30px #ff7e5fe6;animation:pulseGlowActive 2s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00eaff99}50%{box-shadow:0 0 35px #00eaff}}@keyframes pulseGlowActive{0%,to{box-shadow:0 0 25px #ff7e5f99}50%{box-shadow:0 0 40px #ff7e5f}}.footer{text-align:center;color:#fff;padding:15px 0;font-size:1rem;border-top:1px solid rgba(0,234,255,.5);box-shadow:0 -4px 10px #00eaff33;background:#0a0f2380;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn 1.5s ease}.footer a{color:#00eaff;font-weight:600;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#feb47b;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.container{max-width:100%;padding:10px}.chat-box{height:60vh}textarea.code-input{width:100%;font-size:1rem}.run-button{width:100%}.footer{font-size:.9rem;padding:10px 0}}