body,html,#root{background:radial-gradient(circle,#1a0b2e 0%,#05051a 100%);width:100vw;height:100vh;margin:0;padding:0;font-family:Helvetica Neue,sans-serif;overflow:hidden}.ui-container{color:#fff;z-index:10;pointer-events:none;position:absolute;top:20px;left:20px}.glass-panel{-webkit-backdrop-filter:blur(20px);color:#fff;z-index:100;pointer-events:auto;background:#ffffff0d;border:1px solid #fff3;border-radius:24px;width:320px;padding:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0006}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:15px;right:15px}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.glass-panel{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.close-btn:hover{transition:transform .2s;transform:scale(1.2)}.add-message-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;margin-top:15px;padding:10px 20px;font-size:14px;transition:all .3s}.add-message-btn:hover{background:#fff3;box-shadow:0 0 15px #ffffff80}.form-panel{width:350px}.glass-input{box-sizing:border-box;color:#fff;background:#0003;border:1px solid #fff3;border-radius:10px;outline:none;width:100%;margin-bottom:15px;padding:12px;font-family:inherit;transition:border .3s}.glass-input:focus{background:#0006;border-color:#0ff}.glass-input::placeholder{color:#ffffff80}.submit-btn{color:#05051a;cursor:pointer;background:linear-gradient(45deg,#48f,#0ff);border:none;border-radius:10px;width:100%;padding:12px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0ff6}