.kh,.kh *,.kh *:before,.kh *:after{box-sizing:border-box}.kh{--kc-bg: #0b0910;--kc-surface: rgba(255,255,255,.04);--kc-purple: #a855f7;--kc-purple-bright: #c084fc;--kc-purple-dim: rgba(168,85,247,.14);--kc-text: #f4f1fb;--kc-muted: #9a93ad;--kc-line: rgba(255,255,255,.09);--kc-line-strong: rgba(255,255,255,.18);--kc-warn: #f59e0b;font-family:Red Hat Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--kc-text);display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:16px;align-items:stretch;width:100%;max-width:1560px;margin:0 auto;padding:var(--kh-top-d, 120px) 20px 28px;height:max(640px,100vh);height:max(640px,100dvh)}.kh [hidden]{display:none!important}.kh-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kh button,.kh input,.kh a{touch-action:manipulation;font-family:inherit}.kh a:focus-visible,.kh button:focus-visible{outline:2px solid var(--kc-purple-bright);outline-offset:2px;border-radius:10px}.kh-panel{min-height:0;min-width:0;display:flex;flex-direction:column;border:1px solid var(--kc-line);border-radius:24px;background:linear-gradient(180deg,#150f22 0%,var(--kc-bg) 60%);box-shadow:0 24px 60px -24px #000000d9;overflow:hidden}.kh-rooms-head{flex:none;padding:20px 18px 12px}.kh-rooms-title{margin:0 0 12px;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff}.kh-search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--kc-line);background:var(--kc-surface);color:var(--kc-muted);transition:border-color .2s,box-shadow .2s}.kh-search:focus-within{border-color:var(--kc-purple-bright);box-shadow:0 0 0 3px #a855f72e}.kh .kh-search input,.kh .kh-search input:hover,.kh .kh-search input:focus,.kh .kh-search input:focus-visible{flex:1;min-width:0;width:auto;height:auto;min-height:0;margin:0;padding:8px 0;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;-webkit-appearance:none;appearance:none;color:var(--kc-text);font-size:14px;font-weight:500;line-height:1.3}.kh-search input::placeholder{color:#7f7897}.kh-search input::-webkit-search-cancel-button{filter:invert(.7)}.kh-rooms-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 10px 14px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.kh-rooms-list::-webkit-scrollbar{width:6px}.kh-rooms-list::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:10px}.kh-group{margin:14px 8px 4px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--kc-muted)}.kh-room{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:9px 10px;border:0;border-radius:16px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .18s}.kh-room:hover{background:#ffffff0d}.kh-room[aria-current=true]{background:var(--kc-purple-dim);box-shadow:inset 3px 0 0 var(--kc-purple)}.kh-thumb{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#34274d,#1c1530);border:1px solid var(--kc-line-strong);color:var(--kc-purple-bright);font-weight:900;font-size:17px}.kh-thumb img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}.kh-thumb--home{background:var(--kc-purple-dim);border-color:#a855f766}.kh-thumb--home img{object-fit:contain;padding:4px}.kh-rank{position:absolute;right:-6px;top:-6px;min-width:20px;height:20px;padding:0 5px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#0b0910;border:1px solid var(--kc-line-strong);font-size:11px;font-weight:900;line-height:1;color:#fff}.kh-rank--1{background:#f59e0b;border-color:#f59e0b;color:#1a1200}.kh-rank--2{background:#cbd5e1;border-color:#cbd5e1;color:#0f172a}.kh-rank--3{background:#d97706;border-color:#d97706;color:#1a0f00}.kh-room-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.kh-room-name{font-size:14px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kh-room-meta{font-size:12px;font-weight:600;color:var(--kc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kh-empty{margin:14px 8px;font-size:13px;line-height:1.5;color:var(--kc-muted)}.kh-skel{height:58px;margin:2px 0;border-radius:16px;background:var(--kc-line);animation:kh-skel 1.5s infinite ease-in-out}.kh-skel--tall{height:260px}@keyframes kh-skel{0%,to{opacity:.45}50%{opacity:.9}}.kh-center{min-width:0;min-height:0;height:100%}.kh .kc--hub{width:auto;max-width:none;height:100%;min-height:0;margin:0;padding:20px 22px 18px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--kc-line);border-radius:24px;background:linear-gradient(180deg,#150f22 0%,var(--kc-bg) 60%);box-shadow:0 24px 60px -24px #000000d9}.kh .kc--hub .kc-panel{display:flex!important;flex-direction:column;flex:1;min-height:0;position:static!important;inset:auto!important;background:transparent}.kh .kc--hub .kc-head{flex:none;padding:0 0 14px;gap:12px;background:transparent;border-bottom:1px solid var(--kc-line)}.kh .kc--hub .kc-head-main{align-items:center}.kh .kc--hub .kc-icon-wrap{display:flex}.kh .kc--hub .kc-subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kh .kc--hub .kc-title{font-size:clamp(18px,2vw,24px)}.kh .kc--hub .kc-sheet-open,.kh .kc--hub .kc-sheet-close,.kh .kc--hub .kc-peek{display:none!important}.kh .kc--hub .kc-main{flex:1;min-height:0;margin-top:14px;gap:12px}.kh .kc--hub .kc-feed{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;cursor:auto}.kh .kc--hub .kc-scroll{flex:1;min-height:0;max-height:none;overflow-y:auto!important;overscroll-behavior:contain;padding-right:6px;-webkit-mask-image:none!important;mask-image:none!important}.kh .kc--hub .kc-composer,.kh .kc--hub .kc-guest{flex:none}.kh .kc--hub .kc-send-label{display:inline}.kh .kc--hub .kc-send{width:auto;height:auto;padding:8px 18px;border-radius:12px}.kh-back{display:none;flex:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--kc-line);border-radius:50%;background:var(--kc-surface);color:#fff;cursor:pointer}.kh-side-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.kh-side-hero{position:relative;flex:none;width:100%;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#34274d,#1c1530);border:1px solid var(--kc-line);display:flex;align-items:center;justify-content:center;color:var(--kc-purple-bright);font-size:48px;font-weight:900}.kh-side-hero img{width:100%;height:100%;object-fit:cover;display:block}.kh-side-hero--home{aspect-ratio:16 / 7;background:var(--kc-purple-dim);border-color:#a855f759}.kh-side-title{margin:4px 0 0;font-size:20px;font-weight:900;line-height:1.2;color:#fff;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}.kh-side-text{margin:0;font-size:14px;line-height:1.55;color:var(--kc-muted)}.kh-side-sub{margin:10px 0 0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--kc-muted)}.kh-side-btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:0;border-radius:14px;background:var(--kc-purple);color:#fff;font-size:14px;font-weight:800;text-decoration:none;text-align:center;cursor:pointer;transition:background .2s,transform .2s}.kh-side-btn:hover{background:var(--kc-purple-bright);transform:translateY(-1px)}.kh-side-btn--ghost{background:#ffffff12;border:1px solid var(--kc-line)}.kh-side-btn--ghost:hover{background:#ffffff1f}.kh-prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kh-prod{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:14px;border:1px solid var(--kc-line);background:var(--kc-surface);color:inherit;text-decoration:none;transition:border-color .2s,background .2s}.kh-prod:hover{border-color:var(--kc-purple-bright);background:var(--kc-purple-dim)}.kh-prod img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:10px;background:#ffffff0d}.kh-prod-name{font-size:12px;font-weight:700;line-height:1.3;color:#f1eefa;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kh-prod-price{font-size:12px;font-weight:800;color:var(--kc-purple-bright)}.kh-side-hero--home{position:relative;background-size:cover;background-position:center}.kh-side-hero--home.has-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b091026,#0b091099)}.kh-side-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:#0b09108c;border:1px solid rgba(168,85,247,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--kc-purple-bright)}.kh-side-icon img{width:100%;height:100%;object-fit:contain;padding:10px;display:block}.kh-tips,.kh-rulelist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.kh-tips li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:#d9d4e8}.kh-tip-n{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--kc-purple-dim);border:1px solid rgba(168,85,247,.4);color:var(--kc-purple-bright);font-size:11px;font-weight:900}.kh-minis{display:flex;flex-direction:column;gap:6px}.kh-mini{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--kc-line);border-radius:14px;background:var(--kc-surface);color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.kh-mini:hover{border-color:var(--kc-purple-bright);background:var(--kc-purple-dim)}.kh-mini img{width:36px;height:36px;border-radius:10px;object-fit:cover;flex:none}.kh-mini-rank{flex:none;width:18px;font-size:13px;font-weight:900;color:var(--kc-purple-bright);text-align:center}.kh-mini-text{display:flex;flex-direction:column;min-width:0}.kh-mini-name{font-size:13px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kh-mini-meta{font-size:11px;font-weight:600;color:var(--kc-muted)}.kh-rulelist{counter-reset:r}.kh-rulelist li{counter-increment:r;position:relative;padding-left:26px;font-size:13px;line-height:1.4;color:#d9d4e8}.kh-rulelist li:before{content:counter(r);position:absolute;left:0;top:0;width:18px;height:18px;border-radius:6px;background:#ffffff12;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;color:var(--kc-muted)}@media screen and (max-width:1199px){.kh{grid-template-columns:280px minmax(0,1fr)}.kh-side{display:none}}@media screen and (max-width:768px){.kh{display:block;padding:var(--kh-top-m, 92px) 10px 12px;height:100vh;height:100dvh;min-height:520px}.kh[data-view=list] .kh-center,.kh[data-view=chat] .kh-rooms{display:none}.kh .kh-rooms,.kh .kh-center{height:100%}.kh-panel{border-radius:20px}.kh .kc--hub{padding:14px 12px 12px;border-radius:20px}.kh .kc--hub .kc-icon-wrap,.kh .kc--hub .kc-subtitle{display:none}.kh .kc--hub .kc-title{font-size:17px}.kh .kc--hub .kc-send-label{display:none}.kh .kc--hub .kc-send{width:44px;height:44px;padding:0;border-radius:50%}.kh-back{display:flex}}.kh-medal{position:absolute;right:-9px;top:-10px;z-index:2;font-size:19px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));pointer-events:none;transform-origin:50% 80%;animation:kh-medal 3.6s ease-in-out infinite}.kh-room:nth-of-type(3) .kh-medal{animation-delay:.5s}.kh-room:nth-of-type(4) .kh-medal{animation-delay:1s}@keyframes kh-medal{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(8deg) scale(1.06)}}.kh-mini-rank{font-size:16px}.kh-room-meta.is-cta{color:var(--kc-purple-bright)}@keyframes kh-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes kh-in-left{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes kh-in-right{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes kh-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes kh-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes kh-glow{0%,to{box-shadow:0 0 #a855f700}50%{box-shadow:0 0 22px 2px #a855f759}}@keyframes kh-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kh-rooms{animation:kh-in-left .55s cubic-bezier(.2,.8,.2,1) both}.kh-center{animation:kh-up .6s cubic-bezier(.2,.8,.2,1) .08s both}.kh-side{animation:kh-in-right .55s cubic-bezier(.2,.8,.2,1) .16s both}.kh-intro .kh-room,.kh-intro .kh-group{animation:kh-up .5s cubic-bezier(.2,.8,.2,1) both}.kh-intro .kh-room:nth-child(1){animation-delay:.05s}.kh-intro .kh-group{animation-delay:.12s}.kh-intro .kh-room:nth-child(3){animation-delay:.18s}.kh-intro .kh-room:nth-child(4){animation-delay:.26s}.kh-intro .kh-room:nth-child(5){animation-delay:.34s}.kh-intro .kh-room:nth-child(6){animation-delay:.42s}.kh-intro .kh-room:nth-child(n+7){animation-delay:.5s}.kh-room{transition:background .18s,transform .18s}.kh-room:hover{transform:translate(3px)}.kh-room:active{transform:scale(.98)}.kh-thumb{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.kh-room:hover .kh-thumb{transform:scale(1.08) rotate(-2deg);box-shadow:0 6px 18px -6px #a855f799}.kh-room[aria-current=true] .kh-thumb{box-shadow:0 0 0 2px #a855f78c}.kh-search svg{transition:color .2s,transform .25s}.kh-search:focus-within svg{color:var(--kc-purple-bright);transform:scale(1.15) rotate(-8deg)}.kh-side-body>*{animation:kh-up .5s cubic-bezier(.2,.8,.2,1) both}.kh-side-body>:nth-child(2){animation-delay:.06s}.kh-side-body>:nth-child(3){animation-delay:.12s}.kh-side-body>:nth-child(4){animation-delay:.18s}.kh-side-body>:nth-child(5){animation-delay:.24s}.kh-side-body>:nth-child(6){animation-delay:.3s}.kh-side-body>:nth-child(n+7){animation-delay:.36s}.kh-side-hero img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.kh-side-hero:hover img{transform:scale(1.07)}.kh-side-icon{animation:kh-float 4.5s ease-in-out infinite,kh-glow 4.5s ease-in-out infinite}.kh-tip-n{animation:kh-pop .5s cubic-bezier(.2,.8,.2,1) both}.kh-tips li:nth-child(1) .kh-tip-n{animation-delay:.35s}.kh-tips li:nth-child(2) .kh-tip-n{animation-delay:.45s}.kh-tips li:nth-child(3) .kh-tip-n{animation-delay:.55s}.kh-mini{transition:border-color .2s,background .2s,transform .2s}.kh-mini:hover{transform:translateY(-2px)}.kh-mini:active{transform:scale(.98)}.kh-prod{transition:border-color .2s,background .2s,transform .25s cubic-bezier(.2,.8,.2,1)}.kh-prod:hover{transform:translateY(-4px)}.kh-prod img{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.kh-prod:hover img{transform:scale(1.04)}.kh-side-btn:active{transform:scale(.97)}.kh .kc--hub .kh-swap{animation:kh-swap .4s cubic-bezier(.2,.8,.2,1) both}.kh .kc--hub .kc-icon-wrap{animation:kh-float 5s ease-in-out infinite}.kh .kc--hub .kc-send,.kh .kc--hub .kc-act,.kh .kc--hub .kc-rules-btn{transition:transform .18s cubic-bezier(.2,.8,.2,1),background .2s,color .2s,border-color .2s}.kh .kc--hub .kc-send:not(:disabled):hover{transform:translateY(-1px)}.kh .kc--hub .kc-send:not(:disabled):active,.kh .kc--hub .kc-act:active,.kh .kc--hub .kc-rules-btn:active{transform:scale(.94)}.kh .kc--hub .kc-like.is-liked svg{animation:kh-pop .45s cubic-bezier(.2,.8,.2,1)}.kh-back{transition:transform .18s,background .2s}.kh-back:hover{transform:translate(-2px)}.kh-back:active{transform:scale(.92)}@media screen and (max-width:768px){.kh[data-view=chat] .kh-center{animation:kh-in-right .4s cubic-bezier(.2,.8,.2,1) both}.kh[data-view=list] .kh-rooms{animation:kh-in-left .4s cubic-bezier(.2,.8,.2,1) both}}@media(prefers-reduced-motion:reduce){.kh *,.kh *:before,.kh *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/koji-chat-hub.css.map */