:root{--background: #222222;--f-high: #ffffff;--f-med: #999999;--f-low: #555555;--f-inv: #222222;--b-high: #333333;--b-med: #444444;--b-low: #2a2a2a;--b-inv: #ffffff;--font-mono: "IBM Plex Mono", "Fira Mono", "Consolas", monospace;--accent: #7c6ff7;--accent-glow: rgba(124, 111, 247, .15);--success: #43b581;--warning: #faa61a;--error: #e04f5f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{scroll-behavior:smooth}body{background:var(--background);color:var(--f-high);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,.mono{font-family:var(--font-mono)}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--b-med);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 40%,var(--b-med))}html{scrollbar-color:var(--b-med) var(--background);scrollbar-width:thin}.koko-message-scroll{contain:layout style paint;will-change:scroll-position}.koko-message-item{contain:layout style}.koko-sidebar{contain:layout style paint}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}a{color:var(--f-med);text-decoration:none}a:hover{color:var(--f-high);text-decoration:underline;text-underline-offset:3px}button:hover{opacity:1;background:var(--accent-glow)}button:active{opacity:1;transform:scale(.97);box-shadow:inset 0 1px 3px #0003}.koko-sidebar,.chat-area{will-change:transform}.koko-message-list{contain:layout style;will-change:scroll-position}.koko-message-item{content-visibility:auto;contain-intrinsic-size:auto 60px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus{box-shadow:0 0 0 2px var(--accent-glow);border-color:var(--accent)!important;transition:box-shadow .2s ease,border-color .2s ease}.koko-skip-link:focus{position:fixed!important;left:50%!important;top:10px!important;transform:translate(-50%);width:auto!important;height:auto!important;overflow:visible!important;padding:8px 16px;background:var(--b-high);color:var(--f-high);border-radius:6px;z-index:10000;font-size:14px}.koko-sidebar button:hover{color:var(--f-high)!important;padding-left:2px;transition:padding-left .15s ease}button,a,input,textarea{transition:color .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform 80ms ease}.msg-group-gap{margin-top:16px}div[style]:hover>div[style*="opacity: 0"]{opacity:1!important}div[style*="display: flex"][style*="gap: 10px"]:hover{background:#7c6ff708;border-radius:4px}.koko-message-item:hover{background:#7c6ff708;border-left:2px solid var(--accent);padding-left:14px}button[style*="gap: 6"]:hover{background:#ffffff0d!important}.koko-backdrop{backdrop-filter:blur(4px)}.koko-modal-content{animation:kokoScaleIn .2s ease-out forwards}.koko-lightbox{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;transform:translateZ(0)}.koko-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain}.koko-unread:after{content:"•";color:var(--f-high);margin-left:4px;font-size:14px}@media (max-width: 900px){.koko-sidebar{position:fixed;left:-240px;top:0;bottom:0;z-index:100;transition:left .1s linear}.koko-sidebar.open{left:0}.koko-hamburger{display:block!important}}@media (min-width: 901px){.koko-hamburger{display:none!important}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes kokoShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes kokoPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes kokoTypingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes kokoFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes kokoScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes kokoSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes kokoBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes kokoGlow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 20px 4px var(--accent-glow)}}@keyframes kokoWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes kokoPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes kokoRipple{0%{transform:scale(0);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes kokoProgressShrink{0%{width:100%}to{width:0%}}.koko-fade-in{animation:kokoFadeIn .3s ease-out forwards}.koko-scale-in{animation:kokoScaleIn .2s ease-out forwards}.koko-slide-up{animation:kokoSlideUp .4s cubic-bezier(.16,1,.3,1) forwards}.koko-pop{animation:kokoPop .3s cubic-bezier(.34,1.56,.64,1) forwards}.koko-online-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:kokoPulse 2s ease-in-out infinite}.koko-toast{animation:kokoSlideUp .4s cubic-bezier(.34,1.56,.64,1) forwards}.koko-timestamp{opacity:0;transition:opacity .2s ease}.koko-message-item:hover .koko-timestamp{opacity:1}.koko-spoiler-revealed{background-color:var(--b-med)!important;color:var(--f-med)!important}.koko-chat-enter{animation:kokoFadeIn .2s ease-out forwards}.koko-reaction{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;border:1px solid var(--b-high);background:var(--b-low);cursor:pointer;font-size:13px;transition:all .15s ease}.koko-reaction:hover{border-color:var(--accent);background:var(--accent-glow);transform:translateY(-1px)}.koko-reaction:active{transform:scale(.95)}.koko-reaction.mine{border-color:var(--accent);background:var(--accent-glow)}.koko-unread-badge{animation:kokoPop .3s cubic-bezier(.34,1.56,.64,1) forwards}.koko-channel-active{position:relative}.koko-channel-active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);animation:kokoFadeIn .2s ease-out forwards}.koko-profile-card{animation:kokoScaleIn .25s cubic-bezier(.16,1,.3,1) forwards}.koko-hover-lift{transition:transform .2s ease,box-shadow .2s ease}.koko-hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.koko-status-online{position:relative}.koko-status-online:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1.5px solid var(--success);animation:kokoStatusRing 2s ease-out infinite;opacity:0}@keyframes kokoStatusRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.koko-jump-latest{animation:kokoSlideUp .3s cubic-bezier(.34,1.56,.64,1) forwards}.koko-speaking{color:var(--success)!important;text-shadow:0 0 8px rgba(67,181,129,.4)}.koko-date-line{background:linear-gradient(90deg,transparent,var(--b-high) 20%,var(--b-high) 80%,transparent)!important}.koko-section-header{position:relative}.koko-section-header:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,var(--b-high),transparent)}.koko-message-scroll::-webkit-scrollbar-thumb{background:var(--b-high);border:2px solid var(--background);border-radius:8px}.koko-message-scroll::-webkit-scrollbar-thumb:hover{background:var(--f-low)}.koko-ctx-menu{animation:kokoPop .15s cubic-bezier(.34,1.56,.64,1) forwards;border-radius:8px;overflow:hidden;backdrop-filter:blur(12px)}.koko-typing-bar{background:linear-gradient(90deg,var(--b-low),var(--b-high),var(--b-low));background-size:200% 100%;animation:kokoShimmer 2s ease-in-out infinite;border-radius:12px}.koko-search-match{background:#7c6ff733;color:var(--f-high);border-radius:2px;padding:0 2px;box-shadow:0 0 4px #7c6ff74d}.koko-panel-slide{animation:slideInRight .2s cubic-bezier(.16,1,.3,1) forwards}.koko-emoji-btn:hover{background:var(--accent-glow);border-radius:6px;transform:scale(1.2);transition:transform .1s ease}.koko-header{background:linear-gradient(180deg,var(--b-low) 0%,var(--background) 100%);border-bottom:1px solid var(--b-high)}@keyframes kokoWink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.koko-dm-active{position:relative}.koko-dm-active:after{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b-high);border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--b-med)}*{scrollbar-width:thin;scrollbar-color:var(--b-high) transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent);color:var(--f-high)}img{transition:opacity .3s ease}img[loading=lazy]{opacity:0}img[loading=lazy].loaded,img[loading=lazy][complete]{opacity:1}button:active:not(:disabled){transform:scale(.97)}input:focus,textarea:focus{box-shadow:0 0 0 2px var(--accent-glow)}.koko-smooth-enter{animation:kokoFadeIn .15s ease-out forwards}.koko-message-group:hover{background:#ffffff05}.koko-typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--f-low);margin:0 1px}.koko-typing-dot:nth-child(1){animation:kokoTypingBounce 1.4s infinite 0s}.koko-typing-dot:nth-child(2){animation:kokoTypingBounce 1.4s infinite .2s}.koko-typing-dot:nth-child(3){animation:kokoTypingBounce 1.4s infinite .4s}a{transition:color .15s ease,opacity .15s ease}.koko-badge-new{position:relative;overflow:hidden}.koko-badge-new:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:kokoShimmerBadge 2s ease-in-out infinite}@keyframes kokoShimmerBadge{0%{left:-100%}50%{left:100%}to{left:100%}}.koko-shadow-sm{box-shadow:0 1px 3px #0003}.koko-shadow-md{box-shadow:0 4px 12px #00000040}.koko-shadow-lg{box-shadow:0 8px 24px #0000004d}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.koko-sidebar,.koko-hamburger,button,.koko-voice-panel{display:none!important}body{background:#fff;color:#000}.koko-message-item{break-inside:avoid}}