.cchat-fab{position:fixed;right:18px;bottom:18px;z-index:900;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line,oklch(30% .01 280/.6));background:var(--bg-2,oklch(16% .01 280));color:var(--ink,#eee);font-family:var(--font-mono,monospace);font-size:12.5px;cursor:pointer;box-shadow:0 8px 28px rgb(0 0 0/.4);transition:transform .15s ease,background .15s ease}.cchat-fab:hover{transform:translateY(-2px);background:var(--bg-3,oklch(20% .01 280))}.cchat-fab:active{transform:scale(.97)}.cchat-panel{position:fixed;right:18px;bottom:18px;z-index:950;width:360px;height:540px;max-height:calc(100vh - 90px);display:flex;flex-direction:column;background:var(--bg-2,oklch(16% .01 280));border:1px solid var(--line,oklch(30% .01 280/.6));border-radius:6px;box-shadow:0 24px 64px rgb(0 0 0/.55);overflow:hidden;transform-origin:bottom right;animation:cchatPop .22s cubic-bezier(.34,1.4,.64,1)}@keyframes cchatPop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:767px){.cchat-panel{right:0;left:0;bottom:0;top:0;width:auto;height:100dvh;max-height:none;border-radius:0;border:none;animation:cchatSlideUp .24s cubic-bezier(.32,.72,.35,1)}@keyframes cchatSlideUp{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cchat-head{padding-top:calc(14px + env(safe-area-inset-top))}.cchat-back,.cchat-close{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.cchat-close{font-size:18px}.cchat-input{font-size:16px;height:44px}.cchat-send{width:44px;height:44px}.cchat-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.cchat-fab{bottom:calc(18px + env(safe-area-inset-bottom))}}.cchat-view{display:flex;flex-direction:column;height:100%;animation:cchatViewIn .18s ease}@keyframes cchatViewIn{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.cchat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px 11px;flex-shrink:0;border-bottom:1px solid var(--line,oklch(30% .01 280/.5));background:oklch(100% 0 0/.02)}.cchat-head-title{font-family:var(--font-serif,serif);font-weight:700;font-size:17px;color:var(--ink,#eee);letter-spacing:-.01em}.cchat-head-sub{font-family:var(--font-mono,monospace);font-size:10.5px;color:var(--ink-mute,#999);display:flex;align-items:center;gap:5px;margin-top:1px}.cchat-online-dot{width:7px;height:7px;border-radius:50%;background:oklch(70% .19 150);box-shadow:0 0 0 3px oklch(70% .19 150/.18)}.cchat-head-poster{width:34px;height:46px;border-radius:6px;object-fit:cover;flex-shrink:0;box-shadow:0 3px 10px rgb(0 0 0/.4)}.cchat-nextep{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 14px 4px;padding:7px 12px;border-radius:6px;border:1px solid oklch(62% .21 15/.3);background:oklch(62% .21 15/.08);flex-shrink:0;font-family:var(--font-mono,monospace);animation:cchatFadeUp .25s ease}.cchat-nextep-live{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,oklch(62% .21 15));display:flex;align-items:center;gap:6px}.cchat-nextep-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent,oklch(62% .21 15));animation:cchatPulse 1.8s ease infinite}@keyframes cchatPulse{0%,to{opacity:1;box-shadow:0 0 0 0 oklch(62% .21 15/.5)}50%{opacity:.7;box-shadow:0 0 0 4px oklch(62% .21 15/0)}}.cchat-nextep-info{font-size:11px;color:var(--ink,#eee);white-space:nowrap}.cchat-nextep-info strong{color:var(--accent,oklch(62% .21 15))}.cchat-back,.cchat-close{background:none;border:none;cursor:pointer;color:var(--ink-mute,#999);padding:4px 8px;line-height:1;border-radius:8px;transition:color .12s ease,background .12s ease}.cchat-close{font-size:15px}.cchat-back{font-size:26px;padding:0 6px 3px;flex-shrink:0}.cchat-back:hover,.cchat-close:hover{color:var(--ink,#eee);background:oklch(100% 0 0/.06)}.cchat-rail-label{padding-bottom:2px}.cchat-rail{display:flex;gap:12px;padding:4px 16px 10px;overflow-x:auto;scrollbar-width:none;flex-shrink:0;border-bottom:1px solid var(--line,oklch(30% .01 280/.5))}.cchat-rail::-webkit-scrollbar{display:none}.cchat-rail-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;animation:cchatFadeUp .25s ease backwards}.cchat-rail-item:nth-child(2){animation-delay:.03s}.cchat-rail-item:nth-child(3){animation-delay:.06s}.cchat-rail-item:nth-child(4){animation-delay:.09s}.cchat-rail-item:nth-child(5){animation-delay:.12s}.cchat-rail-av{position:relative}.cchat-rail-av .cchat-av{border:1.5px solid oklch(100% 0 0/.12);border-radius:6px}.cchat-rail-dot{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%;background:oklch(70% .19 150);border:2px solid var(--bg-2,oklch(16% .01 280))}.cchat-rail-name{font-size:9.5px;color:var(--ink-mute,#999);max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cchat-roomlist{flex:1 1;overflow-y:auto;padding:6px 8px 12px}.cchat-room{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:none;border-radius:6px;background:transparent;cursor:pointer;text-align:left;transition:background .14s ease,transform .14s ease;animation:cchatFadeUp .25s ease backwards}.cchat-room:nth-child(2){animation-delay:.04s}.cchat-room:nth-child(3){animation-delay:.08s}.cchat-room:nth-child(4){animation-delay:.12s}.cchat-room:hover{background:oklch(100% 0 0/.05)}.cchat-room:active{transform:scale(.985)}.cchat-room-ico{background:linear-gradient(135deg,oklch(28% .04 300),oklch(22% .03 260));color:var(--ink,#eee);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.cchat-room-ico,.cchat-room-poster{width:44px;height:44px;border-radius:6px;flex-shrink:0}.cchat-room-poster{object-fit:cover}.cchat-room-main{min-width:0;flex:1 1}.cchat-room-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cchat-room-label{font-size:14px;font-weight:700;color:var(--ink,#eee);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cchat-room-time{font-family:var(--font-mono,monospace);font-size:10px;color:var(--ink-mute,#888);flex-shrink:0}.cchat-room-preview{font-size:12px;color:var(--ink-mute,#999);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.cchat-section-label{display:flex;align-items:center;gap:10px;padding:10px 12px 6px;font-family:var(--font-mono,monospace);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,oklch(62% .21 15));-webkit-user-select:none;user-select:none}.cchat-section-label:after,.cchat-section-label:before{content:"";flex:1 1;height:1px;background:oklch(100% 0 0/.08)}.cchat-room-x{background:none;border:none;cursor:pointer;color:var(--ink-mute,#777);font-size:11px;line-height:1;padding:6px;border-radius:8px;flex-shrink:0;opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease}.cchat-room:focus-within .cchat-room-x,.cchat-room:hover .cchat-room-x{opacity:1}.cchat-room-x:hover{color:var(--accent,oklch(62% .21 15));background:oklch(100% 0 0/.06)}@media (max-width:767px){.cchat-room-x{opacity:.55}}.cchat-body{flex:1 1;overflow-y:auto;padding:14px 14px 8px;display:flex;flex-direction:column;gap:10px}.cchat-msg{display:flex;align-items:flex-start;gap:9px;animation:cchatFadeUp .22s ease}@keyframes cchatFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cchat-av{border-radius:50%;object-fit:cover;flex-shrink:0;background:oklch(28% .04 300);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink,#eee)}.cchat-msg-main{min-width:0;flex:1 1}.cchat-msg-meta{display:flex;align-items:baseline;gap:7px;margin-bottom:2px}.cchat-msg-name{font-size:12.5px;font-weight:700;color:var(--ink,#eee)}.cchat-msg-time{font-family:var(--font-mono,monospace);font-size:9.5px;color:var(--ink-mute,#888)}.cchat-msg-body{font-size:13.5px;line-height:1.45;color:var(--ink,#ddd);word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.cchat-msg-del{background:none;border:none;cursor:pointer;color:var(--ink-mute,#777);font-size:10px;padding:0 3px;opacity:0;transition:opacity .12s ease,color .12s ease;flex-shrink:0}.cchat-msg:hover .cchat-msg-del{opacity:1}.cchat-msg-del:hover{color:var(--accent,oklch(62% .21 15))}@media (max-width:767px){.cchat-msg-del{opacity:.5}}.cchat-empty{margin:auto;text-align:center;font-size:12.5px;color:var(--ink-mute,#999);padding:0 28px;line-height:1.7}.cchat-foot{flex-shrink:0;padding:10px 12px 12px;border-top:1px solid oklch(100% 0 0/.06)}.cchat-form{display:flex;gap:8px;align-items:center}.cchat-input{flex:1 1;min-width:0;height:40px;padding:0 14px;border-radius:6px;border:1px solid oklch(100% 0 0/.08);background:oklch(100% 0 0/.05);color:var(--ink,#eee);font:inherit;font-size:13px;transition:border-color .15s ease,background .15s ease}.cchat-input::placeholder{color:var(--ink-mute,#888)}.cchat-input:focus{outline:none;border-color:var(--accent,oklch(62% .21 15));background:oklch(100% 0 0/.07)}.cchat-send{width:40px;height:40px;border-radius:6px;border:none;cursor:pointer;background:var(--accent,oklch(62% .21 15));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .15s ease}.cchat-send:hover:not(:disabled){transform:scale(1.08)}.cchat-send:active:not(:disabled){transform:scale(.94)}.cchat-send:disabled{opacity:.4;cursor:default}.cchat-login{display:block;text-align:center;font-size:12.5px;color:var(--ink-mute,#999);padding:6px 0}.cchat-error{font-family:var(--font-mono,monospace);font-size:10.5px;color:var(--accent,oklch(62% .21 15));margin:6px 4px 0}.cchat-body,.cchat-roomlist{scrollbar-width:thin;scrollbar-color:oklch(100% 0 0/.14) transparent}.cchat-body::-webkit-scrollbar,.cchat-roomlist::-webkit-scrollbar{width:8px}.cchat-body::-webkit-scrollbar-track,.cchat-roomlist::-webkit-scrollbar-track{background:transparent}.cchat-body::-webkit-scrollbar-thumb,.cchat-roomlist::-webkit-scrollbar-thumb{background:oklch(100% 0 0/.12);border-radius:6px;border:2px solid var(--bg-2,oklch(16% .01 280))}.cchat-body::-webkit-scrollbar-thumb:hover,.cchat-roomlist::-webkit-scrollbar-thumb:hover{background:oklch(100% 0 0/.22)}@media (prefers-reduced-motion:reduce){.cchat-panel,.cchat-rail-item,.cchat-room,.cchat-row,.cchat-view{animation:none}}.cchat-panel--embed{position:relative;right:auto;bottom:auto;z-index:1;width:100%;height:640px;max-height:78vh;border-radius:12px;box-shadow:none;animation:none}@media (max-width:767px){.cchat-panel--embed{top:auto;left:auto;right:auto;bottom:auto;width:100%;height:70dvh;max-height:none;border:1px solid var(--line,oklch(30% .01 280/.6));border-radius:12px;animation:none}.cchat-panel--embed .cchat-head{padding-top:14px}}