#wai-wrap{
    max-width:610px;margin:20px auto;font:16px/1.4 sans-serif;
    border:1px solid #ddd;border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.05);
}
#wai-chat-window{
    height:320px;overflow-y:auto;padding:12px;background:#fafafa;
}
.line{margin:6px 0;padding:8px 10px;border-radius:5px;max-width:85%;}
.line.me{background:#d1eaff;margin-left:auto;text-align:right;}
.line.bot{background:#eee;}
#wai-input-bar{display:flex;border-top:1px solid #ddd;}
#wai-msg{flex:1;padding:10px;border:none;}
#wai-send{padding:0 16px;border:none;background:#0073aa;color:#fff;cursor:pointer;}
#wai-footer{padding:6px 10px;border-top:1px solid #ddd;font-size:14px;}
#wai-footer .mini{margin-left:10px;font-size:12px;}
.wai-disclaimer{display:block;padding:6px 10px;font-size:11px;color:#666;background:#f9f9f9;}

.wai-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999;
    display:flex;align-items:center;justify-content:center;}
.wai-modal iframe{width:80vw;height:45vw;max-width:960px;max-height:540px;}
.wai-modal .wai-close-modal {position:absolute;top:10px;right:20px;z-index:2;font-size:22px;}

@media (max-width: 610px) {
    #wai-wrap {
        max-width: 98.5vw;
    }
    #wai-input-bar {
        flex-direction: column;
        align-items: stretch;
    }
    #cf-turnstile {
        order: -1;
        margin-bottom: 8px;
        min-width: 100px;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }
    #wai-msg, #wai-send {
        width: 100%;
        box-sizing: border-box;
    }
}