.hx{color:#111;background:#f6f6f6;height:600px;font-size:12.5px;line-height:1.4;position:relative}.hx-grid{grid-template-columns:1fr;height:100%;display:grid}.hx-rail,.hx-nav,.hx-list,.hx-panel{display:none}@media (width>=768px){.hx-grid{grid-template-columns:250px 1fr}.hx-list{display:block}}@media (width>=1024px){.hx-grid{grid-template-columns:52px 250px 1fr 270px}.hx-rail,.hx-panel{display:flex}}@media (width>=1360px){.hx-grid{grid-template-columns:52px 200px 270px 1fr 290px}.hx-nav{display:block}}.hx-rail{color:#444;flex-direction:column;align-items:center;gap:14px;padding:12px 0}.hx-railbtn{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.hx-railbtn.is-on{background:#fff;box-shadow:0 1px 2px #00000014}.hx-nav{padding:12px 8px;overflow:hidden}.hx-navrow{border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.hx-navrow.is-on{background:#fff;box-shadow:0 1px 2px #0000000f}.hx-mute{color:#777;white-space:nowrap;font-size:11.5px}.hx-list{background:#fff;border-right:1px solid #eee;border-radius:14px 0 0 14px;margin:8px 0;overflow:hidden}@media (width<=1023px){.hx-list{border-radius:0;margin:0}}.hx-row{border-radius:10px;gap:9px;padding:8px 9px;transition:background .3s;display:flex}.hx-row.is-sel{background:#f2f2f2}.hx-av{color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:10.5px;font-weight:600;display:grid;position:relative}.hx-avch{color:#555;background:#fff;border-radius:999px;place-items:center;width:14px;height:14px;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 0 1.5px #fff}.hx-wait{color:#b7791f}.hx-dot{background:#8365ff;border-radius:99px;width:7px;height:7px;transition:opacity .3s}.hx-thread{background:#fff;flex-direction:column;min-width:0;margin:8px 0;display:flex;position:relative;overflow:hidden}@media (width<=1023px){.hx-thread{margin:0}}.hx-empty{background:#fff;flex-direction:column;transition:opacity .4s;display:flex;position:absolute;inset:0}.hx-empty.off{pointer-events:none}.hx-prevpanel{padding:12px}.hx-chip{white-space:nowrap;background:#fff;border:1px solid #e5e5e5;border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:500;display:inline-flex}.hx-chip-ok{color:#15803d;border-color:#bbf7d0}.hx-solve,.hx-btn{color:#fff;background:#111;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-weight:500;transition:transform .15s,background .3s;display:inline-flex}.hx-scroll{flex:1;min-height:0;padding:0 16px;overflow:hidden}.hx-scrollin{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.hx-bubble{background:#f3f3f3;border-radius:14px;max-width:88%;padding:10px 12px;font-size:12.5px}.hx-bubble-out{background:#fff;border:1px solid #e8e8e8}.hx-ai{background:#fff;border:1px solid #e5e5e5;border-radius:14px;margin:0 12px 8px;overflow:hidden;box-shadow:0 8px 24px -16px #00000040}.hx-aitext{min-height:112px;padding:10px 12px;font-size:12.5px}.hx-composer{border:1px solid #e5e5e5;border-radius:14px;gap:8px;margin:0 12px 12px;padding:10px 12px;display:grid}.hx-compose{min-height:38px;max-height:58px;font-size:12.5px;overflow:hidden}.hx-send{color:#fff;background:#9b9b9b;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;transition:background .3s,transform .15s;display:inline-flex}.hx-send.is-ready{background:#111}.hx-panel{background:#fff;border-left:1px solid #eee;border-radius:0 14px 14px 0;flex-direction:column;margin:8px 8px 8px 0;padding:12px;overflow:hidden}.hx-label{letter-spacing:.06em;text-transform:uppercase;color:#666;font-size:10.5px;font-weight:500}.hx-select{border:1px solid #e5e5e5;border-radius:9px;justify-content:space-between;align-items:center;margin-top:4px;padding:6px 9px;transition:background .3s;display:flex}.hx-skel{background:linear-gradient(90deg,#f0f0f0 25%,#e6e6e6 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.1s linear infinite hx-shimmer;display:block}@keyframes hx-shimmer{to{background-position:-200% 0}}.hx-spin{animation:.9s linear infinite hx-spin}@keyframes hx-spin{to{transform:rotate(360deg)}}.hx-k{opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(8px)}.hx-k.on{opacity:1;transform:none}.hx-collapse{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1),opacity .5s;display:grid}.hx-collapse.on{opacity:1;grid-template-rows:1fr}.hx-collapse>div{min-height:0}.hx-empty.off{opacity:0}[data-k=ai-ready],[data-k=ai-loading]{display:none}[data-k=ai-ready].on,[data-k=ai-loading].on{display:inline-flex}.hx-toast{color:#fff;opacity:0;pointer-events:none;z-index:5;background:#111;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 9px;font-size:12.5px;font-weight:500;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%,-12px)scale(.96);box-shadow:0 16px 32px -16px #00000080}.hx-toast.on{opacity:1;transform:translate(-50%)scale(1)}.hx-cursor{z-index:6;opacity:0;filter:drop-shadow(0 2px 3px #00000040);pointer-events:none;transition:transform .9s cubic-bezier(.45,0,.2,1),opacity .4s;position:absolute;top:0;left:0}.hx-cursor.on{opacity:1}.hx-cursor.press path{transform-origin:4px 2.5px;transform:scale(.86)}.hx-ripple{z-index:5;opacity:0;pointer-events:none;background:#8365ff59;border-radius:999px;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;transform:scale(.3)}.hx-ripple.go{animation:.6s ease-out hx-ripple}@keyframes hx-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.hx .press-btn{transform:scale(.94)}.hx-layer{opacity:0;pointer-events:none;z-index:2;background:#fff;flex-direction:column;transition:opacity .45s;display:flex;position:absolute;inset:0}.hx-layer.on{opacity:1}.hx-aitext-sm{min-height:64px}.hx-btn-sm{padding:3px 9px;font-size:11px}.hx-btn.is-done{color:#15803d;background:#e8f5ec}.hx-pop{opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.3,1.6,.5,1);transform:scale(.6)}.hx-pop.on{opacity:1;transform:none}.hx-swap{transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}.hx-swap-off{opacity:0;transform:translate(14px)}.hx-swap-out{opacity:0;transform:translate(-14px)}.hx-count{transition:color .3s}@media (width<=639px){.hx .hx-sm{display:none}}@media (width<=1279px){.hx .hx-xl{display:none}}.hx-count.bump{color:#6d4aff;font-weight:600}@media (width<=767px){.hx{height:470px}}