.tp-chat{position:relative;min-width:0;height:100%;border-radius:16px;overflow:hidden;background:var(--ck-bg, #f5f9ff);box-sizing:border-box}.tp-chat .ck-msgs,.tp-chat .ck-msgs-loading{position:absolute;top:0;right:0;bottom:0;left:0;padding:74px 16px 84px;box-sizing:border-box}.tp-chat .ck-msgs-loading{display:flex;align-items:center;justify-content:center}@media (max-width: 640px){.tp-chat .ck-msgs,.tp-chat .ck-msgs-loading{padding:70px 10px 78px}}.tp-chat .chat-header{position:absolute;top:12px;left:14px;right:14px;z-index:6;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:26px;box-sizing:border-box;background:#ffffffbd;-webkit-backdrop-filter:blur(28px) saturate(185%);backdrop-filter:blur(28px) saturate(185%);border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 40px -12px #141e3c57,0 4px 12px -6px #141e3c2e,inset 0 1px #ffffffe6}.tp-chat .chat-header-ava{width:42px;height:42px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;overflow:hidden;box-shadow:0 6px 14px -6px #141e3c59}.tp-chat .chat-header-info{flex:1;min-width:0}.tp-chat .chat-header-title{font-weight:700;font-size:15.5px;letter-spacing:-.01em;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-chat .chat-header-sub{font-size:12.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.tp-chat .chat-header-sub.typing{color:var(--ck-primary, #2563eb);font-weight:500}.tp-chat .chat-header-btn{cursor:pointer;padding:0;width:40px;height:40px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#64748b;font-size:15px;border:none;background:#ffffffeb;-webkit-backdrop-filter:blur(20px) saturate(175%);backdrop-filter:blur(20px) saturate(175%);box-shadow:0 10px 24px -10px #141e3c4d,inset 0 1px #fffffff2,inset 0 0 0 1px #0f172a0f;transition:transform .12s,color .18s,background .18s,box-shadow .18s}.tp-chat .chat-header-btn:hover{color:var(--ck-primary, #2563eb);background:#fff;transform:translateY(-1px);box-shadow:0 14px 28px -10px #141e3c57,inset 0 1px #fffffff2,inset 0 0 0 1px #0f172a14}.tp-chat .ck-composer{position:absolute;bottom:0;left:0;right:0;z-index:6;background:transparent;border-top:none;padding:10px 14px 14px;pointer-events:none}.tp-chat .ck-composer>*{pointer-events:auto}.tp-bg-pop-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5200}.tp-bg-pop{position:fixed;z-index:5300;width:268px;background:#ffffffe6;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:12px;box-shadow:0 20px 48px -18px #141e3c80,inset 0 1px #ffffffe6}.tp-bg-pop-title{font-weight:700;font-size:13.5px;color:#1e293b}.tp-bg-pop-sub{font-size:11px;color:#94a3b8;margin:1px 0 9px}.tp-bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tp-bg-item{height:42px;border-radius:11px;cursor:pointer;position:relative;border:2px solid transparent;box-shadow:inset 0 0 0 1px #0f172a0f;transition:transform .12s,border-color .12s}.tp-bg-item:hover{transform:translateY(-1px)}.tp-bg-item.active{border-color:var(--ck-primary, #2563eb)}.tp-bg-item.tp-bg-plain{background:#eef2f9}.tp-bg-item.active:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.tp-members-pop{position:fixed;z-index:5300;width:260px;max-height:320px;overflow-y:auto;background:#fffffff0;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:8px;box-shadow:0 20px 48px -18px #141e3c80,inset 0 1px #ffffffe6}.tp-member-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px}.tp-member-row:hover{background:#2563eb0f}.tp-member-ava{width:30px;height:30px;border-radius:50%;flex:none;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.tp-member-name{font-size:13px;font-weight:600;color:#1e293b;line-height:1.2}.tp-member-role{font-size:11px;color:#94a3b8}:root.dark .tp-chat{background:#0f1420}:root.dark .tp-chat .chat-header{background:#1e2636b8;border-color:#ffffff14}:root.dark .tp-chat .chat-header-title{color:#e8edf6}:root.dark .tp-chat .chat-header-btn{background:#283246d9;color:#aab6c8;box-shadow:0 10px 24px -10px #00000080,inset 0 0 0 1px #ffffff0f}:root.dark .tp-bg-pop,:root.dark .tp-members-pop{background:#181e2cf0;border-color:#ffffff14}:root.dark .tp-bg-pop-title,:root.dark .tp-member-name{color:#e8edf6}:root{--bg: #EAEDF5;--bg-2: #F3F5FA;--card: #FFFFFF;--card-2: #FAFBFD;--line: #EDEFF5;--line-2: #F1F3F7;--t1: #1B2236;--t2: #6B7388;--t3: #9AA1B4;--brand: #3B5BDB;--green: #1FA971;--teal: #1499B5;--amber: #D9912A;--red: #D8604F}html.dark{--bg: #0D1017;--bg-2: #1C232E;--card: #171D27;--card-2: #1E2530;--line: #28303C;--line-2: #232B36;--t1: #E9ECF2;--t2: #A3ABBA;--t3: #6E7686}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Onest,system-ui,sans-serif;background:var(--bg);color:var(--t1)}.mono{font-family:JetBrains Mono,monospace}button,input,select,textarea{font-family:inherit}::placeholder{color:var(--t3)}.nav:hover{background:var(--bg-2);color:var(--t1)}.pbtn:hover{filter:brightness(.94)}.pbtn{transition:filter .14s ease}.qcard{transition:transform .14s ease,box-shadow .2s ease}.qcard:hover{transform:translateY(-2px);box-shadow:0 1px 2px #26325a0d,0 14px 30px -16px #26325a38}.row:hover,.crow:hover{background:var(--card-2)}.card-shadow{box-shadow:0 1px 2px #26325a0d,0 12px 30px -18px #26325a33}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.input{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:11px;padding:11px 13px;font-size:13.5px;color:var(--t1);outline:none}.input:focus{border-color:var(--brand)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f13207a;display:flex;align-items:center;justify-content:center;padding:20px}@media (max-width: 860px){.app-shell{flex-direction:column!important;height:auto!important;min-height:100vh!important}.app-sidebar{width:100%!important;flex:none!important}.app-sidebar nav{flex-direction:row!important;flex-wrap:wrap}}