:root{color-scheme:dark;--terminal-bg: #000;--terminal-text: #36ff7f;--terminal-accent: rgba(0, 255, 0, .4);--terminal-accent-strong: rgba(0, 255, 0, .7);--terminal-border: rgba(0, 255, 0, .25);--assistant-text: #36ff7f;--user-text: #ffe66d;--error-text: #ff6b6b;--panel-bg: rgba(0, 0, 0, .85);--panel-border: rgba(0, 255, 0, .35);--button-bg: rgba(0, 50, 0, .65);--button-border: rgba(0, 255, 0, .4);--button-hover-bg: rgba(0, 80, 0, .65);--button-hover-border: rgba(0, 255, 0, .6);--yellow-border: rgba(255, 214, 0, .55);--yellow-bg: rgba(110, 90, 0, .5);--yellow-hover-bg: rgba(160, 110, 0, .5)}*{box-sizing:border-box}body{margin:0;background:#050505;font-family:Inter,Helvetica Neue,system-ui,sans-serif}.retro-terminal{position:relative;min-height:100vh;background:var(--terminal-bg);color:var(--terminal-text);overflow:hidden;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;background-image:linear-gradient(90deg,transparent 97%,rgba(0,255,0,.04) 99%),linear-gradient(transparent 97%,#00ff000a 99%),radial-gradient(circle at top left,rgba(0,255,0,.1),transparent 70%),radial-gradient(circle at bottom right,rgba(0,255,0,.1),transparent 70%),#000;background-size:3px 3px}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--terminal-border);background:linear-gradient(180deg,#0d0d0d,#050505)}.terminal-title{display:flex;align-items:center;gap:8px;color:var(--terminal-text);letter-spacing:.08em}.title-text{font-size:14px;color:#00ffaad9}.terminal-symbol,.prompt-symbol{color:var(--terminal-accent-strong);text-shadow:0 0 6px rgba(0,255,0,.7)}.blinking-cursor{color:var(--terminal-accent-strong);animation:blink 1.1s steps(2) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal-controls{display:flex;gap:10px}.control-dot{width:12px;height:12px;border-radius:999px;background:radial-gradient(circle,#0f0c 35%,#007800cc 90%);box-shadow:0 0 8px #00ff0080}.chat-container{flex:1;display:flex;flex-direction:column;height:calc(100vh - 64px)}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:#00ff0059;border-radius:999px}.chat-messages::-webkit-scrollbar-track{background:transparent}.welcome-message{text-align:center;padding:48px 12px;color:var(--terminal-text)}.ascii-art{display:inline-block;text-shadow:0 0 12px rgba(0,255,0,.6);line-height:1.2}.message{display:flex;flex-direction:column;gap:6px}.message-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#00ffaaa6}.user-message .message-header{color:#ffe66da6}.message-prefix{font-weight:600;letter-spacing:.06em;color:#00ffaabf}.user-message .message-prefix{color:#ffe66dd9}.message-time{font-family:IBM Plex Mono,Courier New,monospace;font-size:12px;color:#0fa6}.message-content{display:flex;gap:8px;align-items:flex-start;white-space:pre-wrap}.user-message .message-content span:last-child{color:var(--user-text)}.ai-message .message-content span:last-child{color:var(--assistant-text)}.error-message .message-content span:last-child{color:var(--error-text)}.typing-indicator{display:inline-flex;align-items:center;gap:8px;color:#0fac;font-size:13px;margin-left:22px}.typing-icon{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.input-section{padding:20px 24px;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--panel-border);background:radial-gradient(circle at top,rgba(0,255,0,.08),transparent 60%),linear-gradient(180deg,#000000d9,#000000f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-container{display:flex;gap:12px;align-items:flex-end;padding:14px 16px;background:#0009;border:1px solid var(--panel-border);border-radius:12px;box-shadow:inset 0 0 20px #00ff0014}.input-prompt{flex-shrink:0;display:flex;align-items:center;height:100%}.chat-input{flex:1;min-height:32px;max-height:160px;resize:none;background:transparent;border:none;outline:none;color:var(--assistant-text);font-family:Courier New,Courier,monospace;font-size:15px;line-height:1.4}.chat-input::placeholder{color:#00ffaa59}.chat-input:disabled{opacity:.6}.button-group{display:flex;gap:12px}.action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--assistant-text);font-family:Courier New,Courier,monospace;font-size:15px;letter-spacing:.04em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;box-shadow:0 0 12px #00ff002e}.action-button:hover:not(:disabled){transform:translateY(-1px);background:var(--button-hover-bg);border-color:var(--button-hover-border);box-shadow:0 0 16px #00ff0059}.action-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.send-button{flex:1;justify-content:center}.new-chat-button{background:var(--yellow-bg);border-color:var(--yellow-border);color:var(--user-text);box-shadow:0 0 12px #ffd60040}.new-chat-button:hover:not(:disabled){background:var(--yellow-hover-bg);box-shadow:0 0 18px #ffd60073}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,255,0,.04),rgba(0,255,0,.04) 2px,transparent 2px,transparent 4px);animation:scan .12s linear infinite}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(4px)}}@media (max-width: 768px){.terminal-header{padding:12px 16px}.chat-messages,.input-section{padding:18px}.button-group{flex-direction:column}.action-button,.send-button{width:100%;justify-content:center}}