.thinking{position:relative;display:flex;align-items:center;gap:15px;margin:0 25px 17px;padding:14px 18px;min-height:84px;border:1px solid #3b76a8;border-radius:17px;background:linear-gradient(110deg,#142b47,#183c5d 55%,#102940);box-shadow:0 9px 32px #0005,0 0 28px #2a8fe425;overflow:hidden}
.thinking.hidden{display:none!important}
.thinking::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#8bddff16 50%,transparent 75%);transform:translateX(-100%);animation:thinking-shimmer 3s linear infinite;pointer-events:none}
.thinking-avatar{position:relative;flex:none;width:54px;height:54px;border-radius:50%;box-shadow:0 0 0 3px #75caff33,0 0 20px #4aafff70;animation:thinking-pulse 2.3s ease-in-out infinite}
.thinking-avatar img{display:block;width:100%;height:100%;border-radius:50%}
.thinking-copy{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;z-index:1}
.thinking-copy strong{font-size:14px;color:#e5f6ff}.thinking-copy>span:not(.thinking-dots){font-size:13px;color:#9dc6e9;line-height:1.35}
.thinking-dots{display:flex;gap:5px;height:10px;align-items:center;margin-top:2px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:#7cd3ff;animation:thinking-dot 1.2s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.18s}.thinking-dots i:nth-child(3){animation-delay:.36s}
.thinking-orbit{position:absolute;right:25px;top:50%;width:39px;height:39px;margin-top:-20px;border:2px solid #7acaff2a;border-top-color:#7ad1ff;border-radius:50%;animation:thinking-spin 1.4s linear infinite}
@keyframes thinking-spin{to{transform:rotate(360deg)}}@keyframes thinking-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}@keyframes thinking-pulse{50%{box-shadow:0 0 0 6px #75caff20,0 0 30px #4aafff90}}@keyframes thinking-shimmer{to{transform:translateX(100%)}}
@media(max-width:600px){.thinking{margin:0 12px 12px;padding:12px;gap:12px}.thinking-avatar{width:46px;height:46px}.thinking-orbit{display:none}.thinking-copy strong{font-size:13px}.thinking-copy>span:not(.thinking-dots){font-size:12px}}
@media(prefers-reduced-motion:reduce){.thinking::before,.thinking-avatar,.thinking-dots i,.thinking-orbit{animation:none}}