body,html{height:100%;margin:0;justify-content:center;align-items:center}body{background-color:#6c6b6b91;font-family:Arial,sans-serif}.protected-page{max-width:1360px}.chat-container{display:flex;flex-direction:column;width:100%;max-width:420px;height:100vh;overflow:hidden;background-color:#f5f5f5;position:relative}.chat-title{background-color:#a080a8;color:#fff;padding:15px;font-size:20px;display:flex;align-items:center;justify-content:space-between}.title-text{flex-grow:1;text-align:center;margin:0 10px}.online-status{display:flex;align-items:center;font-size:.8em;margin-right:10px}.online-status i{margin-right:5px}.debug-button,.help-button{width:30px;height:30px;background-color:#907793;color:#fff;border:1px solid #e1dede;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.help-button{padding:0}.show-all{transition:background-color .3s}.show-all,.show-all.first-use{background-color:#735a78;color:#fff;padding:10px;text-align:center;cursor:pointer}.show-all:hover{background-color:#8a6d94}.chat-content{flex:1;padding:15px;overflow-y:auto;background-color:#fff}.input-container{display:flex;padding:10px;background-color:#f5f5f5;border-top:1px solid #ddd}textarea{resize:none;height:40px}.password,textarea{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.send-button{width:50px;height:40px;margin-left:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.send-button:hover{background-color:#45a049}.timestamp{font-size:12px;color:#666;margin:10px 0 5px}.message,.replyTo{margin-bottom:10px;white-space:pre-wrap}.replyTo{background-color:#f0f0f0;border-left:2px solid #a080a8;padding:10px}.response-buttons{display:flex;flex-wrap:wrap;margin:10px 0;gap:10px}.response-button{background-color:#a080a8;color:#fff;border:none;padding:8px 15px;border-radius:20px;cursor:pointer;transition:background-color .3s}.response-button:hover{background-color:#8a6d94}.desktop-sidebar{width:400px;background-color:#f5f5f5;padding:15px;border-left:1px solid #ddd;position:absolute;right:0;top:0;bottom:0;overflow-y:auto;box-shadow:-2px 0 5px rgba(0,0,0,.1)}.reply-to-indent{padding-left:20px}.message-indent,.reply-to-indent{margin-bottom:10px;white-space:pre-wrap}.message-indent{background-color:#f0f0f0;border-left:2px solid #a080a8;padding:10px 10px 10px 20px}.update-app{background-color:#a080a8;color:#fff;border:none;padding:10px;margin:10px;cursor:pointer;border-radius:4px;font-size:14px;transition:background-color .3s}.update-app:hover{background-color:#8a6d94}.load-more-btn{margin:10px auto;display:block;padding:8px 16px;background-color:#a080a8;color:#fff;border:none;border-radius:4px;cursor:pointer}.load-more-btn:hover{background-color:#8a6d94}.load-more-btn:disabled{background-color:#ccc;cursor:not-allowed}.debug-log{top:132px;left:0;width:96%;height:65%;max-width:420px;overflow-y:auto;background-color:#333333c7;color:#fff;padding:10px;box-shadow:0 -2px 5px rgba(0,0,0,.2);position:fixed}.debug-header{display:flex;justify-content:space-between;margin-bottom:10px}.close-button,.copy-button{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.close-button:hover,.copy-button:hover{background-color:#45a049}.log-message{font-size:12px;line-height:1.5;white-space:pre-wrap}