.live-chat{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.live-chat-area .live-chat{position:absolute;top:0;left:0;right:0;bottom:0}.lc-header{justify-content:space-between;padding:.65rem .85rem;background:rgba(99,102,241,.08);border-bottom:1px solid var(--color-border);flex-shrink:0}.lc-header,.lc-header-left{display:flex;align-items:center}.lc-header-left{gap:.4rem}.lc-header-icon{color:var(--color-primary)}.lc-title{font-size:.85rem;font-weight:700;color:var(--color-text)}.lc-status{width:7px;height:7px;border-radius:50%;background:var(--color-text-muted);transition:background .3s}.lc-status.connected{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.5)}.lc-header-right{display:flex;align-items:center;gap:.3rem;color:var(--color-text-secondary);font-size:.75rem}.lc-user-count{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lc-participants-wrapper{position:relative}.lc-participants-btn{display:flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;padding:.2rem .35rem;border-radius:6px;transition:background .15s}.lc-participants-btn:hover{background:hsla(0,0%,100%,.06)}.lc-participants-popup{position:absolute;top:calc(100% + 6px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.5rem 0;min-width:160px;max-height:260px;overflow-y:auto;z-index:20;box-shadow:0 4px 16px rgba(0,0,0,.35);animation:lc-popup-in .15s ease-out}@keyframes lc-popup-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lc-participants-title{font-size:.7rem;font-weight:700;color:var(--color-text-secondary);padding:0 .65rem .35rem;border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.lc-participants-list{display:flex;flex-direction:column}.lc-participant-item{font-size:.72rem;color:var(--color-text);padding:.2rem .65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-participant-item:hover{background:hsla(0,0%,100%,.05)}.lc-body{flex:1 1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;min-height:0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent;position:relative}.lc-body::-webkit-scrollbar{width:4px}.lc-body::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}.lc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;gap:.3rem;padding:1.5rem 1rem;text-align:center}.lc-empty-icon{font-size:1.8rem;margin-bottom:.25rem}.lc-empty p{font-size:.8rem;color:var(--color-text-secondary);margin:0}.lc-empty-sub{font-size:.7rem!important;color:var(--color-text-muted)!important}.lc-message{padding:.35rem .5rem;border-radius:6px;transition:background .15s;line-height:1.4}.lc-message:hover{background:hsla(0,0%,100%,.03)}.lc-message.mine{background:rgba(99,102,241,.06)}.lc-msg-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.1rem}.lc-msg-nick{font-size:.72rem;font-weight:700;color:var(--color-primary);flex-shrink:0}.lc-msg-time{font-size:.6rem;color:var(--color-text-secondary);opacity:.5;flex-shrink:0}.lc-message.mine .lc-msg-nick{color:#818cf8}.lc-msg-topic{font-size:.6rem;padding:.1rem .35rem;border-radius:4px;font-weight:600;background:hsla(0,0%,100%,.06);color:var(--color-text-secondary);white-space:nowrap}.lc-msg-topic.topic-football{background:rgba(34,197,94,.12);color:#4ade80}.lc-msg-topic.topic-baseball{background:rgba(239,68,68,.12);color:#f87171}.lc-msg-topic.topic-basketball{background:rgba(249,115,22,.12);color:#fb923c}.lc-msg-topic.topic-esports{background:rgba(168,85,247,.12);color:#c084fc}.lc-msg-topic.topic-humor{background:rgba(250,204,21,.12);color:#fde047}.lc-msg-topic.topic-news{background:rgba(59,130,246,.12);color:#60a5fa}.lc-msg-topic.topic-free{background:hsla(0,0%,100%,.06);color:var(--color-text-secondary)}.lc-msg-text{font-size:.78rem;color:var(--color-text);word-break:break-word}.lc-new-msg-btn{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);padding:.3rem .75rem;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:.7rem;font-weight:600;cursor:pointer;z-index:5;box-shadow:0 2px 8px rgba(99,102,241,.4);transition:opacity .2s}.lc-new-msg-btn:hover{opacity:.9}.lc-footer{border-top:1px solid var(--color-border);padding:.5rem;flex-shrink:0;position:relative}.lc-input-row{display:flex;align-items:center;gap:.35rem}.lc-input{flex:1 1;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .65rem;font-size:.8rem;color:var(--color-text);outline:none;transition:border-color .2s;min-width:0}.lc-input:focus{border-color:var(--color-primary)}.lc-input::placeholder{color:var(--color-text-muted)}.lc-emoji-btn,.lc-topic-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:all .2s;font-size:.85rem}.lc-emoji-btn:hover,.lc-topic-btn.active,.lc-topic-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.lc-topic-btn.active{background:rgba(99,102,241,.1)}.lc-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:var(--color-primary);color:#fff;cursor:pointer;flex-shrink:0;transition:all .2s}.lc-send-btn:hover:not(:disabled){opacity:.85}.lc-send-btn:disabled{opacity:.4;cursor:not-allowed}.lc-picker{position:absolute;bottom:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px 10px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.2);z-index:10;overflow:hidden}.lc-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.lc-picker-header button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.15rem;display:flex}.lc-topic-grid{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem .65rem}.lc-topic-item{display:flex;align-items:center;gap:.25rem;padding:.35rem .6rem;border-radius:6px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.lc-topic-item:hover{border-color:var(--color-primary);color:var(--color-text)}.lc-topic-item.active{background:rgba(99,102,241,.15);border-color:var(--color-primary);color:var(--color-primary)}.lc-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:.15rem;gap:.15rem;padding:.5rem;max-height:160px;overflow-y:auto}.lc-emoji-item{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:none;background:transparent;border-radius:6px;font-size:1.15rem;cursor:pointer;transition:background .15s}.lc-emoji-item:hover{background:hsla(0,0%,100%,.08)}.lc-auth-prompt{padding:.6rem .75rem;text-align:center}.lc-auth-msg{font-size:.78rem;color:var(--color-text-secondary);margin:0 0 .5rem}.lc-auth-btns{display:flex;gap:.5rem}.lc-auth-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;border-radius:8px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s}.lc-auth-btn.login{background:var(--color-border);color:var(--color-text)}.lc-auth-btn.login:hover{background:var(--color-text-secondary);color:var(--color-surface)}.lc-auth-btn.register{background:var(--color-primary);color:#fff}.lc-auth-btn.register:hover{filter:brightness(1.1)}.lc-guest-notice{display:flex;justify-content:center;align-items:center;padding:.3rem .75rem;font-size:.72rem;color:var(--color-text-tertiary);text-align:center}.lc-guest-notice a{display:inline-flex;align-items:center;gap:.2rem;color:var(--color-primary);text-decoration:none;font-weight:600;margin-right:.2rem}.lc-guest-notice a:hover{text-decoration:underline}.lc-guest-limit{padding:.6rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.lc-guest-limit>span{font-size:.78rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.3rem}.lc-guest-limit>svg{color:#f59e0b}.lc-guest-limit .lc-auth-btns{width:100%}.lc-report-btn{opacity:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:1px 3px;border-radius:3px;line-height:1;transition:all .15s;margin-left:auto;flex-shrink:0}.lc-message:hover .lc-report-btn{opacity:.6}.lc-report-btn:hover{opacity:1!important}.lc-report-btn:hover,.lc-reported-badge{color:#ef4444;background:rgba(239,68,68,.1)}.lc-reported-badge{margin-left:auto;font-size:.6rem;padding:1px 5px;border-radius:3px;flex-shrink:0}.lc-report-confirm{display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem;margin-bottom:.15rem;background:rgba(239,68,68,.08);border-radius:6px;font-size:.7rem;color:var(--color-text-secondary)}.lc-report-confirm svg{color:#ef4444;flex-shrink:0}.lc-report-no,.lc-report-yes{border:none;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s}.lc-report-yes{background:#ef4444;color:#fff;margin-left:auto}.lc-report-yes:hover{background:#dc2626}.lc-report-no{background:var(--color-border);color:var(--color-text)}.lc-report-no:hover{background:var(--color-text-secondary);color:var(--color-surface)}.lc-delete-btn{opacity:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:1px 3px;border-radius:3px;line-height:1;transition:all .15s;flex-shrink:0}.lc-delete-own{margin-left:auto}.lc-message:hover .lc-delete-btn{opacity:.6}.lc-delete-btn:hover{opacity:1!important;color:#f97316;background:rgba(249,115,22,.1)}.lc-delete-own:hover{color:#ef4444!important;background:rgba(239,68,68,.1)!important}.lc-notice-wrapper{position:absolute;top:8px;right:8px;z-index:10}.lc-notice-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;padding:0;transition:all .15s;box-shadow:0 1px 4px rgba(0,0,0,.15)}.lc-notice-btn:hover{background:rgba(99,102,241,.08)}.lc-notice-btn.pinned,.lc-notice-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.lc-notice-btn.pinned{background:rgba(99,102,241,.12)}.lc-notice-popup{position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.45rem .7rem;white-space:nowrap;font-size:.72rem;color:var(--color-text-secondary);z-index:30;box-shadow:0 4px 16px rgba(0,0,0,.3);animation:lc-notice-in .15s ease-out;pointer-events:none}@keyframes lc-notice-in{0%{opacity:0;transform:translateY(-50%) translateX(6px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.lc-notice-btn.pinned~.lc-notice-popup{pointer-events:auto}.lc-delete-confirm{display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem;margin-bottom:.15rem;background:rgba(249,115,22,.08);border-radius:6px;font-size:.7rem;color:var(--color-text-secondary)}.lc-delete-confirm svg{color:#f97316;flex-shrink:0}.lc-delete-no,.lc-delete-yes{border:none;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s}.lc-delete-yes{background:#f97316;color:#fff;margin-left:auto}.lc-delete-yes:hover{background:#ea580c}.lc-delete-no{background:var(--color-border);color:var(--color-text)}.lc-delete-no:hover{background:var(--color-text-secondary);color:var(--color-surface)}@media (max-width:640px){.live-chat{border-radius:10px}.lc-header{padding:.5rem .7rem}.lc-title{font-size:.8rem}.lc-emoji-grid{grid-template-columns:repeat(8,1fr);max-height:130px}.lc-emoji-item{font-size:1rem}}