.koko{position:fixed;right:24px;bottom:max(18px,env(safe-area-inset-bottom));z-index:90;font-family:'Noto Sans Devanagari',sans-serif;color:#28263e;--koko-red:#eb2e3c;--koko-navy:#302d50}
.koko *{box-sizing:border-box}.koko button,.koko input{font:inherit}.koko button{cursor:pointer}.koko button:focus-visible,.koko input:focus-visible,.koko a:focus-visible{outline:3px solid #d6a33c;outline-offset:3px}.koko-launch{position:relative;border:0;background:none;padding:0;width:104px;min-height:126px;color:var(--koko-navy);filter:drop-shadow(0 7px 12px #302d5026)}.koko-launch:before{content:'';position:absolute;inset:26px 4px 27px;border-radius:50%;background:linear-gradient(145deg,#fff9ee,#e8e2db);border:1px solid #d9d1c4}.koko-pet,.koko-mini-pet{display:block;background-image:url('/koko/avatar.png');background-size:200% 200%;background-position:0 0;background-repeat:no-repeat}.koko-pet{width:108px;height:108px;position:relative;animation:koko-blink 7s steps(1) infinite,koko-breathe 4s ease-in-out infinite}.koko-name{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:-9px;font:800 16px/1.4 system-ui,sans-serif;letter-spacing:.6px}.koko-name i,.koko-live{display:inline-block;width:6px;height:6px;background:#23816b;border-radius:50%;box-shadow:0 0 0 3px #23816b13}.koko-launch-label{display:block;position:relative;background:var(--koko-navy);color:white;font-size:11px;line-height:1.6;border-radius:20px;padding:3px 10px;width:80px;margin:4px auto 0}.koko-hello{position:absolute;right:4px;bottom:137px;white-space:nowrap;font-size:12px;line-height:1.5;background:#fff;border:1px solid #e3ded6;border-radius:14px 14px 3px 14px;padding:10px 13px;box-shadow:0 8px 28px #302d5010}.koko[data-open=true] .koko-hello{display:none}.koko-panel{position:absolute;bottom:145px;right:0;width:min(390px,calc(100vw - 28px));height:min(600px,calc(100dvh - 180px));min-height:330px;border:1px solid #e0dae4;background:#fcfaf7;border-radius:24px;box-shadow:0 20px 80px #1f193333;display:flex;flex-direction:column;overflow:hidden}.koko-panel[hidden]{display:none!important}.koko-head{display:flex;gap:9px;align-items:center;background:var(--koko-navy);padding:13px 13px 12px;color:#fff}.koko-mini-pet{width:51px;height:54px;flex-shrink:0}.koko-head h2{margin:0!important;font:750 22px/1.4 system-ui,sans-serif;color:white!important;letter-spacing:.4px}.koko-head h2 span{font:500 10px 'Noto Sans Devanagari',sans-serif;background:#ffffff1a;border:1px solid #ffffff30;padding:4px 7px;border-radius:10px;letter-spacing:0}.koko-head p{margin:2px 0 0;font-size:11px;color:#e1dce9}.koko-icon{border:0;background:#ffffff13;color:white;font:26px system-ui!important;width:40px;height:40px;margin-left:auto;border-radius:50%}.koko-intro{background:#f1eee8;display:flex;align-items:center;gap:6px;padding:9px 14px;font-size:10px;border-bottom:1px solid #e7e0d8}.koko-intro button{margin-left:auto;border:0;background:none;color:#53516c;padding:4px;font-size:10px}.koko-log{padding:16px 14px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;display:flex;flex-direction:column;gap:13px;scroll-behavior:smooth}.koko-message{max-width:94%;font-size:12px;line-height:1.9;padding:12px 13px;border-radius:15px;overflow-wrap:anywhere}.koko-message p{margin:6px 0!important;font-size:12px!important;line-height:1.9!important;text-align:left!important}.koko-bot{background:white;border:1px solid #e6e0d8;border-bottom-left-radius:3px;box-shadow:0 3px 8px #2a254006}.koko-user{align-self:flex-end;background:#302d50;color:#fff;border-bottom-right-radius:3px}.koko-message a{color:#322d58}.koko-card{display:block;background:#f7f5f2;padding:10px;margin-top:10px;border:1px solid #ebe5de;border-radius:10px;text-decoration:none}.koko-card strong{font-size:12px;line-height:1.8;display:block}.koko-card small{font-size:10px;color:#76717d;display:block;margin-top:4px}.koko-card .koko-card-summary{font-size:11px;color:#5f5b66;margin-top:4px;line-height:1.7}.koko-card-actions{display:flex;gap:12px;font-size:11px;margin-top:7px}.koko-chips{display:flex;gap:5px;flex-wrap:wrap;padding:10px 12px 4px;border-top:1px solid #e9e3db}.koko-chips button{background:#fff;border:1px solid #e2dae5;color:#4c455c;border-radius:20px;padding:6px 9px;font-size:10px;min-height:30px}.koko-chips button:hover{border-color:var(--koko-red);color:#bf2637}.koko-form{display:flex;gap:8px;padding:9px 12px 5px}.koko-form input{width:0;flex:1;border:1px solid #dcd5df;background:#fff;border-radius:12px;padding:11px 12px;min-height:44px;font-size:12px;color:#302d50}.koko-form button{border:0;border-radius:12px;width:44px;height:44px;background:var(--koko-red);color:white;font:700 25px/1 system-ui}.koko-form button:disabled{opacity:.5;cursor:wait}.koko-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 14px 9px;font-size:9px;color:#928892}.koko-foot a{color:#746b7a;margin-left:auto}.koko-foot button{padding:4px 0;border:0;background:none;color:#5c5470;font-size:10px}.koko-status:empty{display:none}.koko-status{margin:0!important;background:#fff3d9;padding:7px 14px;font-size:10px;line-height:1.6}.koko-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.koko[data-pose=bark] .koko-pet{animation:koko-woof .18s steps(1) infinite}.koko[data-pose=listen] .koko-pet{background-position:100% 100%;animation:koko-breathe 4s ease-in-out infinite}
@keyframes koko-blink{0%,92%,100%{background-position:0 0}94%,97%{background-position:0 100%}}@keyframes koko-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes koko-woof{0%,100%{background-position:100% 0;transform:translateY(-2px)}50%{background-position:0 0;transform:translateY(0)}}
@media(max-width:600px){.koko{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.koko-launch{width:84px;min-height:104px}.koko-pet{width:90px;height:90px}.koko-name{font-size:14px}.koko-launch-label{font-size:10px;width:70px}.koko-hello{bottom:116px;max-width:calc(100vw - 30px);font-size:11px}.koko-panel{bottom:121px;right:0;height:min(570px,calc(100dvh - 145px));border-radius:20px}.koko-head{padding:10px 12px}.koko-log{padding:12px}.koko-message{font-size:12px}}
@media(prefers-reduced-motion:reduce){.koko-pet,.koko[data-pose] .koko-pet{animation:none}.koko-log{scroll-behavior:auto}}

.koko{--koko-red:#17634c;--koko-navy:#173f33;font-family:Arial,sans-serif}.koko-head p{font-size:11px}.koko-chips button{font-size:11px}

.koko .koko-foot{background:#f7f7f2;margin:0;color:#536258;border-radius:0}.koko .koko-foot a,.koko .koko-foot button{color:#234d3c}