.ccc__fab{right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));z-index:80;position:fixed!important}@media (max-width:1023px){.ccc__fab{display:none!important}}.ccc__fab{color:#fff;background:#0f1520;border:1px solid #22c55e59;border-radius:999px;align-items:center;gap:.55rem;height:3rem;padding:0 1.1rem 0 .9rem;font-size:.82rem;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;box-shadow:0 10px 26px -12px #000000b3,0 0 24px -10px #22c55e80}.ccc__fab:hover{border-color:#22c55e99;transform:translateY(-2px);box-shadow:0 14px 30px -12px #000c,0 0 30px -6px #22c55e8c}.ccc__fab-icon{color:#06120a;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:.55rem;place-items:center;width:1.7rem;height:1.7rem;display:grid}.ccc__fab-count{color:#cbd5e1;font-variant-numeric:tabular-nums;border-left:1px solid #ffffff1a;align-items:center;gap:.3rem;margin-left:.15rem;padding-left:.5rem;font-size:.72rem;display:inline-flex}.ccc__backdrop{z-index:81;background:#0009;inset:0;position:fixed!important}.ccc{z-index:82;top:var(--site-header-h,4rem);background:var(--bg);opacity:0;pointer-events:none;border:0;border-top:1px solid #ffffff0d;border-bottom-width:medium;flex-direction:column;width:100%;max-width:100%;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s;display:flex;bottom:0;left:0;right:0;transform:translateY(6%);box-shadow:0 -30px 60px -30px #000000e6;position:fixed!important}.ccc.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}@media (min-width:1024px){.ccc{top:var(--site-header-h,4rem);border-top:0;border-left:1px solid #ffffff0f;width:24rem;max-width:24rem;bottom:0;left:auto;right:0;transform:translate(105%)}.ccc.is-open{transform:translate(0)}}.ccc__header{border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;gap:.65rem;padding:.75rem .85rem;display:flex}.ccc__title{color:#fff;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.ccc__header-right{align-items:center;gap:.85rem;display:inline-flex}.ccc__online{color:#cbd5e1;font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:inline-flex}.ccc__online svg{color:#94a3b8}.ccc__close{color:#94a3b8;background:0 0;border:1px solid #ffffff1a;border-radius:999px;place-items:center;width:1.65rem;height:1.65rem;transition:background .15s,color .15s,transform .15s;display:grid}.ccc__close:hover{color:#fff;background:#ffffff0f;transform:rotate(90deg)}.ccc__messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:.4rem;min-height:0;padding:.75rem .6rem .6rem;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 24px 100%);mask-image:linear-gradient(#0000 0,#000 24px 100%)}.ccc__messages::-webkit-scrollbar{width:6px}.ccc__messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.ccc__empty,.ccc__loading{text-align:center;color:#64748b;margin:auto;padding:2rem 1rem;font-size:.85rem}.ccc__row{background:var(--bg-2);border:1px solid #ffffff0a;border-radius:.75rem;grid-template-columns:2.35rem 1fr auto;align-items:stretch;gap:.55rem;padding:.6rem .7rem;transition:border-color .15s,background .15s;display:grid;position:relative}.ccc__row:hover{border-color:#ffffff14}.ccc__row.is-selected{border-color:#94a3b859}.ccc__time{color:#64748b;font-variant-numeric:tabular-nums;margin-left:.25rem;font-size:.68rem;font-weight:500}.ccc__time--hover{color:#475569;font-variant-numeric:tabular-nums;opacity:0;margin-bottom:.1rem;font-size:.62rem;transition:opacity .15s;display:inline-block}.ccc__avatar{color:#fff;border-radius:.6rem;align-self:flex-start;place-items:center;width:2.35rem;height:2.35rem;font-size:.85rem;font-weight:800;display:grid;overflow:hidden}.ccc__avatar img{object-fit:cover;width:100%;height:100%}.ccc__body{min-width:0}.ccc__head{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.15rem;display:flex}.ccc__rank{color:#05120a;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:.25rem;place-items:center;width:1rem;height:1rem;display:inline-grid}.ccc__rank svg{display:block}.ccc__mod-badge{color:#0b1220;letter-spacing:.06em;background:linear-gradient(135deg,#d1fa5b,#a3e635);border-radius:.3rem;align-items:center;height:1.1rem;padding:0 .4rem;font-size:9px;font-weight:900;display:inline-flex}.ccc__username{color:#38bdf8;font-size:.85rem;font-weight:700}.ccc__vip{color:#38bdf8;font-size:.8rem;line-height:1}.ccc__text{color:#e2e8f0;word-break:break-word;font-size:.85rem;line-height:1.4}.ccc__mention{color:#38bdf8;background:#38bdf824;border-radius:.4rem;align-items:center;gap:.25rem;margin-right:.25rem;padding:.1rem .4rem;font-size:.78rem;font-weight:700;display:inline-flex}.ccc__deleted{color:#64748b;font-style:italic}.ccc__row-actions{align-self:flex-start;align-items:center;gap:.15rem;padding-top:.1rem;display:none}.ccc__row:hover .ccc__row-actions,.ccc__row.is-selected .ccc__row-actions{display:inline-flex}@media (max-width:1023px){.ccc__row-actions{display:inline-flex}}.ccc__action-btn{color:#64748b;border-radius:.4rem;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .3rem;transition:background .12s,color .12s;display:grid}.ccc__action-btn:hover{color:#fff;background:#ffffff14}.ccc__reply-bar{background:#22c55e14;border-left:2px solid #22c55e;border-radius:.55rem;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.4rem .55rem;display:flex}.ccc__reply-info{flex:1;align-items:baseline;gap:.4rem;min-width:0;display:flex;overflow:hidden}.ccc__reply-label{color:#22c55e;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;font-size:.68rem;font-weight:800}.ccc__reply-user{color:#38bdf8;flex-shrink:0;font-size:.78rem;font-weight:700}.ccc__reply-body{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.78rem;overflow:hidden}.ccc__reply-cancel{color:#94a3b8;border-radius:999px;flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;font-size:1.1rem;line-height:1;transition:background .12s,color .12s;display:grid}.ccc__reply-cancel:hover{color:#fff;background:#ffffff0f}.ccc__mod-menu{z-index:90;background:var(--bg-2);border:1px solid #ffffff14;border-radius:.6rem;flex-direction:column;gap:.15rem;min-width:10.5rem;padding:.3rem;animation:.14s both cccMenuIn;display:flex;position:fixed;box-shadow:0 18px 40px -14px #000000d9}@keyframes cccMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ccc__mod-menu button{text-align:left;color:#e2e8f0;border-radius:.35rem;padding:.4rem .55rem;font-size:.75rem;font-weight:600;transition:background .12s}.ccc__mod-menu button:hover{background:#ffffff0d}.ccc__mod-menu button.is-danger{color:#ff5a7a}.ccc__mod-menu-link{text-align:left;color:#38bdf8;border-radius:.35rem;padding:.4rem .55rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .12s}.ccc__mod-menu-link:hover{background:#ffffff0d}.ccc__row.is-bot{background:#0d1a2b;border-color:#38bdf84d}.ccc__row.is-bot .ccc__avatar{background:linear-gradient(135deg,#38bdf8,#0284c7)}.ccc__bot-title{color:#38bdf8;align-items:center;gap:.35rem;font-size:.85rem;font-weight:800;display:inline-flex}.ccc__bot-tag{color:#06120a;letter-spacing:.06em;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:.35rem;align-items:center;height:1.15rem;padding:0 .45rem;font-size:9px;font-weight:900;display:inline-flex}.ccc__error{color:#ff5a7a;flex-shrink:0;padding:.35rem .85rem;font-size:.75rem}.ccc__composer{padding:.65rem .75rem max(.75rem, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid #ffffff0d;flex-shrink:0}.ccc__guest{text-align:center;color:#64748b;padding:.35rem 0;font-size:.8125rem}.ccc__form{background:var(--bg-2);border:1px solid #ffffff0f;border-radius:.75rem;align-items:center;gap:.4rem;padding:.3rem .35rem .3rem .9rem;transition:border-color .18s,box-shadow .18s;display:flex}.ccc__form:focus-within{border-color:#22c55e80;box-shadow:0 0 0 3px #22c55e1f}.ccc__input{resize:none;color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;max-height:8.25rem;padding:.55rem 0;font-family:inherit;font-size:.88rem;line-height:1.375rem;overflow-y:auto}.ccc__input::placeholder{color:#475569}.ccc__emoji-wrap{position:relative}.ccc__emoji{color:#64748b;border-radius:.55rem;place-items:center;width:2rem;height:2rem;font-size:1.1rem;line-height:1;transition:color .15s,background .15s;display:grid}.ccc__emoji:hover,.ccc__emoji.is-open{color:#cbd5e1;background:#ffffff0f}.ccc__emoji-pop{z-index:6;background:var(--bg-2);border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;gap:.4rem;width:min(20rem,100vw - 2rem);height:20rem;padding:.55rem;display:flex;position:absolute;bottom:calc(100% + .5rem);right:0;box-shadow:0 18px 36px -14px #000000d9}.ccc__emoji-search{background:var(--bg);color:#fff;border:1px solid #ffffff14;border-radius:.45rem;outline:none;width:100%;height:2rem;padding:0 .55rem;font-size:.78rem}.ccc__emoji-tabs{flex-wrap:wrap;gap:.2rem;display:flex}.ccc__emoji-tabs button{color:#94a3b8;border-radius:.35rem;padding:.2rem .4rem;font-size:.65rem;font-weight:700}.ccc__emoji-tabs button.is-active{color:#86efac;background:#22c55e2e}.ccc__emoji-grid{flex:1;grid-template-columns:repeat(8,1fr);align-content:start;gap:.1rem;min-height:0;display:grid;overflow-y:auto}.ccc__emoji-grid button{border-radius:.35rem;place-items:center;height:1.7rem;font-size:1.05rem;line-height:1;transition:background .12s;display:grid}.ccc__emoji-grid button:hover{background:#ffffff14}.ccc__emoji-empty{text-align:center;color:#64748b;grid-column:1/-1;padding:1rem;font-size:.75rem}.ccc__send{color:#06120a;background:linear-gradient(135deg,#22c55e,#16a34a);border:0;border-radius:.55rem;place-items:center;width:2.5rem;height:2.2rem;transition:filter .15s,opacity .15s,transform .15s;display:grid;box-shadow:0 6px 14px -6px #22c55e8c}.ccc__send:disabled{opacity:.4;filter:grayscale(.4)}.ccc__send:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.ccc,.ccc__fab,.ccc__row,.ccc__send,.ccc__close,.ccc__fab-badge,.ccc__typing-dots i,.ccc__row.is-highlight{transition:none;animation:none}}.ccc__fab{position:relative}.ccc__fab-badge{color:#fff;min-width:1.15rem;height:1.15rem;box-shadow:0 0 0 2px var(--bg);background:#ef4444;border-radius:999px;place-items:center;padding:0 .3rem;font-size:.65rem;font-weight:800;animation:1.4s infinite ccc-badge-pulse;display:grid;position:absolute;top:-.25rem;right:-.15rem}@keyframes ccc-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ccc__pin-bar{text-align:left;color:#fff;background:linear-gradient(135deg,#eab3081f,#eab3080a);border:1px solid #eab30873;border-radius:.7rem;align-items:center;gap:.55rem;margin:.45rem .65rem 0;padding:.55rem .65rem;display:flex}.ccc__pin-meta{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.ccc__pin-label{letter-spacing:.04em;text-transform:uppercase;color:#fbbf24;font-size:.65rem;font-weight:800}.ccc__pin-preview{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.ccc__pin-pager{color:#94a3b8;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;font-size:.65rem;display:flex}.ccc__pin-dots{gap:.2rem;display:flex}.ccc__pin-dot{background:#fff3;border-radius:999px;width:.4rem;height:.4rem}.ccc__pin-dot.is-active{background:#fbbf24}.ccc__quote{color:#94a3b8;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#22c55e14;border-left:3px solid #22c55e;border-radius:0 .4rem .4rem 0;width:100%;margin:.15rem 0 .35rem;padding:.3rem .5rem;font-size:.72rem;display:block;overflow:hidden}.ccc__quote:hover{color:#e2e8f0;background:#22c55e24}.ccc__row.is-highlight{animation:1.5s ccc-highlight}@keyframes ccc-highlight{0%,40%{background:#22c55e29}to{background:0 0}}.ccc__row.is-grouped .ccc__avatar.is-pale{opacity:.35}.ccc__time--hover{opacity:0}.ccc__row:hover .ccc__time--hover{opacity:.7}.ccc__date-sep{color:#64748b;align-items:center;gap:.75rem;margin:.35rem 0;font-size:.68rem;font-weight:700;display:flex}.ccc__date-sep:before,.ccc__date-sep:after{content:"";background:#ffffff0f;flex:1;height:1px}.ccc__date-sep span{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:.15rem .55rem}.ccc__link{color:#60a5fa;text-underline-offset:2px;text-decoration:underline}.ccc__link:hover{color:#93c5fd}.ccc__thumb{border:1px solid #ffffff14;border-radius:.55rem;max-width:240px;margin-top:.4rem;display:block;overflow:hidden}.ccc__thumb img{object-fit:cover;width:100%;max-height:180px;display:block}.ccc__new-toast{z-index:4;color:#06120a;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;padding:.4rem .75rem;font-size:.75rem;font-weight:700;position:absolute;bottom:7.5rem;right:.85rem;box-shadow:0 8px 20px -8px #22c55e99}.ccc__typing{color:#94a3b8;align-items:center;gap:.45rem;padding:.25rem .9rem;font-size:.72rem;display:flex}.ccc__typing-dots{gap:.15rem;display:inline-flex}.ccc__typing-dots i{background:#22c55e;border-radius:999px;width:.28rem;height:.28rem;animation:1s infinite ccc-bounce}.ccc__typing-dots i:nth-child(2){animation-delay:.15s}.ccc__typing-dots i:nth-child(3){animation-delay:.3s}@keyframes ccc-bounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.ccc__hint{color:#fbbf24;margin-top:.35rem;font-size:.7rem}.ccc__hint--count{color:#94a3b8;text-align:right}.ccc__toast{color:#86efac;padding:.35rem .9rem;font-size:.75rem}.ccc__modal-backdrop{z-index:90;background:#000000a6;place-items:center;padding:1rem;display:grid;inset:0;position:fixed!important}.ccc__modal{background:var(--bg-2);border:1px solid #ffffff14;border-radius:.9rem;width:min(22rem,100%);padding:1rem;box-shadow:0 24px 48px -20px #000000e6}.ccc__modal h3{color:#fff;font-size:1rem;font-weight:800}.ccc__modal-lead{color:#94a3b8;margin-top:.35rem;font-size:.8rem}.ccc__report-reasons{flex-wrap:wrap;gap:.35rem;margin-top:.75rem;display:flex}.ccc__report-reasons button{color:#cbd5e1;border:1px solid #ffffff1a;border-radius:.45rem;padding:.35rem .6rem;font-size:.75rem;font-weight:700}.ccc__report-reasons button.is-active{color:#86efac;background:#22c55e26;border-color:#22c55e73}.ccc__report-extra{background:var(--bg);color:#fff;resize:vertical;border:1px solid #ffffff14;border-radius:.55rem;width:100%;min-height:4rem;margin-top:.65rem;padding:.55rem;font-size:.8rem}.ccc__modal-actions{justify-content:flex-end;gap:.45rem;margin-top:.85rem;display:flex}.ccc__modal-actions button{color:#cbd5e1;border:1px solid #ffffff1a;border-radius:.5rem;padding:.45rem .75rem;font-size:.78rem;font-weight:700}.ccc__modal-actions button.is-primary{color:#06120a;background:linear-gradient(135deg,#22c55e,#16a34a);border:0}.ccc__lightbox{z-index:95;background:#000000d9;place-items:center;padding:1rem;display:grid;inset:0;position:fixed!important}.ccc__lightbox img{object-fit:contain;border-radius:.75rem;max-width:min(920px,100%);max-height:90dvh}.ccc__form{align-items:flex-end}
