*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan: #00ffcc;--cyan-glow: rgba(0, 255, 204, .25);--cyan-dim: rgba(0, 255, 204, .1);--purple: #8a2be2;--bg-void: #050505;--bg-panel: #0a0a0a;--bg-surface: #111827;--bg-input: #000000;--text-primary: #e0e0e0;--text-muted: #6b7280;--border-subtle: #1f2937;--border-mid: #374151}html{height:-webkit-fill-available}body{margin:0;overflow:hidden;background-color:var(--bg-void);color:var(--text-primary);font-family:Courier New,Courier,monospace;min-height:-webkit-fill-available}#app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:-webkit-fill-available}#canvas-container{flex:1;position:relative;overflow:hidden;min-height:0}#chat-interface{height:42vh;min-height:280px;display:flex;flex-direction:column;background-color:var(--bg-panel);border-top:2px solid var(--cyan);box-shadow:0 -4px 20px var(--cyan-dim)}.hud-overlay{position:absolute;top:1rem;left:1rem;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none}.hud-title{font-size:1.4rem;font-weight:700;color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow),0 0 20px var(--cyan-dim);letter-spacing:.1em}.hud-status{font-size:.65rem;color:var(--text-muted);margin-top:.1rem;letter-spacing:.05em}.hud-sub{font-size:.6rem;color:#374151;margin-top:.15rem;letter-spacing:.05em}.chat-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-history{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.65rem;scrollbar-width:thin;scrollbar-color:var(--cyan) #111}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-track{background:#111}.chat-history::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:4px}.message-row{display:flex;flex-direction:column;animation:fadeUp .28s ease-out}.message-row.user{align-items:flex-end}.message-row.rammux{align-items:flex-start}.message-sender{font-size:.6rem;font-weight:700;margin-bottom:.2rem;padding:0 .3rem;letter-spacing:.08em}.message-row.user .message-sender{color:var(--text-muted)}.message-row.rammux .message-sender{color:var(--cyan)}.message-bubble{padding:.65rem .9rem;border-radius:.5rem;max-width:85%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;line-height:1.5;word-break:break-word}.message-row.user .message-bubble{background-color:#1a3a5c;border:1px solid #2d5986;color:#f0f9ff;border-radius:.5rem 0 .5rem .5rem}.message-row.rammux .message-bubble{background-color:#161f2e;border:1px solid var(--border-mid);color:#e5e7eb;border-radius:0 .5rem .5rem;box-shadow:0 0 10px var(--cyan-dim)}.message-bubble.processing{color:var(--cyan);border-color:var(--cyan);animation:pulse 1.2s ease-in-out infinite}.chat-input-area{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);flex-shrink:0}.chat-input{flex:1;background-color:var(--bg-input);border:1px solid var(--border-mid);color:#fff;border-radius:.5rem;padding:.7rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;outline:none;transition:border-color .2s;min-width:0}.chat-input:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan-dim)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.45;cursor:not-allowed}.send-btn{flex-shrink:0;background-color:#0e7490;color:#fff;border:1px solid var(--cyan);box-shadow:0 0 8px var(--cyan-dim);border-radius:.5rem;padding:.7rem 1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,box-shadow .15s}.send-btn:hover:not(:disabled){background-color:#0891b2;box-shadow:0 0 14px var(--cyan-glow)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.voice-btn{flex-shrink:0;width:42px;height:42px;border-radius:50%;background-color:#1f2937;border:2px solid var(--cyan);color:var(--cyan);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--cyan-dim);transition:background-color .2s,box-shadow .2s}.voice-btn:hover:not(:disabled){background-color:#374151;box-shadow:0 0 16px var(--cyan-glow)}.voice-btn.recording{background-color:#991b1b;border-color:#ef4444;color:#fff;animation:pulse .8s ease-in-out infinite}.voice-btn:disabled{opacity:.35;cursor:not-allowed}.chat-footer{text-align:center;font-size:.55rem;color:#374151;padding-bottom:.3rem;letter-spacing:.05em}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media (max-width: 600px){#chat-interface{height:55vh;min-height:220px}.hud-title{font-size:1rem}.hud-status{font-size:.6rem}.hud-sub{display:none}.chat-input{font-size:16px}.chat-input-area{padding:.5rem .6rem;gap:.35rem}.message-bubble{max-width:92%;font-size:.82rem}.chat-footer{display:none}}@media (max-width: 380px){#chat-interface{height:60vh;min-height:200px}.hud-title{font-size:.85rem}.voice-btn{width:36px;height:36px}}@media (min-width: 768px),(orientation: landscape) and (max-height: 520px){#app-container{flex-direction:row}#canvas-container{flex:1;height:100vh;height:100dvh}#chat-interface{width:clamp(280px,40vw,460px);height:100vh;height:100dvh;min-height:0;border-top:none;border-left:2px solid var(--cyan);box-shadow:-4px 0 20px var(--cyan-dim);flex-shrink:0}}@media (orientation: landscape) and (max-height: 520px){#chat-interface{width:clamp(240px,46vw,340px)}.hud-title{font-size:1rem}.hud-sub{display:none}.chat-input{font-size:16px}}@media (min-width: 1280px){#chat-interface{width:460px}}