body{margin:0;overflow:hidden;background:#1a1a1a;font-family:Segoe UI,sans-serif;color:#fff}#canvas-container{width:100vw;height:100vh}#ui-overlay{position:absolute;top:20px;left:20px;pointer-events:none}h1{margin:0;font-size:2rem;background:linear-gradient(to right,#00d2ff,#3a7bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,210,255,.3)}#chat-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#0009;padding:10px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:90%;max-width:400px}input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;outline:none;padding:0 10px}button{background:#00d2ff;border:none;border-radius:20px;padding:8px 20px;color:#000;font-weight:700;cursor:pointer;transition:transform .2s}button:hover{transform:scale(1.05)}button:disabled{background:#555;cursor:not-allowed}#ai-response{position:absolute;bottom:100px;left:50%;transform:translate(-50%);text-align:center;font-size:1.2rem;color:#ffffffe6;background:#00000080;padding:10px 20px;border-radius:10px;opacity:0;transition:opacity .5s;pointer-events:none}#ai-response.visible{opacity:1}