:root{--color-primary: #FFD700;--color-primary-light: #FFEB3B;--color-primary-dark: #FFC107;--color-dark: #121212;--color-dark-light: #1E1E1E;--color-dark-gray: #2D2D2D}body{margin:0;font-family:Segoe UI,sans-serif;background:var(--color-dark);color:#fff}body:before{content:"";position:fixed;inset:0;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23FFD700' fill-opacity='0.12' d='M13 2L3 14h6l-1 8 11-14h-7z'/></svg>"),repeating-linear-gradient(to bottom,#ffd70012 0px 1px,#0000 1px 48px);background-repeat:repeat,repeat;background-size:56px 56px,auto;background-position:0 0,0 0;pointer-events:none}#root{position:relative;z-index:1}.chat-container{max-width:600px;margin:2rem auto;padding:1rem;background:var(--color-dark-gray);border-radius:12px;display:flex;flex-direction:column;height:80vh;position:relative;overflow:hidden;z-index:1}.chat-box{flex:1;overflow-y:auto;margin-bottom:1rem;padding-right:.25rem}.message{padding:.5rem 1rem;margin:.5rem 0;border-radius:8px;max-width:75%;word-wrap:break-word}.message.user{align-self:flex-end;background-color:var(--color-primary-dark);color:#111}.message.bot{align-self:flex-start;background-color:#3a3a3a;color:#fff}.chat-input{display:flex;gap:.5rem}.chat-input input{flex:1;padding:.75rem;border-radius:8px;border:none;outline:none;text-color:#fff;background-color:#3a3a3a}.send-button{display:inline-flex;align-items:center;justify-content:center;padding:.6rem .7rem;background-color:#000;color:var(--color-primary);border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease}.send-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ffd70040}.send-button:active{transform:translateY(0)}.send-thunder{fill:var(--color-primary)}.thunderfield{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.7}.thunderbolt-svg{position:absolute;left:-10%;width:24px;height:24px;fill:var(--color-primary);animation-name:boltFloat;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes boltFloat{0%{transform:translate(0) scale(.8)}to{transform:translate(120%) scale(.8)}}.theme-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 400px at -10% 10%,rgba(255,215,0,.12),transparent 60%),radial-gradient(800px 300px at 110% 90%,rgba(255,235,59,.08),transparent 60%);pointer-events:none}