/* Wallet-Agent0-APP Styles */
#terminal-output {
  background: #0a0a0f;
  color: #22c55e;
  font-family: 'SF Mono','Fira Code','Cascadia Code','Consolas',monospace;
  line-height: 1.7;
  scroll-behavior: smooth;
}
#terminal-output::-webkit-scrollbar { width: 6px; }
#terminal-output::-webkit-scrollbar-track { background: #0a0a0f; }
#terminal-output::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
.terminal-line { padding: 0; margin: 0; white-space: pre-wrap; word-break: break-all; }
.terminal-line.header { color: #06b6d4; font-weight: 600; }
.terminal-line.prompt { color: #a78bfa; }
.terminal-line.success { color: #22c55e; }
.terminal-line.error { color: #ef4444; }
.terminal-line.result-line { animation: terminalFadeIn .3s ease-out; }
@keyframes terminalFadeIn { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }

#score-ring { transition: stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1), stroke .3s ease; }
[id^="bar-"] { transition: width 1s ease; }

#scanner-results { animation: fadeInScale .4s ease-out; }
@keyframes fadeInScale { from{opacity:0;transform:scale(.97)} to{opacity:1;transform:scale(1)} }

#scanner-url:focus { box-shadow: 0 0 20px rgba(6,182,212,.15); }

/* Animierte gelbe CTA-Umrandung für das Domain-Eingabefeld */
@keyframes ctaPulse {
  0%, 100% { border-color: rgba(250,204,21,.55); box-shadow: 0 0 6px rgba(250,204,21,.25); }
  50%      { border-color: #facc15; box-shadow: 0 0 0 3px rgba(250,204,21,.18), 0 0 18px rgba(250,204,21,.55); }
}
#scanner-url { animation: ctaPulse 1.8s ease-in-out infinite; }
#scanner-url:focus { animation: none; }
@media (prefers-reduced-motion: reduce) {
  #scanner-url { animation: none; border-color: rgba(250,204,21,.6); }
}

#scanner-submit:not(:disabled) { animation: subtlePulse 2.5s infinite; }
#scanner-submit:disabled { opacity: .6; cursor: not-allowed; }
@keyframes subtlePulse { 0%,100%{box-shadow:0 0 0 0 rgba(6,182,212,.3)} 50%{box-shadow:0 0 0 8px rgba(6,182,212,0)} }

.btn-primary.copied { background: linear-gradient(135deg,#10b981,#059669)!important; box-shadow: 0 0 20px rgba(16,185,129,.3); }
.btn-primary.copied:hover { box-shadow: 0 0 32px rgba(16,185,129,.5); }

#prompt-code { white-space: pre-wrap; word-break: break-word; }
#prompt-code code { display: block; line-height: 1.7; }

.card-highlight { border-color: rgba(99,102,241,.3)!important; background: rgba(99,102,241,.03)!important; }

details summary { user-select: none; }
details summary::-webkit-details-marker { display: none; }
details[open] summary span { transform: rotate(45deg); display: inline-block; }

.card ul li { transition: transform .2s; }
.card ul li:hover { transform: translateX(4px); }

#stat-percent, #stat-categories, #stat-max { font-variant-numeric: tabular-nums; }