#kkChat{--kk-bg:rgba(17,23,36,.96);--kk-line:rgba(255,255,255,.1);--kk-muted:#97a3b6;--kk-acc:#4f8cff;font-family:IBM Plex Sans Thai,system-ui,sans-serif;color:#eef2f7}.kk-chatbtn{position:fixed;right:16px;bottom:16px;z-index:12;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;border:1px solid var(--kk-line);background:var(--kk-acc);color:#fff;font-family:inherit;font-weight:600;font-size:14px;line-height:1.2;cursor:pointer;box-shadow:0 10px 30px #00000059}.kk-chatbtn.on{background:#2a3550}.kk-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#f2555a;color:#fff;font-size:11px;line-height:18px;text-align:center}.kk-badge[hidden]{display:none}.kk-panel{position:fixed;right:16px;bottom:72px;z-index:30;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 150px));display:flex;flex-direction:column;border-radius:18px;background:var(--kk-bg);border:1px solid var(--kk-line);box-shadow:0 24px 60px #00000080;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.kk-panel[hidden]{display:none}.kk-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 0 12px}.kk-tabs{display:flex;gap:4px}.kk-tabs button,.kk-x,.kk-back{background:none;border:0;color:var(--kk-muted);font-family:inherit;font-weight:600;font-size:14px;line-height:1.2;padding:8px 10px;border-radius:10px;cursor:pointer;display:flex;gap:6px;align-items:center}.kk-tabs button.on{color:#fff;background:#ffffff14}.kk-sub{display:flex;align-items:center;gap:6px;padding:6px 14px 8px;font-size:12px;color:var(--kk-muted);border-bottom:1px solid var(--kk-line);min-height:34px}.kk-back{padding:2px 8px;font-size:20px}.kk-sub .kk-name{font-size:14px}.kk-body{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.kk-msgs,.kk-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.kk-msg{max-width:85%;align-self:flex-start}.kk-msg.mine{align-self:flex-end;text-align:right}.kk-meta{display:flex;gap:8px;align-items:baseline;font-size:11.5px;color:var(--kk-muted)}.kk-msg.mine .kk-meta{justify-content:flex-end}.kk-name{background:none;border:0;padding:0;color:#9ff3e4;font-family:inherit;font-weight:600;font-size:12.5px;line-height:1.2;cursor:pointer}.kk-name:hover{text-decoration:underline}.kk-text{display:inline-block;margin-top:3px;padding:8px 12px;border-radius:14px;background:#ffffff14;font-size:14px;line-height:1.4;text-align:left;word-break:break-word;white-space:pre-wrap}.kk-msg.mine .kk-text{background:var(--kk-acc)}.kk-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--kk-line)}.kk-form[hidden]{display:none}.kk-form input{flex:1;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid var(--kk-line);background:#ffffff0f;color:#fff;font-family:inherit;font-size:14px}.kk-form input.warn::placeholder{color:#ff8b8f}.kk-send,.kk-btn{padding:9px 14px;border-radius:12px;border:1px solid var(--kk-line);background:#ffffff14;color:#fff;font-family:inherit;font-weight:600;font-size:13px;line-height:1.2;cursor:pointer}.kk-send,.kk-btn.pri{background:var(--kk-acc);border-color:transparent}.kk-btn.danger{color:#ff8b8f}.kk-btn:disabled{opacity:.5}.kk-note{color:var(--kk-muted);font-size:13px;text-align:center;margin:24px 12px}.kk-signin{display:flex;flex-direction:column;gap:10px;padding:24px 18px;text-align:center}.kk-signin p{margin:0 0 6px;color:var(--kk-muted)}.kk-err{color:#ff8b8f;font-size:12.5px;min-height:16px;margin:6px 0 0}.kk-pop{position:absolute;left:10px;right:10px;z-index:2;padding:14px;border-radius:14px;background:#1d2539;border:1px solid var(--kk-line);box-shadow:0 18px 40px #00000080}.kk-pop[hidden]{display:none}.kk-who{display:flex;gap:12px;align-items:center}.kk-who small{display:block;color:var(--kk-muted);font-size:12px;margin-top:2px}.kk-st{color:#ffc94a}.kk-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.kk-av{display:inline-grid;place-items:center;flex:none;border-radius:50%;object-fit:cover;background:linear-gradient(160deg,#2dd4bf,#4f8cff);color:#fff;font-weight:700}.kk-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#36c97a;margin-left:6px;vertical-align:middle;box-shadow:0 0 0 2px #36c97a40}.kk-conv{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:12px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font-family:inherit;font-size:inherit}.kk-conv:hover{background:#ffffff0f}.kk-conv.unread b,.kk-conv.unread small{color:#fff}.kk-cv{flex:1;min-width:0;display:flex;flex-direction:column}.kk-cv small{color:var(--kk-muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kk-conv time{font-size:11px;color:var(--kk-muted)}@media(max-width:560px){.kk-panel{right:8px;left:8px;width:auto;bottom:70px;height:min(70vh,calc(100vh - 140px))}.kk-chatbtn span{display:none}.kk-chatbtn{padding:12px}}.kk-ingame .kk-panel{top:76px;bottom:auto;height:min(540px,calc(100vh - 170px))}@media(max-width:760px){.kk-ingame .kk-panel{top:auto;bottom:8px;height:min(72vh,calc(100vh - 170px))}}