:root{color-scheme:dark;--matrix-green:#00ff41;--matrix-dim:#0a3d0a;--matrix-glow:rgba(0,255,65,0.5);--bg:#000000;--panel-bg:rgba(0,10,0,0.85);--error:#ff2b2b}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--matrix-green);font-family:"Courier New",Consolas,monospace}#matrix-rain{position:fixed;inset:0;width:100%;height:100%;z-index:0}.rain-toggle{position:fixed;top:14px;right:14px;z-index:3;background:transparent;border:1px solid var(--matrix-dim);color:var(--matrix-green);font-family:inherit;font-size:0.75rem;letter-spacing:0.05em;padding:6px 10px;border-radius:3px;cursor:pointer;transition:background 0.15s ease}.rain-toggle:hover{background:rgba(0,255,65,0.12)}body::after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0px,rgba(0,0,0,0) 1px,rgba(0,0,0,0.15) 2px);z-index:2}main{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.terminal-panel{width:100%;max-width:480px;background:var(--panel-bg);border:1px solid var(--matrix-green);border-radius:6px;box-shadow:0 0 24px var(--matrix-glow),inset 0 0 24px rgba(0,255,65,0.05);overflow:hidden}.chat-panel{max-width:720px}.terminal-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--matrix-dim);background:rgba(0,255,65,0.05)}.dot{width:10px;height:10px;border-radius:50%;background:var(--matrix-dim);border:1px solid var(--matrix-green)}.terminal-title{margin-left:6px;font-size:0.85rem;letter-spacing:0.05em;text-shadow:0 0 6px var(--matrix-glow);flex:1}.logout-link{color:var(--matrix-green);text-decoration:none;font-size:0.8rem;border:1px solid var(--matrix-dim);padding:4px 10px;border-radius:3px;transition:background 0.15s ease}.logout-link:hover{background:rgba(0,255,65,0.12)}.terminal-body{padding:20px;text-shadow:0 0 4px var(--matrix-glow)}.prompt-line{margin:0 0 8px;font-size:0.9rem}.error{color:var(--error);text-shadow:0 0 6px rgba(255,43,43,0.6);font-size:0.9rem}.hidden{display:none}.login-form{display:flex;flex-direction:column;gap:6px;margin-top:16px}.login-form label{font-size:0.8rem;color:var(--matrix-green);opacity:0.8}.login-form input,.chat-form input{background:#000;border:1px solid var(--matrix-dim);color:var(--matrix-green);font-family:inherit;font-size:1rem;padding:8px 10px;border-radius:3px;outline:none;caret-color:var(--matrix-green)}.login-form input:focus,.chat-form input:focus{border-color:var(--matrix-green);box-shadow:0 0 8px var(--matrix-glow)}.login-form button,.chat-form button{margin-top:10px;background:transparent;border:1px solid var(--matrix-green);color:var(--matrix-green);font-family:inherit;font-size:1rem;padding:8px 14px;border-radius:3px;cursor:pointer;transition:background 0.15s ease,box-shadow 0.15s ease}.login-form button:hover,.chat-form button:hover{background:rgba(0,255,65,0.12);box-shadow:0 0 10px var(--matrix-glow)}.cursor{display:inline-block;margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.chat-body{display:flex;flex-direction:column;height:60vh;padding:16px}.chat-log{flex:1;overflow-y:auto;padding-right:6px;margin-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--matrix-dim) transparent}.log-line{margin:0 0 10px;font-size:0.95rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.log-line.user{color:#ffffff;opacity:0.85}.log-line.assistant{color:var(--matrix-green)}.log-line.error{color:var(--error)}.chat-form{display:flex;align-items:center;gap:8px}.prompt-symbol{font-size:1.1rem;text-shadow:0 0 6px var(--matrix-glow)}.chat-form input{flex:1}.chat-form button{margin-top:0}.chat-log::-webkit-scrollbar{width:8px}.chat-log::-webkit-scrollbar-track{background:transparent}.chat-log::-webkit-scrollbar-thumb{background:var(--matrix-dim);border-radius:4px}