/* Active exchange and real waiting-state animation. */
.wkh-focus{height:var(--wkh-view-height,100dvh)}
.wkh-focus:not(.wkh-history-open) .thread>.msg:not(.wkh-current),
.wkh-focus:not(.wkh-history-open) .thread>.msg:not(.wkh-current)+.after{display:none}
.wkh-history-toggle{align-self:center;flex:none;min-height:44px;padding:8px 16px;border:0;background:none;color:var(--ice);font:500 13px Inter,system-ui,sans-serif;cursor:pointer}
.wkh-history-toggle[hidden]{display:none}
.wkh-focus .greet{flex:none}
.wkh-focus.wkh-has-turn .greet{margin:14px auto 0}
.wkh-focus.wkh-has-turn .greet .heart3d{display:none}
.wkh-focus.wkh-has-turn .greet b{font-size:19px}
.wkh-focus.wkh-has-turn .greet span{font-size:14px}
.wkh-focus .loadcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 14px 14px;min-height:0;max-width:100%;background:transparent;border:0;box-shadow:none;text-align:center}
.wkh-focus .loadcard .wkh-heart{width:160px;height:120px;max-width:100%;overflow:visible;flex:none}
.wkh-heart .outline{fill:none;stroke:#34516c;stroke-width:1.2}
.wkh-heart .forming{fill:none;stroke:#8bd9ff;stroke-width:2.7;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 4px #4aa6ff);animation:wkh-heart-draw 2.6s ease-in-out infinite}
.wkh-heart .ecg{fill:none;stroke:#f2a1b9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:28 100;stroke-dashoffset:100;filter:drop-shadow(0 0 3px #e388ad);animation:wkh-heart-trace 2.6s linear infinite}
.wkh-focus .loadcard .ltext{max-width:260px;font-size:14px;line-height:1.5;color:#b7d8f1}
@keyframes wkh-heart-draw{0%{stroke-dashoffset:100;opacity:.4}65%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.35}}
@keyframes wkh-heart-trace{to{stroke-dashoffset:-128}}
@media(prefers-reduced-motion:reduce){.wkh-heart .forming,.wkh-heart .ecg{animation:none;stroke-dasharray:none;stroke-dashoffset:0;opacity:1}}
@media(orientation:landscape) and (max-height:550px) and (max-width:1100px){
 .wkh-focus{padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:52px auto minmax(0,1fr);column-gap:24px;overflow:hidden}
 .wkh-focus .topbar{position:relative;inset:auto;grid-area:1/1/2/3;width:100%;height:52px;min-height:52px;padding:4px 0;flex-direction:row;gap:10px;border-right:0;border-bottom:1px solid var(--line)}
 .wkh-focus .brand{font-size:17px;white-space:nowrap}.wkh-focus .brand .mark{width:32px;height:32px}
 .wkh-focus .tb-sp{flex:1}.wkh-focus .tb-btn{padding:0 12px;order:initial}.wkh-focus .tb-btn span,.wkh-focus .tb-heart,.wkh-focus .back{display:none}
 .wkh-focus .menub{display:inline-flex}.wkh-focus .topbar #wkAcct{position:relative!important;inset:auto!important}
 .wkh-focus .topbar #wkAcct .wkid-menu{top:100%;bottom:auto}
 .wkh-focus .greet{display:none}
 .wkh-focus .wkh-history-toggle{grid-area:2/1;justify-self:start;padding-left:0;min-height:36px}
 .wkh-focus .thread{grid-area:3/1;min-width:0;min-height:0;padding:12px 0;overflow:auto;scrollbar-width:thin;align-self:stretch}
 .wkh-focus .msg{margin:0 0 12px;max-width:100%}.wkh-focus .msg .av{display:none}
 .wkh-focus .msg .bubble{max-width:100%;width:100%;border:0;background:none;padding:0;line-height:1.5;font-size:17px;border-radius:0}
 .wkh-focus .msg.user .bubble{color:#9cb4cc;font-size:13px;max-height:60px;overflow:auto}
 .wkh-focus .composer{grid-area:2/2/4/3;min-width:0;align-self:center;max-height:100%;overflow:auto;padding:8px 0;background:none;scrollbar-width:thin}
 .wkh-focus .composer .pill{border-radius:22px;padding:10px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px}
 .wkh-focus .composer textarea{order:-1;flex:1 0 100%;width:100%;height:60px;min-height:44px;max-height:90px;font-size:16px;padding:6px}
 .wkh-focus .composer .sendb{margin-left:auto}.wkh-focus .disc{font-size:11px;margin-top:6px;line-height:1.4}
 .wkh-focus .loadcard{padding:0 6px 6px}.wkh-focus .loadcard .wkh-heart{height:92px;width:132px}.wkh-focus .loadcard .ltext{font-size:12px}
 .wkh-focus .recent{position:fixed;inset:0 auto 0 0;z-index:20;width:min(86vw,320px);padding:18px 12px;background:var(--panel);border-right:1px solid var(--line);transform:translateX(-102%);visibility:hidden}
 .wkh-focus.drawer .recent{transform:none;visibility:visible}.wkh-focus .rc-close{display:grid}
 .wkh-focus .after{padding-left:0}
}
@media(orientation:landscape) and (max-height:290px){.wkh-focus .thread{padding-top:6px}.wkh-focus .loadcard .wkh-heart{height:66px;width:104px}.wkh-focus .msg.user .bubble{max-height:38px}.wkh-focus .composer textarea{max-height:48px}.wkh-focus .wkh-history-toggle{min-height:28px;font-size:12px}}