.wsc-app{width:100%;height:100dvh;max-width:600px;margin:0 auto;background:#efeae2;display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#111}
.wsc-app *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.wsc-header{height:64px;min-height:64px;background:#075e54;color:#fff;display:flex;align-items:center;padding:7px 9px;gap:8px;cursor:pointer;z-index:5}
.wsc-back{font-size:28px;width:22px;text-align:center}.wsc-avatar{width:47px;height:47px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);flex:0 0 auto}
.wsc-profile{min-width:0;flex:1}.wsc-name{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wsc-online{font-size:12px;color:#d9fdd3;margin-top:4px}.wsc-online span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25d366;margin-right:4px}
.wsc-actions{display:flex;gap:3px}.wsc-call{width:40px;height:40px;border:0;background:transparent;color:#fff;border-radius:50%;font-size:21px;cursor:pointer}
.wsc-body{position:relative;flex:1;overflow-y:auto;padding:14px 9px 78px;background:#efeae2}.wsc-body:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(#555 1px,transparent 1px);background-size:18px 18px}
.wsc-date{position:relative;width:max-content;margin:3px auto 14px;background:#d9fdd3;color:#667;padding:5px 10px;border-radius:7px;font-size:11px}
.wsc-row{position:relative;display:flex;justify-content:flex-start;margin-bottom:8px;cursor:pointer}.wsc-message{max-width:86%;padding:8px 9px 5px;border-radius:8px 8px 8px 2px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.wsc-text{font-size:15px;line-height:1.4}.wsc-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:10px;color:#777}.wsc-ticks{font-size:14px;letter-spacing:-4px;color:#1fa8e0;margin-right:3px}
.wsc-typing{display:none;position:relative;width:max-content;gap:3px;padding:8px 12px;background:#fff;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1)}.wsc-typing.show{display:flex}
.wsc-typing i{width:6px;height:6px;background:#999;border-radius:50%;animation:wscTyping 1.2s infinite}.wsc-typing i:nth-child(2){animation-delay:.2s}.wsc-typing i:nth-child(3){animation-delay:.4s}
@keyframes wscTyping{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}
.wsc-footer{position:absolute;bottom:0;left:0;right:0;min-height:62px;padding:8px;background:#f0f2f5;display:flex;align-items:center;gap:7px;z-index:10}.wsc-emoji{width:40px;height:42px;border:0;background:transparent;font-size:23px;cursor:pointer}
.wsc-input{height:44px;flex:1;min-width:0;border:0;outline:0;border-radius:22px;padding:0 17px;font-size:15px;background:#fff;cursor:pointer}.wsc-send{width:45px;height:45px;border:0;border-radius:50%;background:#128c7e;color:#fff;font-size:19px;cursor:pointer}
@media(max-width:480px){.wsc-header{height:62px;min-height:62px}.wsc-avatar{width:45px;height:45px}.wsc-name{font-size:16px}.wsc-call{width:38px;height:38px}.wsc-message{max-width:89%}.wsc-text{font-size:14px}}
@media(min-width:601px){.wsc-app{height:calc(100vh - 30px);margin-top:15px;margin-bottom:15px;box-shadow:0 3px 15px rgba(0,0,0,.2);border-radius:4px}}