.container{max-width:1200px;margin:0 auto}.background{width:100%;height:1844px;background-image:url(/mieeeeeee/assets/background-sJTADQTb.png);background-size:cover;background-position:center;background-repeat:no-repeat;border:.5px solid #ccc;margin:auto}@media(max-width:768px){body{padding:10px}td{padding:8px;font-size:14px}.title{font-size:1.1rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Arial,sans-serif;background-color:#f5f6f7}.header{background-color:#99f;color:#fff;padding:15px;text-align:center;font-size:1.5em;display:flex;justify-content:space-between;align-items:center}.logout-btn{background-color:#fff;color:#99f;border:1px solid #9999FF;padding:8px 15px;border-radius:20px;cursor:pointer}.logout-btn:hover{background-color:#e6e6e6}.room-select-container{background-color:#fff;padding:15px;height:100%;overflow-y:auto}.room-item{padding:15px;color:#333;border-bottom:1px solid #e5e5e7;cursor:pointer;font-size:1.2em;font-weight:700}.room-item:hover{background-color:#f9f}.chat-room{display:flex;flex-direction:column;height:calc(100vh - 120px);background-image:url(/mieeeeeee/sanko.jpg);background-size:cover;background-position:center;position:relative;overflow:hidden}.messages-container{display:flex;flex-direction:column;overflow-y:auto;padding:10px;flex-grow:1;gap:10px;position:relative;z-index:1}.message-left,.message-right{padding:10px 14px;border-radius:18px;max-width:70%;word-wrap:break-word;display:flex;flex-direction:column;gap:4px}.message-left{background-color:#ccff99e0;align-self:flex-start;border-bottom-left-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.message-right{background-color:#ffffffe0;color:#1a3300;align-self:flex-end;border-bottom-right-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.message-sender{font-size:.75em;opacity:.7}.message-content{font-size:1em;line-height:1.4}.message-time{font-size:.7em;opacity:.6;align-self:flex-end}.message-form{display:flex;padding:10px;background-color:#ffffffeb;align-items:center;border-top:1px solid #ddd;position:sticky;bottom:0;z-index:10}.message-form input{flex:1;padding:12px;font-size:16px;border-radius:20px;border:1px solid #ddd;margin-right:10px;width:100%}.message-form input[type=file]{margin-right:10px}.message-form button{width:100%;padding:10px;background-color:#99f;color:#fff;border:none;border-radius:20px;cursor:pointer}.message-form button:hover{background-color:#99c}form{display:flex;flex-direction:column;gap:15px;padding:20px}form input{padding:12px;font-size:16px;border-radius:20px;border:1px solid #ddd}.common-button{padding:10px 0;background-color:#99f;color:#fff;border:none;border-radius:20px;cursor:pointer;width:100%}.common-button:hover{background-color:#99c}form button{width:100%}.header .logout-button{background-color:#fff;color:#99f;border:none;padding:8px 15px;border-radius:20px;cursor:pointer;width:auto}@media(max-width:600px){.message-left,.message-right{max-width:90%}.message-form input,.message-form button{padding:8px}}