#online-status-group{background-color:#d1d9e6;border-radius:12px;padding:5px 10px}#room-info{font-weight:700;color:#2c3e50}#copy-room-btn{background-color:#3498db;color:#fff}#copy-room-btn:active{background-color:#2980b9}#room-id-input:focus{outline:0;border-color:#4a6fa5;box-shadow:0 0 5px rgba(74,111,165,.5)}#toast-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:2000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background-color:rgba(44,62,80,.9);color:#fff;padding:12px 24px;border-radius:50px;font-size:14px;box-shadow:0 4px 6px rgba(0,0,0,.1);opacity:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.68, -.55, .27, 1.55);display:flex;align-items:center;justify-content:center;min-width:200px;text-align:center}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background-color:rgba(39,174,96,.9)}.toast.error{background-color:rgba(231,76,60,.9)}.toast.info{background-color:rgba(52,152,219,.9)}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:2000}.confirm-content{background:#e0e5ec;padding:25px 40px;border-radius:20px;box-shadow:10px 10px 20px #b8c0c8,-10px -10px 20px #fff;text-align:center;max-width:90%;width:350px;animation:popIn .3s cubic-bezier(.68,-.55,.27,1.55)}@keyframes popIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}.confirm-text{font-size:18px;color:#2c3e50;margin-bottom:25px}.confirm-actions{display:flex;justify-content:center;gap:15px}.confirm-btn{padding:8px 20px;border:none;border-radius:12px;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:5px 5px 10px #b8c0c8,-5px -5px 10px #fff}.confirm-btn.yes{background-color:#e0e5ec;color:#27ae60}.confirm-btn.no{background-color:#e0e5ec;color:#e74c3c}.confirm-btn:active{box-shadow:inset 3px 3px 6px #b8c0c8,inset -3px -3px 6px #fff}