static/css/_thinking.css

/* ── thinking toggle ── */
#hy-chat .thinking-block {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 6px 0 10px !important;
}
#hy-chat .thinking-block summary {
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #8a8a8e !important;
    padding: 0 !important;
    list-style: none !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
#hy-chat .thinking-block summary:hover { color: #666 !important; }
.dark #hy-chat .thinking-block summary { color: #808080 !important; }
.dark #hy-chat .thinking-block summary:hover { color: #aaa !important; }
#hy-chat .thinking-block summary::marker,
#hy-chat .thinking-block summary::-webkit-details-marker { display: none !important; }
#hy-chat .thinking-block summary::after { content: " ›" !important; font-size: 13px; color: #bbb; }
#hy-chat .thinking-block[open] summary::after { content: " ⌄" !important; }
#hy-chat .thinking-block[open] summary { margin-bottom: 8px !important; }
#hy-chat .thinking-block[open] > :not(summary) {
    font-size: 13px; color: #666; line-height: 1.7;
    padding: 12px 16px; background: #f8f8fa !important; border-radius: 8px;
    max-height: 300px; overflow-y: auto; border-left: 2px solid #e5e5ea !important;
}
.dark #hy-chat .thinking-block[open] > :not(summary) {
    color: #909090 !important; background: #1c1c1c !important;
    border-left-color: #333 !important;
}