.chat-button{position:fixed;bottom:24px;right:24px;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 12px rgba(244,196,48,.45));transition:filter .2s ease}.chat-button:hover{filter:drop-shadow(0 6px 18px rgba(244,196,48,.65))}.triangle-wrap{position:relative;width:76px;height:76px}.triangle{width:68px;height:68px;background:linear-gradient(160deg,#f9d648,#f4c430 60%,#e8ae10);clip-path:polygon(50% 0%,0% 100%,100% 100%);position:relative;animation:idle 3.6s ease-in-out infinite;transition:transform .15s ease}.triangle.open{animation:none;transform:scale(.9) translateY(4px)}.face{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.eyes{display:flex;gap:10px}.eye{width:13px;height:13px;background:#fff;border-radius:50%;border:1.5px solid #2a1a00;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.eye:before{content:"";width:6px;height:6px;background:#1a1000;border-radius:50%;display:block;transform:translate(1px,1px)}.eye:after{content:"";width:3px;height:3px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.triangle.invite .eye.left{transform:scaleY(.12)}.cheeks{display:flex;justify-content:space-between;width:44px;margin-top:-2px;margin-bottom:1px}.cheek{width:10px;height:6px;background:#ff827873;border-radius:50%;display:block}.mouth{width:22px;height:11px;background:#c0392b;border-radius:0 0 14px 14px;border:2px solid #2a1a00;border-top:none;position:relative;overflow:hidden}.mouth:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#fff;border-bottom:1.5px solid rgba(0,0,0,.15)}.speech-bubble{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:#fff;color:#1a1a1a;font-size:11px;font-weight:700;padding:4px 9px;border-radius:10px;white-space:nowrap;box-shadow:0 3px 10px #00000026;animation:popIn .3s cubic-bezier(.34,1.56,.64,1) both}.speech-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 5px 0;border-style:solid;border-color:white transparent transparent}.attention-lines{position:absolute;inset:-14px;pointer-events:none}.attention-lines span{position:absolute;display:block;width:4px;height:10px;background:#f4c430;border-radius:2px;animation:attLine .8s ease-in-out infinite alternate;opacity:.8}.attention-lines span:nth-child(1){top:2px;left:50%;transform:translate(-50%) rotate(0);animation-delay:0s}.attention-lines span:nth-child(2){top:8px;right:4px;transform:rotate(30deg);animation-delay:.1s}.attention-lines span:nth-child(3){top:8px;left:4px;transform:rotate(-30deg);animation-delay:.2s}.pulse-dot{position:absolute;top:0;right:0;width:13px;height:13px;background:#ef4444;border-radius:50%;border:2px solid white;animation:pulseDot 2s ease-out infinite}.chat-window{position:fixed;bottom:104px;right:24px;width:300px;background:#fff;border-radius:16px;box-shadow:0 12px 40px #0000002e;overflow:hidden;z-index:999;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1) both}.chat-header{background:linear-gradient(135deg,#f9d648,#f4c430);padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.chat-header-info{display:flex;align-items:center;gap:10px}.chat-header-avatar{width:38px;height:38px;background:linear-gradient(165deg,#ffe566,#f9d040 45%,#f0b800);clip-path:polygon(50% 2%,2% 98%,98% 98%);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(240,184,0,.4))}.chat-header-text strong{display:block;font-size:14px;font-weight:700;color:#1a1a1a;line-height:1.2}.chat-header-text span{font-size:11px;color:#5a4a00}.chat-header-actions{display:flex;gap:5px;flex-shrink:0}.chat-header-close{background:#fff6;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:background .2s;flex-shrink:0;line-height:1}.chat-header-close:hover{background:#ffffffa6}.chat-body{padding:20px 16px 8px}.chat-message{background:#f8f9fb;border-radius:12px 12px 12px 3px;padding:12px 14px;font-size:14px;color:#374151;line-height:1.5;border:1px solid #e5e7eb}.chat-logi-name{display:block;font-weight:700;color:#1a1a1a;font-size:15px;margin-bottom:4px}.chat-response-hint{text-align:center;font-size:11px;color:#9ca3af;margin:8px 0 0}.chat-footer{padding:12px 16px 16px}.chat-action{width:100%;background:linear-gradient(135deg,#f9d648,#f4c430);border:none;padding:11px 16px;border-radius:24px;font-size:14px;font-weight:700;color:#1a1a1a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 3px 10px #f4c43066}.chat-action:hover{transform:translateY(-1px);box-shadow:0 5px 16px #f4c4308c}.chat-action:active{transform:translateY(0)}.super-admin-badge{display:flex;align-items:center;gap:5px;font-size:10px;color:#6b7280;padding:6px 16px 10px;border-top:1px solid #f3f4f6}.super-admin-badge svg{width:12px;height:12px;color:#f4c430}@keyframes idle{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-7px) rotate(.5deg)}60%{transform:translateY(-3px) rotate(-.5deg)}}@keyframes jump{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-16px) scale(1.06,.94)}65%{transform:translateY(0) scale(.96,1.04)}80%{transform:translateY(-5px) scale(1)}to{transform:translateY(0) scale(1)}}@keyframes attLine{0%{opacity:.4;transform-origin:bottom center;transform:scaleY(.6) rotate(var(--r, 0deg))}to{opacity:1;transform-origin:bottom center;transform:scaleY(1.2) rotate(var(--r, 0deg))}}@keyframes pulseDot{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:480px){.chat-button{bottom:14px;right:14px}.chat-window{bottom:96px;right:14px;width:calc(100vw - 28px)}}