body { background: #000a0a; color: #00ffcc; font-family: 'Share Tech Mono', monospace; margin: 0; height: 100vh; overflow: hidden; display: flex; justify-content: center; }
.interface { width: 95%; max-width: 800px; height: 100vh; display: flex; flex-direction: column; padding: 20px; }
.ai-core-container { position: relative; width: 80px; height: 80px; margin: 10px auto; display: flex; justify-content: center; align-items: center; }
.ring { position: absolute; border: 2px solid #00ffcc; border-radius: 50%; animation: pulse 2.5s infinite ease-out; width: 20px; height: 20px; }
.child-2 { width: 45px; height: 45px; animation-delay: 0.6s; }
.child-3 { width: 70px; height: 70px; animation-delay: 1.2s; }
.core-dot { width: 8px; height: 8px; background: #00ffcc; border-radius: 50%; box-shadow: 0 0 15px #00ffcc; }
@keyframes pulse { 0% { transform: scale(0.8); opacity: 0.8; } 100% { transform: scale(1.8); opacity: 0; } }
.status-bar { display: flex; justify-content: space-between; font-size: 0.7rem; border-bottom: 1px solid #00ffcc33; padding-bottom: 5px; margin-bottom: 10px; }
#terminal { flex-grow: 1; overflow-y: auto; padding-right: 10px; scroll-behavior: smooth; }
.ai-msg { color: #00ffcc; margin: 10px 0; line-height: 1.4; padding-left: 10px; border-left: 2px solid #00ffcc; white-space: pre-wrap; }
.user-msg { color: #ffcc00; margin: 15px 0 5px; font-weight: bold; }
.input-area { display: flex; background: rgba(0, 255, 204, 0.05); padding: 12px; border-radius: 5px; margin-top: 10px; border: 1px solid #00ffcc22; }
input { background: transparent; border: none; color: #00ffcc; font-family: 'Share Tech Mono'; font-size: 1rem; width: 100%; outline: none; }
.scanline { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 50%, rgba(0, 255, 204, 0.01) 50%); background-size: 100% 4px; pointer-events: none; }