#pradsma-chat-container{width:100%;max-width:1200px;margin:20px auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.hidden{display:none !important}.pradsma-card{padding:30px;text-align:center;background-color:#f9f9f9}.pradsma-card h2{margin-top:0;margin-bottom:10px;color:#333}.pradsma-card p{color:#666;margin-bottom:20px}.pradsma-card input[type=text]{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;margin-bottom:15px;box-sizing:border-box}.pradsma-card button{width:100%;padding:12px;background-color:#0073aa;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .2s}.pradsma-card button:hover{background-color:#005a87}.room-join-form{margin-top:20px;padding-top:20px;border-top:1px solid #eee}#change-nickname-btn{background:#eee;padding:12px;border-radius:6px;color:#000;border:solid 1px #ccc;margin-top:10px}#create-room-submit-btn,#update-room-settings-btn{width:100%;margin-top:20px;padding:8px;border-radius:8px;color:#fff;background:#0073aa;border:none;font-size:16px}#creator-controls .secondary-btn{background-color:#fff;padding:6px;border-radius:5px;border:1px solid #ccc;color:#333}button#open-edit-room-modal-btn{width:100%}button#clear-log-btn{margin-top:10px;width:100%}#chat-screen{display:flex;flex-direction:column;height:88vh;position:relative;overflow:hidden}.chat-header{background-color:#f1f1f1;padding:10px 15px;border-bottom:1px solid #ddd;display:flex;flex-direction:column;align-items:stretch;gap:8px}.chat-header-main{width:100%}.chat-header h3{margin:0;font-size:16px;font-weight:600;line-height:1.4;word-break:break-all}.header-controls{display:flex;align-items:center;gap:15px;flex-shrink:0;justify-content:flex-end;width:100%;flex-wrap:wrap}.room-info{display:flex;align-items:center;flex-grow:1;min-width:200px}#copy-room-url-btn{background:#ccc;border:none;color:#333;padding:6px 10px;font-size:12px;border-radius:4px 0 0 4px;cursor:pointer;border-right:1px solid #bbb;flex-shrink:0}#room-url-display{font-size:12px;color:#555;padding:6px 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background-color:#e9e9e9;border-radius:0 4px 4px 0;flex-grow:1;max-width:fit-content !important}.color-picker-wrapper{display:flex;align-items:center;gap:5px}.color-picker-wrapper label{font-size:12px;color:#555}#color-picker{border:1px solid #ccc;border-radius:4px;width:30px;height:30px;padding:2px;cursor:pointer;background:0 0}#leave-room-btn{background:#d9534f;color:#fff;border:none;padding:6px 10px;font-size:12px;border-radius:4px;cursor:pointer}.chat-body{display:flex;flex-grow:1;overflow:hidden}#chat-main{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}#chat-messages{flex-grow:1;overflow-y:auto;padding:20px 15px;background-color:#fff}#participants-sidebar{width:220px;min-width:180px;background-color:#f9f9f9;border-left:1px solid #ddd;padding:15px;overflow-y:auto;transition:transform .3s ease-in-out}#participants-sidebar h4{margin-top:0;margin-bottom:10px;font-size:14px}#participants-list{list-style:none;padding:0;margin:0}#participants-list li{display:flex;align-items:center;margin-bottom:8px;font-size:13px}.participant-color-dot{width:10px;height:10px;border-radius:50%;margin-right:8px}.kick-user-btn{margin-left:auto;background:#eee;border:1px solid #ccc;color:#c00;font-size:10px;padding:2px 5px;cursor:pointer;border-radius:3px}#creator-controls{margin-top:20px;padding-top:15px;border-top:1px solid #eee}.danger-btn{background-color:#d9534f;color:#fff;border:none;padding:8px;width:100%;cursor:pointer;border-radius:4px;margin-top:10px}.creator-label{font-size:10px;color:#888;margin-left:6px;font-weight:400}.message-bubble{max-width:95%;margin-bottom:15px;display:flex;flex-direction:column}.message-content{padding:18px;border-radius:18px;line-height:1.5;word-wrap:break-word}.message-content a{color:inherit;text-decoration:underline}.message-sender-name{font-size:11px;color:#555;margin:0 10px 4px}.message-bubble.theirs{align-items:flex-start}.message-bubble.theirs .message-content{border-bottom-left-radius:4px}.message-bubble.mine{align-items:flex-end;margin-left:auto}.message-bubble.mine .message-content{border-bottom-right-radius:4px}.message-bubble.mine .message-sender-name{text-align:right}.message-bubble.system-message{align-items:center;max-width:100%}.message-bubble.system-message .message-content{background:0 0 !important;color:#6c757d !important;font-style:italic;box-shadow:none;font-size:12px}.message-bubble.system-message .message-sender-name{display:none}.message-meta{font-size:11px;color:#888;margin-top:4px;padding:0 5px}.message-bubble.mine .message-meta{text-align:right}.read-status{margin-left:5px}#typing-indicator{padding:5px 15px;font-size:12px;color:#888;font-style:italic;background:#fff;display:none}.date-separator{text-align:center;margin:15px 0;font-size:12px;color:#888;position:relative}.date-separator span{background-color:#fff;padding:0 10px;position:relative;z-index:1}.date-separator:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background-color:#eee;z-index:0}.chat-form{display:flex;padding:10px;border-top:1px solid #ddd;background-color:#f9f9f9;align-items:flex-end}#message-input{flex-grow:1;border:1px solid #ccc;border-radius:18px;padding:10px 15px;resize:none;font-size:14px;line-height:1.4;max-height:100px;overflow-y:auto}#send-message-btn{margin-left:10px;padding:0 20px;background-color:#0073aa;color:#fff;border:none;border-radius:18px;cursor:pointer;font-size:14px;transition:background-color .2s;align-self:stretch}#send-message-btn:hover{background-color:#005a87}#send-message-btn:disabled{background-color:#999;cursor:not-allowed}.file-upload-btn{cursor:pointer;padding:8px;margin-right:5px;display:flex;align-items:center;justify-content:center}.file-upload-btn svg{color:#555}.chat-image{max-width:100%;max-height:200px;border-radius:10px;margin-top:5px;display:block}.chat-video{max-width:100%;max-height:250px;border-radius:10px;margin-top:5px;display:block}.chat-file-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;background:#f0f0f0;padding:10px;border-radius:8px}.chat-file-link:hover{background:#e0e0e0}.chat-file-link svg{flex-shrink:0}.message-content .chat-file-link{padding:10px}#back-to-home-wrapper{background-color:#f9f9f9;padding:10px;border-top:1px solid #ddd;text-align:center}#back-to-home-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;font-size:13px;border-radius:4px;cursor:pointer}.pradsma-modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.modal-content{background-color:#fefefe;margin:auto;padding:25px;border:1px solid #888;width:90%;max-width:450px;border-radius:8px;text-align:left;box-shadow:0 5px 15px rgba(0,0,0,.3)}.close-modal-btn{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.modal-content h2{margin-top:0}.modal-content label{display:block;margin:15px 0 5px;font-weight:500}.modal-content input[type=text],.modal-content select,.modal-content textarea{width:100%;margin-bottom:5px;padding:8px;border:1px solid #ccc;border-radius:4px}.checkbox-wrapper{display:flex;align-items:center;margin-top:15px}.checkbox-wrapper input{margin-right:10px}.checkbox-wrapper label{margin:0}#css-theme-selector{margin-bottom:15px;padding-top:5px}.theme-category{margin-bottom:10px}.theme-category h4{margin:0 0 8px;font-size:13px;color:#555;font-weight:600}.css-theme-btn{display:inline-block;padding:6px 10px;font-size:12px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:15px;cursor:pointer;margin-right:6px;margin-bottom:6px;transition:all .2s ease}.css-theme-btn:hover{background-color:#e0e0e0;border-color:#999}#room-lists-container{display:grid;grid-template-columns:1fr;gap:20px;padding:20px;background:#fff;text-align:left}@media (min-width:600px){#room-lists-container{grid-template-columns:1fr 1fr}}#room-lists-container h3{margin-top:0;border-bottom:2px solid #0073aa;padding-bottom:5px}#room-lists-container ul{list-style:none;padding:0;margin:0}#room-lists-container li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}#room-lists-container li span{flex-grow:1;padding-right:10px;font-size:14px}#room-lists-container li span small{color:#777;font-size:12px}#room-lists-container button{padding:4px 8px;font-size:12px;background:#eee;border:1px solid #ccc;border-radius:4px;cursor:pointer;white-space:nowrap}.no-list,.loading-list{color:#888;padding:10px 0}#refresh-public-rooms-btn{width:auto;font-size:12px;padding:6px 10px;margin-top:10px;background-color:#f1f1f1;color:#333}#custom-dialog-modal .modal-content{text-align:center}#custom-dialog-message{margin-top:0;margin-bottom:20px;font-size:16px}#custom-dialog-buttons{display:flex;justify-content:center;gap:10px}#custom-dialog-buttons button{min-width:80px;padding:10px;font-size:14px;border-radius:5px;border:1px solid transparent;cursor:pointer}#custom-dialog-buttons .primary-btn{background-color:#0073aa;color:#fff}#custom-dialog-buttons .secondary-btn{background-color:#f1f1f1;color:#333;border-color:#ccc}#toggle-participants-btn{display:none}@media (max-width:768px){.entry-content.alignfull,.wp-block-group.alignfull,.wp-block-group.is-layout-constrained>.wp-block-group,main.wp-block-group.is-layout-constrained,.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained{padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-left:0 !important;margin-right:0 !important}#pradsma-chat-container{margin:0;border:none;border-radius:0;height:100vh;max-height:none}#chat-screen{height:100%;max-height:none}.chat-body{position:relative}#participants-sidebar{position:absolute;right:0;top:0;bottom:0;z-index:10;transform:translateX(100%);box-shadow:-2px 0 10px rgba(0,0,0,.1);border-left:1px solid #ccc}#chat-screen.sidebar-visible #participants-sidebar{transform:translateX(0)}#toggle-participants-btn{display:inline-block;background:#fff;border:1px solid #ccc;color:#333;padding:6px 10px;font-size:12px;border-radius:4px}}