:root { --cyan: #00e5ff; --bg-color: #030a10; }
    body { background-color: var(--bg-color); color: var(--cyan); font-family: monospace; padding: 1rem; margin: 0; }
    .container { max-width: 800px; margin: 0 auto; }
    h1 { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.5rem; }
    .box { border: 1px solid var(--cyan); padding: 1rem; margin-top: 1rem; height: 400px; overflow-y: auto; background-color: #05101a; }
    .input-box { width: 100%; padding: 0.5rem; background: #000; border: 1px solid var(--cyan); color: #fff; margin-top: 1rem; box-sizing: border-box; }
    .user-msg { color: #fff; border-left: 2px solid var(--cyan); padding-left: 0.5rem; margin-bottom: 0.5rem; word-wrap: break-word; }
    .ai-msg { color: var(--cyan); border-left: 2px solid #ffb300; padding-left: 0.5rem; margin-bottom: 0.5rem; opacity: 0.9; word-wrap: break-word; }
    .err-msg { color: #f87171; font-weight: bold; border-left: 2px solid #f87171; padding-left: 0.5rem; margin-bottom: 0.5rem; }
    .prefix { opacity: 0.5; font-size: 10px; }
    .btn { background-color: #000; color: #00e5ff; border: 1px solid #00e5ff; padding: 0.5rem; cursor: pointer; margin-top: 10px; }