.guide .thread,.askwrap .thread{grid-column:1 / -1;order:1;
margin-top:0;border-top:0;padding-top:0;
max-height:min(58vh,540px);overflow-y:auto;overscroll-behavior:contain}
.askwrap.talking .thread{background:none;border:0;border-radius:0;
padding:0;max-width:none;margin-top:0}
.askwrap.talking .ask{border-bottom-left-radius:10px;border-bottom-right-radius:10px;
border-bottom-color:var(--line)}
.guide .thread::-webkit-scrollbar,.askwrap .thread::-webkit-scrollbar{width:8px}
.guide .thread::-webkit-scrollbar-track,.askwrap .thread::-webkit-scrollbar-track{
background:rgba(255,250,240,.07);border-radius:99px}
.guide .thread::-webkit-scrollbar-thumb,.askwrap .thread::-webkit-scrollbar-thumb{
background:var(--gold);border-radius:99px}
.guide .thread,.askwrap .thread{scrollbar-width:thin;
scrollbar-color:var(--gold) rgba(255,250,240,.07)}
.guide .chips,.askwrap .tries{grid-column:1 / -1;order:2}
.guide .ask,.askwrap .ask{grid-column:1 / -1;order:3;margin-top:12px}
.thread .turn.guide{display:block;grid-template-columns:none;box-shadow:none;
position:relative;margin-left:40px;margin-bottom:14px;
background:var(--bg,#0e2e1f);border:1px solid var(--line);border-radius:12px;
padding:12px 15px;font-size:14.5px;line-height:1.6;color:var(--ink);
width:fit-content;max-width:calc(100% - 40px)}
.thread .turn.guide::before{content:var(--gi,"HC");
position:absolute;left:-40px;top:0;width:30px;height:30px;border-radius:50%;
background:var(--gold);color:#123625;
font:800 14px/1 var(--sans);letter-spacing:-.02em;display:grid;place-items:center}
.askwrap .thread .turn.guide::before{font-size:11.5px;letter-spacing:.01em}
.thread .turn.guide p{margin:0 0 9px}
.thread .turn.guide p:last-child{margin-bottom:0}
.thread .turn.guide a,.thread .turn.guide a.hcs-link{color:var(--gold);
text-decoration:underline;text-underline-offset:3px}
.thread .turn.you{margin:0 0 14px auto;width:fit-content;max-width:78%;
background:var(--gold);color:#123625;border:0;border-radius:12px;
padding:11px 15px;font-size:14.5px;line-height:1.5;font-weight:500}
.thread .turn.you b{display:none}
.thread .turn.err{margin-left:40px;color:var(--gold-light,#f0c56c);
font-size:14px;font-style:normal}
.thread .turn.guide .thinking{color:var(--ink-2)}
.guide .ask button,.askwrap .ask button{flex:none;width:44px;height:44px;padding:0;
border-radius:50%;font-size:0;display:grid;place-items:center;position:relative}
.guide .ask button::after,.askwrap .ask button::after{content:"\2192";
font:400 20px/1 var(--sans);color:#123625}
.guide .ask input,.askwrap .ask input{padding-right:8px}
body .askwrap.chatting{grid-template-columns:minmax(0,1fr)}
.askwrap.chatting>.facewrap,.askwrap.chatting>.gtext{display:none}
.guide.chatting .thread,.askwrap.chatting .thread{display:block}
.thread .turn.guide.gi b{font-size:inherit;letter-spacing:normal;
text-transform:none;display:inline;margin:0;line-height:inherit}
body.mode-ask .askblock:has(.askwrap.talking){align-items:flex-start;padding-top:6px}
body.mode-ask .askblock:has(.askwrap.talking) .hero{margin-top:0}
@media(max-width:620px){
.thread .turn.guide{margin-left:34px;max-width:calc(100% - 34px);padding:11px 13px}
.thread .turn.guide::before{left:-34px;width:26px;height:26px;font-size:12px}
.thread .turn.you{max-width:86%}
}
.guide .thread::-webkit-scrollbar-thumb,.askwrap .thread::-webkit-scrollbar-thumb{
background:#5a9b78}
.guide .thread:hover::-webkit-scrollbar-thumb,.askwrap .thread:hover::-webkit-scrollbar-thumb{
background:#6fb38c}
.guide .thread,.askwrap .thread{scrollbar-color:#5a9b78 rgba(255,250,240,.07)}
.guide .ask button,.askwrap .ask button{
flex:none;width:auto;height:auto;align-self:stretch;min-height:0;
padding:0 20px;border-radius:7px;
font:700 14px/1 var(--sans);letter-spacing:.01em;
display:inline-flex;align-items:center;justify-content:center;
background:#6fab8e;color:#081a12;
border:0;cursor:pointer;transition:filter .15s}
.guide .ask button:hover,.askwrap .ask button:hover{filter:brightness(1.08)}
.guide .ask button:focus-visible,.askwrap .ask button:focus-visible{
outline:2px solid var(--ink);outline-offset:2px}
.guide .ask button::after,.askwrap .ask button::after{content:none}
@media(max-width:480px){
.guide .ask button,.askwrap .ask button{padding:0 15px;font-size:13.5px}
}
.face span{inset:6.03% 0 26.72% 0;line-height:1;
display:grid;place-items:center}
.guide.talking .face span,.askwrap.talking .face span{inset:6.03% 0 26.72% 0}
.face span,.thread .turn.guide::before{transform:translateY(.055em)}
.thread .turn.guide::before{line-height:1}