.tracking-eyes { --look-x: 0px; --look-y: 0px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: 36px; height: 36px; margin-left: 12px; vertical-align: middle; border-radius: 50%; border: 1px solid #5d8fe055; background: radial-gradient(circle at 50% 35%, #0b1427, #010309 76%); box-shadow: inset 0 -8px 12px #0006, 0 5px 12px #0004; }
.tracking-eyes i { width: 5px; height: 11px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff9ca, #f4de94 60%, #ce9813); box-shadow: 0 0 9px #ffe98290; transform: translate(var(--look-x), var(--look-y)); transition: transform 80ms linear; }
@media (prefers-reduced-motion: reduce) { .tracking-eyes i { transition: none; } }
.artifact-card { border: 1px solid #a6b0c444; border-radius: 12px; padding: 16px; margin: 12px 0; overflow-wrap: anywhere; }
.artifact-card button, .artifact-card select { margin: 4px; }
.artifact-card label { display: block; margin: 8px 0; }
.artifact-card input, .artifact-card select, .artifact-card textarea { max-width: 100%; background: #101620; color: #f5f1e6; border: 1px solid #a6b0c466; border-radius: 6px; padding: 8px; }
.artifact-card input[type=file] { box-sizing: border-box; width: 100%; }
.artifact-card pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.artifact-card select[multiple] { width: 100%; min-height: 80px; }