#sk{--r:#e74c3c;--ra:#fdecea}
#sk,#sk *{box-sizing:border-box}
#sk [hidden]{display:none!important}
#sk .sk-app{display:flex;height:calc(100vh - 230px);min-height:520px;background:#fff;border-radius:14px;box-shadow:0 2px 14px rgba(0,0,0,.08);overflow:hidden}
#sk button{font:inherit;cursor:pointer;border:0}
#sk input{font:inherit}
#sk .sk-side{width:320px;flex:none;border-right:1px solid #e6e8eb;display:flex;flex-direction:column;min-height:0}
#sk .sk-top{padding:16px 16px 4px}
#sk .sk-top h2{margin:0;font-size:20px}
#sk .sk-search{padding:8px 16px}
#sk .sk-search input{width:100%;padding:10px 14px;border:1px solid #e0e3e7;border-radius:22px;background:#f5f6f8;outline:0;height:auto}
#sk .sk-search input:focus{border-color:var(--r);background:#fff}
#sk .sk-tabs{display:flex;gap:6px;padding:4px 16px 10px}
#sk .sk-tab{padding:6px 14px;border-radius:16px;background:#eef0f3;color:#444;font-size:13px}
#sk .sk-tab.sk-on{background:var(--ra);color:var(--r);font-weight:600}
#sk .sk-tab span{background:#e41e3f;color:#fff;border-radius:9px;padding:0 6px;font-size:11px;margin-left:3px}
#sk .sk-list{overflow:auto;flex:1}
#sk .sk-sec{padding:10px 16px 4px;font-size:12px;font-weight:600;color:#8a8d91;text-transform:uppercase;letter-spacing:.04em}
#sk .sk-row{display:flex;gap:12px;padding:10px 16px;cursor:pointer;align-items:center}
#sk .sk-row:hover{background:#f5f6f8}
#sk .sk-row.sk-active{background:var(--ra)}
#sk .sk-av{width:44px;height:44px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}
#sk .sk-av.sk-sm{width:36px;height:36px;font-size:14px}
#sk .sk-rb{flex:1;min-width:0}
#sk .sk-r1,#sk .sk-r2{display:flex;justify-content:space-between;gap:8px;align-items:center}
#sk .sk-r1 b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sk .sk-r1 small{color:#8a8d91;font-size:12px;flex:none}
#sk .sk-r2 span{color:#65676b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sk .sk-row.sk-unread .sk-r1 b,#sk .sk-row.sk-unread .sk-r2 span{color:#000;font-weight:700}
#sk .sk-badge{background:#e41e3f;color:#fff;border-radius:10px;padding:0 7px;font-size:12px;flex:none;font-style:normal}
#sk .sk-none{padding:30px 16px;text-align:center;color:#8a8d91;font-size:14px}
#sk .sk-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:#f7f8fa}
#sk .sk-head{display:flex;gap:10px;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e6e8eb}
#sk .sk-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a8d91;text-align:center;padding:20px}
#sk .sk-big{font-size:56px;line-height:1;margin-bottom:10px}
#sk .sk-msgs{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:4px}
#sk .sk-day{align-self:center;background:#e4e6eb;color:#555;font-size:12px;padding:2px 12px;border-radius:10px;margin:10px 0 6px}
#sk .sk-m{max-width:75%;padding:8px 12px;border-radius:16px;word-wrap:break-word;white-space:pre-wrap}
#sk .sk-m small{display:block;font-size:11px;opacity:.65;text-align:right}
#sk .sk-m.sk-me{align-self:flex-end;background:var(--r);color:#fff;border-bottom-right-radius:4px}
#sk .sk-m.sk-them{align-self:flex-start;background:#fff;border:1px solid #e6e8eb;border-bottom-left-radius:4px}
#sk .sk-composer{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e6e8eb;margin:0}
#sk .sk-composer input{flex:1;padding:10px 14px;border:1px solid #e0e3e7;border-radius:22px;outline:0;height:auto}
#sk .sk-composer input:focus{border-color:var(--r)}
#sk .sk-composer button{padding:0 22px;border-radius:22px;background:var(--r);color:#fff}
#sk .sk-back{display:none;background:none;font-size:20px;padding:0 6px}
@media(max-width:760px){
  #sk .sk-app{height:calc(100vh - 150px)}
  #sk .sk-side{width:100%}
  #sk .sk-main{display:none;width:100%}
  #sk .sk-app.sk-chat-open .sk-side{display:none}
  #sk .sk-app.sk-chat-open .sk-main{display:flex}
  #sk .sk-back{display:inline-block}
}

#sk .sk-tab{padding:6px 12px}
#sk .sk-tab span.sk-gc{background:#2ecc71}
#sk .sk-avw{position:relative;flex:none;display:inline-flex}
#sk .sk-dot{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;background:#2ecc71;border:2px solid #fff}
#sk .sk-av.sk-ch{background:var(--r)}
#sk .sk-ht{display:flex;flex-direction:column;line-height:1.25}
#sk .sk-ht small{font-size:12px;color:#8a8d91}
#sk .sk-ht small.sk-live{color:#2e9e5b}
#sk .sk-r2 span.sk-live{color:#2e9e5b}
#sk .sk-nm{display:block;font-size:12px;font-weight:600;color:var(--r);cursor:pointer;margin-bottom:2px}
#sk .sk-nm:hover{text-decoration:underline}