.yubia-chat{--yc-bg:#07132d;--yc-line:rgba(56,189,248,.16);--yc-cyan:#38bdf8;--yc-text:#f8fafc;--yc-muted:#91a4c3;width:100%;height:clamp(360px,42vh,440px);min-width:0;box-sizing:border-box;display:flex;flex-direction:column;border:1px solid var(--yc-line);border-radius:18px;background:linear-gradient(145deg,#07132d 0%,#0b1d43 100%);box-shadow:0 16px 42px rgba(0,0,0,.22);overflow:hidden;color:var(--yc-text);font-family:inherit}.yubia-chat *{box-sizing:border-box}.yubia-chat [hidden]{display:none!important}
.yubia-chat__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid var(--yc-line);background:rgba(3,10,27,.22)}.yubia-chat__eyebrow{display:block;margin-bottom:2px;color:var(--yc-cyan);font-size:10px;font-weight:800;letter-spacing:.18em}.yubia-chat__title{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.2!important}.yubia-chat__live{display:flex;align-items:center;gap:7px;color:#c7d5e9;font-size:10px;font-weight:800}.yubia-chat__live-dot{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 14px #38bdf8}
.yubia-chat__guest{flex:1;display:flex;align-items:center;gap:14px;padding:22px}.yubia-chat__guest h4{margin:0!important;color:#fff!important;font-size:14px!important}.yubia-chat__guest p{margin:4px 0 0!important;color:var(--yc-muted)!important;font-size:10px!important}.yubia-chat__login{margin-left:auto;border:1px solid rgba(56,189,248,.35);border-radius:9px;padding:8px 11px;background:#1264c7;color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.yubia-chat__memberbar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(56,189,248,.1);background:rgba(255,255,255,.018)}.yubia-chat__avatar,.yubia-chat__msg-avatar,.yubia-chat__conv-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1264c7,#38bdf8);color:#fff;font-weight:800}.yubia-chat__avatar{width:30px;height:30px;font-size:11px}.yubia-chat__memberbar div{display:flex;flex-direction:column}.yubia-chat__memberbar div span{color:var(--yc-muted);font-size:8px}.yubia-chat__memberbar strong{font-size:11px}
.yubia-chat__workspace{flex:1;min-height:0;display:flex}.yubia-chat__inbox{width:42%;min-width:130px;max-width:250px;border-right:1px solid var(--yc-line);display:flex;flex-direction:column;background:rgba(2,8,23,.18)}.yubia-chat__inbox-head{padding:9px 10px;color:#bcd0ea;font-size:9px;font-weight:800;border-bottom:1px solid rgba(56,189,248,.09)}.yubia-chat__inbox-head span{float:right;min-width:18px;text-align:center;border-radius:10px;background:rgba(56,189,248,.12);color:#7dd3fc}.yubia-chat__conversation-list{overflow-y:auto;min-height:0}.yubia-chat__conversation{position:relative;width:100%;border:0;border-bottom:1px solid rgba(148,163,184,.07);padding:9px 8px;display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:7px;align-items:center;text-align:left;background:transparent;color:#fff;cursor:pointer}.yubia-chat__conversation:hover,.yubia-chat__conversation.is-active{background:rgba(18,100,199,.14)}.yubia-chat__conversation.is-active{box-shadow:inset 2px 0 #38bdf8}.yubia-chat__conv-avatar{width:27px;height:27px;font-size:9px}.yubia-chat__conv-copy{min-width:0;display:flex;flex-direction:column}.yubia-chat__conv-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yubia-chat__conv-copy small{color:#7890b2;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yubia-chat__conversation time{font-size:7px;color:#62799d}.yubia-chat__conversation i{position:absolute;right:7px;bottom:6px;width:5px;height:5px;border-radius:50%;background:#38bdf8}.yubia-chat__inbox-empty{padding:14px 10px;color:#7890b2;font-size:8px;text-align:center}
.yubia-chat__thread{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.yubia-chat__thread-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid rgba(56,189,248,.09);color:#dbeafe;font-size:9px}.yubia-chat__thread-actions button{border:1px solid rgba(248,113,113,.18);border-radius:5px;padding:3px 6px;background:transparent;color:#fca5a5;font:inherit;font-size:7px;cursor:pointer}
.yubia-chat__messages{flex:1;min-height:0;overflow-y:auto;padding:11px 12px 6px;scrollbar-width:thin;scrollbar-color:#245c9c transparent}.yubia-chat__loading,.yubia-chat__empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--yc-muted);font-size:10px;line-height:1.6}.yubia-chat__message{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px}.yubia-chat__message.is-mine{flex-direction:row-reverse}.yubia-chat__msg-avatar{width:26px;height:26px;flex:0 0 26px;font-size:9px}.yubia-chat__bubble{min-width:0;max-width:78%;padding:7px 9px;border:1px solid rgba(148,163,184,.1);border-radius:4px 11px 11px 11px;background:rgba(255,255,255,.035)}.yubia-chat__message.is-mine .yubia-chat__bubble{border-radius:11px 4px 11px 11px;border-color:rgba(56,189,248,.2);background:rgba(18,100,199,.16)}.yubia-chat__msg-head{display:flex;align-items:center;gap:7px;margin-bottom:2px}.yubia-chat__msg-head strong{color:#dbeafe;font-size:9px}.yubia-chat__msg-head time{margin-left:auto;color:#62799d;font-size:7px}.yubia-chat__bubble p{margin:0!important;color:#f1f5f9!important;font-size:11px!important;line-height:1.45!important;overflow-wrap:anywhere}.yubia-chat__badge{margin-left:3px;padding:1px 3px;border-radius:3px;background:rgba(56,189,248,.12);color:#38bdf8;font-size:6px}.yubia-chat__mod{margin-top:4px;opacity:.3}.yubia-chat__message:hover .yubia-chat__mod{opacity:1}.yubia-chat__mod button{border:0;background:transparent;color:#8296b5;font:inherit;font-size:7px;cursor:pointer;padding:0}.yubia-chat__mod button:hover{color:#fca5a5}
.yubia-chat__composer{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px;padding:9px;border-top:1px solid var(--yc-line);background:rgba(3,10,27,.3)}.yubia-chat__composer input{width:100%;min-width:0;border:1px solid rgba(148,163,184,.15);border-radius:9px;padding:9px 10px;background:rgba(2,8,23,.52);color:#fff;font:inherit;font-size:11px;outline:none}.yubia-chat__composer input:focus{border-color:rgba(56,189,248,.42)}.yubia-chat__composer button{border:0;border-radius:9px;background:#174b88;color:#dbeafe;cursor:pointer;font-size:15px}.yubia-chat__composer button:hover{background:#1264c7}.yubia-chat__composer button:disabled{opacity:.5}.yubia-chat__blocked-notice{padding:6px 10px;border-top:1px solid rgba(248,113,113,.16);background:rgba(127,29,29,.16);color:#fca5a5;text-align:center;font-size:8px;font-weight:700}
@media(max-height:900px) and (min-width:769px){.yubia-chat{height:370px}}
@media(max-width:600px){
.yubia-chat{width:calc(100% + 16px);max-width:none;margin-left:-8px;height:440px;border-radius:16px}
.yubia-chat__header{padding:14px 15px}.yubia-chat__eyebrow{font-size:10px}.yubia-chat__title{font-size:18px!important}.yubia-chat__live{font-size:10px}
.yubia-chat__memberbar{padding:9px 13px}.yubia-chat__avatar{width:32px;height:32px;font-size:12px}.yubia-chat__memberbar div span{font-size:9px}.yubia-chat__memberbar strong{font-size:12px}
.yubia-chat.is-staff .yubia-chat__inbox{width:40%;min-width:120px}.yubia-chat__messages{padding:12px 10px 7px}.yubia-chat__message{gap:7px;margin-bottom:11px}.yubia-chat__msg-avatar{width:28px;height:28px;flex-basis:28px;font-size:10px}.yubia-chat__bubble{max-width:84%;padding:8px 10px}.yubia-chat__msg-head strong{font-size:10px}.yubia-chat__msg-head time{font-size:8px}.yubia-chat__bubble p{font-size:12px!important;line-height:1.45!important}
.yubia-chat__composer{grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:10px}.yubia-chat__composer input{padding:10px 11px;font-size:12px}.yubia-chat__composer button{font-size:16px}
.yubia-chat__guest{display:block;padding:18px 15px}.yubia-chat__guest h4{font-size:15px!important}.yubia-chat__guest p{font-size:11px!important}.yubia-chat__login{margin-top:12px;font-size:11px}
}